: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; --yellow: #ffd100; --pink: #ec7db5; --blue: #60a5fa; --neutral-light: #fff; --neutral-light-d-0: #e3e3e3; --neutral-light-d-1: #c6c6c6; --neutral-light-d-2: #aaaaaa; --neutral-light-d-3: #8e8e8e; --neutral-light-d-4: #717171; --neutral-light-d-5: #555555; --neutral-light-d-6: #393939; --neutral-light-d-7: #1c1c1c; --neutral-light-t-0: hsla(0, 0%, 100%, 0.11); --neutral-light-t-1: hsla(0, 0%, 100%, 0.22); --neutral-light-t-2: hsla(0, 0%, 100%, 0.33); --neutral-light-t-3: hsla(0, 0%, 100%, 0.44); --neutral-light-t-4: hsla(0, 0%, 100%, 0.56); --neutral-light-t-5: hsla(0, 0%, 100%, 0.67); --neutral-light-t-6: hsla(0, 0%, 100%, 0.78); --neutral-light-t-7: hsla(0, 0%, 100%, 0.89); --neutral-dark: #000; --neutral-dark-l-1: #171717; --neutral-dark-l-2: #2e2e2e; --neutral-dark-l-3: #464646; --neutral-dark-l-4: #5d5d5d; --neutral-dark-l-5: #747474; --neutral-dark-l-6: #8b8b8b; --neutral-dark-l-7: #a2a2a2; --neutral-dark-l-8: #b9b9b9; --neutral-dark-l-9: #d1d1d1; --neutral-dark-l-10: #e8e8e8; --neutral-dark-t-1: hsla(0, 0%, 91%, 0.09); --neutral-dark-t-2: hsla(0, 0%, 82%, 0.18); --neutral-dark-t-3: hsla(0, 0%, 73%, 0.27); --neutral-dark-t-4: hsla(0, 0%, 64%, 0.36); --neutral-dark-t-5: hsla(0, 0%, 55%, 0.45); --neutral-dark-t-6: hsla(0, 0%, 45%, 0.55); --neutral-dark-t-7: hsla(0, 0%, 36%, 0.64); --neutral-dark-t-8: hsla(0, 0%, 27%, 0.73); --neutral-dark-t-9: hsla(0, 0%, 18%, 0.82); --neutral-dark-t-10: hsla(0, 0%, 9%, 0.91); --blue-l-1: #72affb; --blue-l-2: #83b9fb; --blue-l-3: #95c3fc; --blue-l-4: #a7cdfc; --blue-l-5: #b8d7fd; --blue-l-6: #cae1fd; --blue-l-7: #dcebfe; --blue-l-8: #edf5fe; --blue-d-1: #5593de; --blue-d-2: #4b80c2; --blue-d-3: #406ea7; --blue-d-4: #355c8b; --blue-d-5: #2b496f; --blue-d-6: #203753; --blue-d-7: #152538; --blue-d-8: #0b121c; --pink-l-1: #ee8bbd; --pink-l-2: #f09ac5; --pink-l-3: #f2a8ce; --pink-l-4: #f4b7d6; --pink-l-5: #f7c5de; --pink-l-6: #f9d4e6; --pink-l-7: #fbe2ef; --pink-l-8: #fdf1f7; --pink-d-1: #d26fa1; --pink-d-2: #b8618d; --pink-d-3: #9d5379; --pink-d-4: #834565; --pink-d-5: #693850; --pink-d-6: #4f2a3c; --pink-d-7: #341c28; --pink-d-8: #1a0e14; --yellow-l-1: #ffd61c; --yellow-l-2: #ffdb39; --yellow-l-3: #ffe055; --yellow-l-4: #ffe571; --yellow-l-5: #ffeb8e; --yellow-l-6: #fff0aa; --yellow-l-7: #fff5c6; --yellow-l-8: #fffae3; --yellow-d-1: #e3ba00; --yellow-d-2: #c6a300; --yellow-d-3: #aa8b00; --yellow-d-4: #8e7400; --yellow-d-5: #715d00; --yellow-d-6: #554600; --yellow-d-7: #392e00; --yellow-d-8: #1c1700; --h6: clamp(1.23rem, calc(0.0011111111111111122 * (100vw - 36rem) + 1.23rem), 1.35rem); --h5: clamp(1.54rem, calc(0.0024074074074074076 * (100vw - 36rem) + 1.54rem), 1.8rem); --h4: clamp(1.92rem, calc(0.0044444444444444444 * (100vw - 36rem) + 1.92rem), 2.4rem); --h3: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --h2: clamp(3rem, calc(0.011759259259259256 * (100vw - 36rem) + 3rem), 4.27rem); --h1: clamp(3.75rem, calc(0.017962962962962965 * (100vw - 36rem) + 3.75rem), 5.69rem); --text-2xs: clamp(0.67rem, calc(0.00009259259259259267 * (100vw - 36rem) + 0.67rem), 0.68rem); --text-xs: clamp(0.83rem, calc(0.0006481481481481487 * (100vw - 36rem) + 0.83rem), 0.9rem); --text-s: clamp(1.04rem, calc(0.0014814814814814808 * (100vw - 36rem) + 1.04rem), 1.2rem); --text-m: clamp(1.3rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.3rem), 1.6rem); --text-l: clamp(1.63rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.63rem), 2.13rem); --text-xl: clamp(2.03rem, calc(0.007500000000000001 * (100vw - 36rem) + 2.03rem), 2.84rem); --text-2xl: clamp(2.54rem, calc(0.011574074074074073 * (100vw - 36rem) + 2.54rem), 3.79rem); --text-3xl: clamp(3.17rem, calc(0.017407407407407406 * (100vw - 36rem) + 3.17rem), 5.05rem); --text-4xl: clamp(3.97rem, calc(0.025555555555555557 * (100vw - 36rem) + 3.97rem), 6.73rem); --hero-title: var(--text-4xl); --space-2xs: clamp(1.02rem, calc(0.0023148148148148147 * (100vw - 36rem) + 1.02rem), 1.27rem); --space-xs: clamp(1.28rem, calc(0.0037962962962962954 * (100vw - 36rem) + 1.28rem), 1.69rem); --space-s: clamp(1.6rem, calc(0.006018518518518518 * (100vw - 36rem) + 1.6rem), 2.25rem); --space-m: clamp(2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2rem), 3rem); --space-l: clamp(2.5rem, calc(0.013888888888888888 * (100vw - 36rem) + 2.5rem), 4rem); --space-xl: clamp(3.13rem, calc(0.020370370370370372 * (100vw - 36rem) + 3.13rem), 5.33rem); --space-2xl: clamp(3.91rem, calc(0.02962962962962963 * (100vw - 36rem) + 3.91rem), 7.11rem); --space-3xl: clamp(4.88rem, calc(0.04250000000000001 * (100vw - 36rem) + 4.88rem), 9.47rem);}