: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: #2e5bda; --secondary: #ea696e; --tertiary: #6b9d75; --accent: #cbdc00; --base: #2f3740; --neutral: #808080; --white: #ffffff; --black: #000000; --primary-l-1: #416add; --primary-l-2: #5479e1; --primary-l-3: #6788e4; --primary-l-4: #7a97e7; --primary-l-5: #8da6eb; --primary-l-6: #a0b4ee; --primary-l-7: #b3c3f2; --primary-l-8: #c6d2f5; --primary-l-9: #d9e1f8; --primary-l-10: #ecf0fc; --primary-d-1: #2a53c6; --primary-d-2: #264ab2; --primary-d-3: #21429f; --primary-d-4: #1d3a8b; --primary-d-5: #193277; --primary-d-6: #152963; --primary-d-7: #11214f; --primary-d-8: #0d193b; --primary-d-9: #081128; --primary-d-10: #040814; --primary-t-1: hsla(224, 70%, 52%, 0.09); --primary-t-2: hsla(224, 70%, 52%, 0.18); --primary-t-3: hsla(224, 70%, 52%, 0.27); --primary-t-4: hsla(224, 70%, 52%, 0.36); --primary-t-5: hsla(224, 70%, 52%, 0.45); --primary-t-6: hsla(224, 70%, 52%, 0.55); --primary-t-7: hsla(224, 70%, 52%, 0.64); --primary-t-8: hsla(224, 70%, 52%, 0.73); --primary-t-9: hsla(224, 70%, 52%, 0.82); --primary-t-10: hsla(224, 70%, 52%, 0.91); --base-l-1: #424951; --base-l-2: #555b63; --base-l-3: #686e74; --base-l-4: #7b8085; --base-l-5: #8e9297; --base-l-6: #a0a4a8; --base-l-7: #b3b6ba; --base-l-8: #c6c8cb; --base-l-9: #d9dbdc; --base-l-10: #ecedee; --base-d-1: #2b323a; --base-d-2: #262d34; --base-d-3: #22282f; --base-d-4: #1e2329; --base-d-5: #1a1e23; --base-d-6: #15191d; --base-d-7: #111417; --base-d-8: #0d0f11; --base-d-9: #090a0c; --base-d-10: #040506; --accent-l-1: #d0df17; --accent-l-2: #d4e22e; --accent-l-3: #d9e646; --accent-l-4: #dee95d; --accent-l-5: #e3ec74; --accent-l-6: #e7ef8b; --accent-l-7: #ecf2a2; --accent-l-8: #f1f5b9; --accent-l-9: #f6f9d1; --accent-l-10: #fafce8; --accent-d-1: #b9c800; --accent-d-2: #a6b400; --accent-d-3: #94a000; --accent-d-4: #818c00; --accent-d-5: #6f7800; --accent-d-6: #5c6400; --accent-d-7: #4a5000; --accent-d-8: #373c00; --accent-d-9: #252800; --accent-d-10: #121400; --accent-t-1: hsla(65, 100%, 43%, 0.09); --accent-t-2: hsla(65, 100%, 43%, 0.18); --accent-t-3: hsla(65, 100%, 43%, 0.27); --accent-t-4: hsla(65, 100%, 43%, 0.36); --accent-t-5: hsla(65, 100%, 43%, 0.45); --accent-t-6: hsla(65, 100%, 43%, 0.55); --accent-t-7: hsla(65, 100%, 43%, 0.64); --accent-t-8: hsla(65, 100%, 43%, 0.73); --accent-t-9: hsla(65, 100%, 43%, 0.82); --accent-t-10: hsla(65, 100%, 43%, 0.91); --white-l-1: #ffffff; --white-l-2: #ffffff; --white-l-3: #ffffff; --white-l-4: #ffffff; --white-l-5: #ffffff; --white-l-6: #ffffff; --white-l-7: #ffffff; --white-l-8: #ffffff; --white-l-9: #ffffff; --white-l-10: #ffffff; --white-d-1: #e8e8e8; --white-d-2: #d1d1d1; --white-d-3: #b9b9b9; --white-d-4: #a2a2a2; --white-d-5: #8b8b8b; --white-d-6: #747474; --white-d-7: #5d5d5d; --white-d-8: #464646; --white-d-9: #2e2e2e; --white-d-10: #171717; --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); --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%, 0%, 0.09); --black-t-2: hsla(0, 0%, 0%, 0.18); --black-t-3: hsla(0, 0%, 0%, 0.27); --black-t-4: hsla(0, 0%, 0%, 0.36); --black-t-5: hsla(0, 0%, 0%, 0.45); --black-t-6: hsla(0, 0%, 0%, 0.55); --black-t-7: hsla(0, 0%, 0%, 0.64); --black-t-8: hsla(0, 0%, 0%, 0.73); --black-t-9: hsla(0, 0%, 0%, 0.82); --black-t-10: hsla(0, 0%, 0%, 0.91); --neutral-l-1: #8c8c8c; --neutral-l-2: #979797; --neutral-l-3: #a3a3a3; --neutral-l-4: #aeaeae; --neutral-l-5: #bababa; --neutral-l-6: #c5c5c5; --neutral-l-7: #d1d1d1; --neutral-l-8: #dcdcdc; --neutral-l-9: #e8e8e8; --neutral-l-10: #f3f3f3; --neutral-d-1: #747474; --neutral-d-2: #696969; --neutral-d-3: #5d5d5d; --neutral-d-4: #515151; --neutral-d-5: #464646; --neutral-d-6: #3a3a3a; --neutral-d-7: #2f2f2f; --neutral-d-8: #232323; --neutral-d-9: #171717; --neutral-d-10: #0c0c0c; --neutral-t-1: hsla(0, 0%, 50%, 0.09); --neutral-t-2: hsla(0, 0%, 50%, 0.18); --neutral-t-3: hsla(0, 0%, 50%, 0.27); --neutral-t-4: hsla(0, 0%, 50%, 0.36); --neutral-t-5: hsla(0, 0%, 50%, 0.45); --neutral-t-6: hsla(0, 0%, 50%, 0.55); --neutral-t-7: hsla(0, 0%, 50%, 0.64); --neutral-t-8: hsla(0, 0%, 50%, 0.73); --neutral-t-9: hsla(0, 0%, 50%, 0.82); --neutral-t-10: hsla(0, 0%, 50%, 0.91); --text-2xs: clamp(0.82rem, calc(0.0001612903225806453 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0008870967741935474 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.0017741935483870967 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.0032258064516129024 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.005403225806451612 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00846774193548387 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.012983870967741938 * (100vw - 36rem) + 3.13rem), 4.74rem); --text-3xl: clamp(3.91rem, calc(0.019354838709677417 * (100vw - 36rem) + 3.91rem), 6.31rem); --heading-m: clamp(1.8rem, calc(0.004838709677419354 * (100vw - 36rem) + 1.8rem), 2.4rem); --heading-l: clamp(2.25rem, calc(0.0076612903225806465 * (100vw - 36rem) + 2.25rem), 3.2rem); --heading-xl: clamp(2.81rem, calc(0.011693548387096773 * (100vw - 36rem) + 2.81rem), 4.26rem); --heading-2xl: clamp(3.52rem, calc(0.017419354838709676 * (100vw - 36rem) + 3.52rem), 5.68rem); --heading-3xl: clamp(4.39rem, calc(0.025725806451612907 * (100vw - 36rem) + 4.39rem), 7.58rem); --heading-4xl: clamp(5.49rem, calc(0.0371774193548387 * (100vw - 36rem) + 5.49rem), 10.1rem); --space-2xs: clamp(0.47rem, calc(0 * (100vw - 36rem) + 0.47rem), 0.47rem); --space-xs: clamp(0.71rem, calc(0.0004032258064516133 * (100vw - 36rem) + 0.71rem), 0.76rem); --space-s: clamp(1.07rem, calc(0.0013709677419354834 * (100vw - 36rem) + 1.07rem), 1.24rem); --space-m: clamp(1.6rem, calc(0.0032258064516129024 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.4rem, calc(0.006774193548387099 * (100vw - 36rem) + 2.4rem), 3.24rem); --space-xl: clamp(3.6rem, calc(0.013225806451612905 * (100vw - 36rem) + 3.6rem), 5.24rem); --space-2xl: clamp(5.4rem, calc(0.024758064516129035 * (100vw - 36rem) + 5.4rem), 8.47rem); --section-space-2xs: clamp(0.95rem, calc(0.003790322580645161 * (100vw - 36rem) + 0.95rem), 1.42rem); --section-space-xs: clamp(1.42rem, calc(0.007016129032258065 * (100vw - 36rem) + 1.42rem), 2.29rem); --section-space-s: clamp(2.13rem, calc(0.012741935483870969 * (100vw - 36rem) + 2.13rem), 3.71rem); --section-space-m: clamp(3.2rem, calc(0.02258064516129032 * (100vw - 36rem) + 3.2rem), 6rem); --section-space-l: clamp(4.8rem, calc(0.039596774193548394 * (100vw - 36rem) + 4.8rem), 9.71rem); --section-space-xl: clamp(7.2rem, calc(0.06862903225806453 * (100vw - 36rem) + 7.2rem), 15.71rem); --section-space-2xl: clamp(10.8rem, calc(0.11782258064516128 * (100vw - 36rem) + 10.8rem), 25.41rem); --radius-2xs: clamp(0.14rem, calc(0.0004032258064516128 * (100vw - 36rem) + 0.14rem), 0.19rem); --radius-xs: clamp(0.23rem, calc(0.0006451612903225805 * (100vw - 36rem) + 0.23rem), 0.31rem); --radius-s: clamp(0.37rem, calc(0.000967741935483871 * (100vw - 36rem) + 0.37rem), 0.49rem); --radius-m: clamp(0.6rem, calc(0.001612903225806452 * (100vw - 36rem) + 0.6rem), 0.8rem); --radius-l: clamp(0.97rem, calc(0.002580645161290323 * (100vw - 36rem) + 0.97rem), 1.29rem); --radius-xl: clamp(1.57rem, calc(0.004193548387096772 * (100vw - 36rem) + 1.57rem), 2.09rem); --radius-2xl: clamp(2.54rem, calc(0.00685483870967742 * (100vw - 36rem) + 2.54rem), 3.39rem);}