: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; --ks-purple: #563B47; --ks-purple-l-1: #654d58; --ks-purple-l-2: #755f68; --ks-purple-l-3: #847079; --ks-purple-l-4: #93828a; --ks-purple-l-5: #a3949b; --ks-purple-l-6: #b2a6ab; --ks-purple-l-7: #c2b8bc; --ks-purple-l-8: #d1cacd; --ks-purple-l-9: #e0dbde; --ks-purple-l-10: #f0edee; --ks-purple-d-1: #4e3641; --ks-purple-d-2: #46303a; --ks-purple-d-3: #3f2b34; --ks-purple-d-4: #37262d; --ks-purple-d-5: #2f2027; --ks-purple-d-6: #271b20; --ks-purple-d-7: #1f151a; --ks-purple-d-8: #171013; --ks-purple-d-9: #100b0d; --ks-purple-d-10: #080506; --ks-purple-t-1: hsla(333, 7%, 93%, 0.09); --ks-purple-t-2: hsla(333, 7%, 87%, 0.18); --ks-purple-t-3: hsla(333, 7%, 80%, 0.27); --ks-purple-t-4: hsla(333, 7%, 74%, 0.36); --ks-purple-t-5: hsla(333, 7%, 67%, 0.45); --ks-purple-t-6: hsla(333, 7%, 61%, 0.55); --ks-purple-t-7: hsla(333, 7%, 54%, 0.64); --ks-purple-t-8: hsla(333, 8%, 48%, 0.73); --ks-purple-t-9: hsla(333, 10%, 41%, 0.82); --ks-purple-t-10: hsla(333, 14%, 35%, 0.91); --ks-red: #EE2726; --ks-red-l-1: #f03b3a; --ks-red-l-2: #f14e4d; --ks-red-l-3: #f36261; --ks-red-l-4: #f47675; --ks-red-l-5: #f68989; --ks-red-l-6: #f79d9c; --ks-red-l-7: #f9b0b0; --ks-red-l-8: #fac4c4; --ks-red-l-9: #fcd8d8; --ks-red-l-10: #fdebeb; --ks-red-d-1: #d82323; --ks-red-d-2: #c3201f; --ks-red-d-3: #ad1c1c; --ks-red-d-4: #971918; --ks-red-d-5: #821515; --ks-red-d-6: #6c1211; --ks-red-d-7: #570e0e; --ks-red-d-8: #410b0a; --ks-red-d-9: #2b0707; --ks-red-d-10: #160403; --ks-red-t-1: hsla(0, 85%, 96%, 0.09); --ks-red-t-2: hsla(0, 85%, 92%, 0.18); --ks-red-t-3: hsla(0, 85%, 87%, 0.27); --ks-red-t-4: hsla(0, 85%, 83%, 0.36); --ks-red-t-5: hsla(0, 85%, 79%, 0.45); --ks-red-t-6: hsla(0, 85%, 75%, 0.55); --ks-red-t-7: hsla(0, 85%, 71%, 0.64); --ks-red-t-8: hsla(0, 85%, 67%, 0.73); --ks-red-t-9: hsla(0, 85%, 62%, 0.82); --ks-red-t-10: hsla(0, 85%, 58%, 0.91); --black: #000000; --black-l-1: #171717; --black-l-2: #2e2e2e; --black-l-3: #464646; --black-l-4: #5d5d5d; --black-l-5: #747474; --black-l-6: #8b8b8b; --black-l-7: #a2a2a2; --black-l-8: #b9b9b9; --black-l-9: #d1d1d1; --black-l-10: #e8e8e8; --black-d-1: #000000; --black-d-2: #000000; --black-d-3: #000000; --black-d-4: #000000; --black-d-5: #000000; --black-d-6: #000000; --black-d-7: #000000; --black-d-8: #000000; --black-d-9: #000000; --black-d-10: #000000; --black-t-1: hsla(0, 0%, 91%, 0.09); --black-t-2: hsla(0, 0%, 82%, 0.18); --black-t-3: hsla(0, 0%, 73%, 0.27); --black-t-4: hsla(0, 0%, 64%, 0.36); --black-t-5: hsla(0, 0%, 55%, 0.45); --black-t-6: hsla(0, 0%, 45%, 0.55); --black-t-7: hsla(0, 0%, 36%, 0.64); --black-t-8: hsla(0, 0%, 27%, 0.73); --black-t-9: hsla(0, 0%, 18%, 0.82); --black-t-10: hsla(0, 0%, 9%, 0.91); --white: #ffffff; --white-t-1: hsla(0, 0%, 100%, 0.09); --white-t-2: hsla(0, 0%, 100%, 0.18); --white-t-3: hsla(0, 0%, 100%, 0.27); --white-t-4: hsla(0, 0%, 100%, 0.36); --white-t-5: hsla(0, 0%, 100%, 0.45); --white-t-6: hsla(0, 0%, 100%, 0.55); --white-t-7: hsla(0, 0%, 100%, 0.64); --white-t-8: hsla(0, 0%, 100%, 0.73); --white-t-9: hsla(0, 0%, 100%, 0.82); --white-t-10: hsla(0, 0%, 100%, 0.91); --yellow-dan: #ffd848; --yellow-dan-l-1: #ffdc59; --yellow-dan-l-2: #ffdf69; --yellow-dan-l-3: #ffe37a; --yellow-dan-l-4: #ffe68b; --yellow-dan-l-5: #ffea9b; --yellow-dan-l-6: #ffedac; --yellow-dan-l-7: #fff1bc; --yellow-dan-l-8: #fff4cd; --yellow-dan-l-9: #fff8de; --yellow-dan-l-10: #fffbee; --yellow-dan-d-1: #e8c441; --yellow-dan-d-2: #d1b13b; --yellow-dan-d-3: #b99d34; --yellow-dan-d-4: #a2892e; --yellow-dan-d-5: #8b7627; --yellow-dan-d-6: #746221; --yellow-dan-d-7: #5d4f1a; --yellow-dan-d-8: #463b14; --yellow-dan-d-9: #2e270d; --yellow-dan-d-10: #171407; --yellow-dan-t-1: hsla(47, 100%, 97%, 0.09); --yellow-dan-t-2: hsla(47, 100%, 93%, 0.18); --yellow-dan-t-3: hsla(47, 100%, 90%, 0.27); --yellow-dan-t-4: hsla(47, 100%, 87%, 0.36); --yellow-dan-t-5: hsla(47, 100%, 84%, 0.45); --yellow-dan-t-6: hsla(47, 100%, 80%, 0.55); --yellow-dan-t-7: hsla(47, 100%, 77%, 0.64); --yellow-dan-t-8: hsla(47, 100%, 74%, 0.73); --yellow-dan-t-9: hsla(47, 100%, 71%, 0.82); --yellow-dan-t-10: hsla(47, 100%, 67%, 0.91); --text-2xs: clamp(0.51rem, calc(0.003407407407407407 * (100vw - 22.5rem) + 0.51rem), 0.74rem); --text-xs: clamp(0.64rem, calc(0.005037037037037037 * (100vw - 22.5rem) + 0.64rem), 0.98rem); --text-s: clamp(0.8rem, calc(0.007555555555555556 * (100vw - 22.5rem) + 0.8rem), 1.31rem); --text-m: clamp(1rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 1rem), 1.75rem); --text-l: clamp(1.25rem, calc(0.016 * (100vw - 22.5rem) + 1.25rem), 2.33rem); --text-xl: clamp(1.56rem, calc(0.02296296296296296 * (100vw - 22.5rem) + 1.56rem), 3.11rem); --text-2xl: clamp(1.95rem, calc(0.0325925925925926 * (100vw - 22.5rem) + 1.95rem), 4.15rem); --space-2xs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --space-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --space-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --space-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --space-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --space-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem);}