:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --primary: #0C153C; --secondary: #EBEBCC; --text-body: #505050; --text-title: #303030; --border-primary: #80808033; --shadow-primary: #000; --light: #fff; --dark: #000; --success: #24F95D; --error: #F92444; --bg-body: #F9F9F9; --dark-t-1: hsla(0, 0%, 90%, 0.1); --dark-t-2: hsla(0, 0%, 80%, 0.2); --dark-t-3: hsla(0, 0%, 70%, 0.3); --dark-t-4: hsla(0, 0%, 60%, 0.4); --dark-t-5: hsla(0, 0%, 50%, 0.5); --dark-t-6: hsla(0, 0%, 40%, 0.6); --dark-t-7: hsla(0, 0%, 30%, 0.7); --dark-t-8: hsla(0, 0%, 20%, 0.8); --dark-t-9: hsla(0, 0%, 10%, 0.9); --secondary-d-1: #d4d4b8; --secondary-d-2: #bcbca3; --secondary-d-3: #a5a58f; --secondary-d-4: #8d8d7a; --secondary-d-5: #767666; --secondary-d-6: #5e5e52; --secondary-d-7: #47473d; --secondary-d-8: #2f2f29; --secondary-d-9: #181814; --secondary-t-1: hsla(60, 44%, 99%, 0.1); --secondary-t-2: hsla(60, 44%, 97%, 0.2); --secondary-t-3: hsla(60, 44%, 96%, 0.3); --secondary-t-4: hsla(60, 44%, 94%, 0.4); --secondary-t-5: hsla(60, 44%, 93%, 0.5); --secondary-t-6: hsla(60, 44%, 92%, 0.6); --secondary-t-7: hsla(60, 44%, 90%, 0.7); --secondary-t-8: hsla(60, 44%, 89%, 0.8); --secondary-t-9: hsla(60, 44%, 87%, 0.9); --light-t-1: hsla(0, 0%, 100%, 0.1); --light-t-2: hsla(0, 0%, 100%, 0.2); --light-t-3: hsla(0, 0%, 100%, 0.3); --light-t-4: hsla(0, 0%, 100%, 0.4); --light-t-5: hsla(0, 0%, 100%, 0.5); --light-t-6: hsla(0, 0%, 100%, 0.6); --light-t-7: hsla(0, 0%, 100%, 0.7); --light-t-8: hsla(0, 0%, 100%, 0.8); --light-t-9: hsla(0, 0%, 100%, 0.9); --primary-l-1: #242c50; --primary-l-2: #3d4463; --primary-l-3: #555b77; --primary-l-4: #6d738a; --primary-l-5: #868a9e; --primary-l-6: #9ea1b1; --primary-l-7: #b6b9c5; --primary-l-8: #ced0d8; --primary-l-9: #e7e8ec; --primary-d-1: #0b1336; --primary-d-2: #0a1130; --primary-d-3: #080f2a; --primary-d-4: #070d24; --primary-d-5: #060b1e; --primary-d-6: #050818; --primary-d-7: #040612; --primary-d-8: #02040c; --primary-d-9: #010206; --primary-t-1: hsla(229, 11%, 91%, 0.1); --primary-t-2: hsla(229, 11%, 83%, 0.2); --primary-t-3: hsla(229, 11%, 74%, 0.3); --primary-t-4: hsla(229, 11%, 66%, 0.4); --primary-t-5: hsla(229, 11%, 57%, 0.5); --primary-t-6: hsla(229, 12%, 48%, 0.6); --primary-t-7: hsla(229, 17%, 40%, 0.7); --primary-t-8: hsla(229, 24%, 31%, 0.8); --primary-t-9: hsla(229, 37%, 23%, 0.9); --text-2xs: clamp(0.82rem, calc(-0.002178217821782178 * (100vw - 39rem) + 0.82rem), 0.6rem); --text-xs: clamp(1.02rem, calc(-0.0016831683168316836 * (100vw - 39rem) + 1.02rem), 0.85rem); --text-s: clamp(1.28rem, calc(-0.0007920792079207928 * (100vw - 39rem) + 1.28rem), 1.2rem); --text-m: clamp(1.6rem, calc(0.0009900990099009888 * (100vw - 39rem) + 1.6rem), 1.7rem); --text-l: clamp(2rem, calc(0.00396039603960396 * (100vw - 39rem) + 2rem), 2.4rem); --text-xl: clamp(2.5rem, calc(0.00891089108910891 * (100vw - 39rem) + 2.5rem), 3.4rem); --text-2xl: clamp(3.13rem, calc(0.01663366336633663 * (100vw - 39rem) + 3.13rem), 4.81rem); --text-3xl: clamp(3.91rem, calc(0.02861386138613861 * (100vw - 39rem) + 3.91rem), 6.8rem); --text-4xl: clamp(4.88rem, calc(0.046831683168316825 * (100vw - 39rem) + 4.88rem), 9.61rem); --text-5xl: clamp(6.1rem, calc(0.07415841584158415 * (100vw - 39rem) + 6.1rem), 13.59rem); --text-6xl: clamp(7.63rem, calc(0.11465346534653467 * (100vw - 39rem) + 7.63rem), 19.21rem); --space-4xs: clamp(0.52rem, calc(-0.0003960396039603964 * (100vw - 39rem) + 0.52rem), 0.48rem); --space-3xs: clamp(0.66rem, calc(-0.0002970297029702973 * (100vw - 39rem) + 0.66rem), 0.63rem); --space-2xs: clamp(0.82rem, calc(0.0001980198019801982 * (100vw - 39rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.001089108910891088 * (100vw - 39rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002178217821782178 * (100vw - 39rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.00396039603960396 * (100vw - 39rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.006633663366336633 * (100vw - 39rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.010396039603960395 * (100vw - 39rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.015940594059405944 * (100vw - 39rem) + 3.13rem), 4.74rem); --space-3xl: clamp(3.91rem, calc(0.023762376237623756 * (100vw - 39rem) + 3.91rem), 6.31rem); --space-4xl: clamp(4.88rem, calc(0.03504950495049505 * (100vw - 39rem) + 4.88rem), 8.42rem); --space-5xl: clamp(6.1rem, calc(0.0506930693069307 * (100vw - 39rem) + 6.1rem), 11.22rem); --space-6xl: clamp(7.63rem, calc(0.07257425742574258 * (100vw - 39rem) + 7.63rem), 14.96rem); --space-7xl: clamp(9.54rem, calc(0.10297029702970299 * (100vw - 39rem) + 9.54rem), 19.94rem);}