: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: #046FA4; --primary-l-1: rgb(46, 135, 179); --primary-l-2: rgb(88, 159, 194); --primary-l-3: rgb(130, 183, 210); --primary-l-4: rgb(171, 207, 225); --primary-l-5: rgb(213, 231, 240); --primary-d-1: rgb(3, 93, 137); --primary-d-2: rgb(3, 74, 109); --primary-d-3: rgb(2, 56, 82); --primary-d-4: rgb(1, 37, 55); --primary-d-5: rgb(1, 19, 27); --primary-t-1: rgba(46, 135, 179, 0.83); --primary-t-2: rgba(88, 159, 194, 0.67); --primary-t-3: rgba(130, 183, 210, 0.5); --primary-t-4: rgba(171, 207, 225, 0.33); --primary-t-5: rgba(213, 231, 240, 0.17); --secondary: hsl(203 67% 12%); --bg-color: #F8F8F8; --text-color: #0E0E0E; --base: grey; --base-l-1: rgb(149, 149, 149); --base-l-2: rgb(170, 170, 170); --base-l-3: rgb(192, 192, 192); --base-l-4: rgb(213, 213, 213); --base-l-5: rgb(234, 234, 234); --base-d-1: rgb(107, 107, 107); --base-d-2: rgb(85, 85, 85); --base-d-3: rgb(64, 64, 64); --base-d-4: rgb(43, 43, 43); --base-d-5: rgb(21, 21, 21); --base-t-1: rgba(149, 149, 149, 0.83); --base-t-2: rgba(170, 170, 170, 0.67); --base-t-3: rgba(192, 192, 192, 0.5); --base-t-4: rgba(213, 213, 213, 0.33); --base-t-5: rgba(234, 234, 234, 0.17); --secondary-l-1: rgb(51, 72, 85); --secondary-l-2: rgb(92, 108, 119); --secondary-l-3: rgb(133, 145, 153); --secondary-l-4: rgb(173, 182, 187); --secondary-l-5: rgb(214, 218, 221); --secondary-d-1: rgb(8, 29, 43); --secondary-d-2: rgb(7, 23, 34); --secondary-d-3: rgb(5, 18, 26); --secondary-d-4: rgb(3, 12, 17); --secondary-d-5: rgb(2, 6, 9); --secondary-t-1: rgba(51, 72, 85, 0.83); --secondary-t-2: rgba(92, 108, 119, 0.67); --secondary-t-3: rgba(133, 145, 153, 0.5); --secondary-t-4: rgba(173, 182, 187, 0.33); --secondary-t-5: rgba(214, 218, 221, 0.17); --text-color-l-1: #4a4a4a; --text-color-l-2: #878787; --text-color-l-3: #c3c3c3; --text-color-d-1: #0b0b0b; --text-color-d-2: #070707; --text-color-d-3: #040404; --bg-color-t-1: hsla(0, 0%, 97%, 0.08); --bg-color-t-2: hsla(0, 0%, 97%, 0.15); --bg-color-t-3: hsla(0, 0%, 97%, 0.23); --bg-color-t-4: hsla(0, 0%, 97%, 0.31); --bg-color-t-5: hsla(0, 0%, 97%, 0.38); --bg-color-t-6: hsla(0, 0%, 97%, 0.46); --bg-color-t-7: hsla(0, 0%, 97%, 0.54); --bg-color-t-8: hsla(0, 0%, 97%, 0.62); --bg-color-t-9: hsla(0, 0%, 97%, 0.69); --bg-color-t-10: hsla(0, 0%, 97%, 0.77); --bg-color-t-11: hsla(0, 0%, 97%, 0.85); --bg-color-t-12: hsla(0, 0%, 97%, 0.92); --bg-color-d-1: #e5e5e5; --bg-color-d-2: #d2d2d2; --bg-color-d-3: #bfbfbf; --bg-color-d-4: #acacac; --bg-color-d-5: #999999; --bg-color-d-6: #868686; --bg-color-d-7: #727272; --bg-color-d-8: #5f5f5f; --bg-color-d-9: #4c4c4c; --bg-color-d-10: #393939; --bg-color-d-11: #262626; --bg-color-d-12: #131313; --text-2xs: clamp(0.68rem, calc(0.000277777777777777 * (100vw - 36rem) + 0.68rem), 0.71rem); --text-xs: clamp(0.9rem, calc(0.0009259259259259257 * (100vw - 36rem) + 0.9rem), 1rem); --text-s: clamp(1.2rem, calc(0.0019444444444444442 * (100vw - 36rem) + 1.2rem), 1.41rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2.13rem, calc(0.006481481481481483 * (100vw - 36rem) + 2.13rem), 2.83rem); --text-xl: clamp(2.84rem, calc(0.010740740740740742 * (100vw - 36rem) + 2.84rem), 4rem); --text-2xl: clamp(3.79rem, calc(0.017222222222222226 * (100vw - 36rem) + 3.79rem), 5.65rem); --space-2xs: clamp(0.42rem, calc(0.0038888888888888888 * (100vw - 36rem) + 0.42rem), 0.84rem); --space-xs: clamp(0.56rem, calc(0.005277777777777776 * (100vw - 36rem) + 0.56rem), 1.13rem); --space-s: clamp(0.75rem, calc(0.006944444444444444 * (100vw - 36rem) + 0.75rem), 1.5rem); --space-m: clamp(1rem, calc(0.009259259259259259 * (100vw - 36rem) + 1rem), 2rem); --space-l: clamp(1.33rem, calc(0.012407407407407407 * (100vw - 36rem) + 1.33rem), 2.67rem); --space-xl: clamp(1.78rem, calc(0.016388888888888887 * (100vw - 36rem) + 1.78rem), 3.55rem); --space-2xl: clamp(2.37rem, calc(0.021944444444444447 * (100vw - 36rem) + 2.37rem), 4.74rem); --space-3xl: clamp(3.16rem, calc(0.02916666666666666 * (100vw - 36rem) + 3.16rem), 6.31rem); --space-4xl: clamp(4.21rem, calc(0.03898148148148148 * (100vw - 36rem) + 4.21rem), 8.42rem); --space-5xl: clamp(5.61rem, calc(0.051944444444444446 * (100vw - 36rem) + 5.61rem), 11.22rem); --space-6xl: clamp(7.48rem, calc(0.06925925925925926 * (100vw - 36rem) + 7.48rem), 14.96rem); --h6: clamp(0.68rem, calc(0.0014814814814814808 * (100vw - 36rem) + 0.68rem), 0.84rem); --h5: clamp(0.9rem, calc(0.0021296296296296285 * (100vw - 36rem) + 0.9rem), 1.13rem); --h4: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --h3: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --h2: clamp(2.13rem, calc(0.005 * (100vw - 36rem) + 2.13rem), 2.67rem); --h1: clamp(2.84rem, calc(0.006574074074074073 * (100vw - 36rem) + 2.84rem), 3.55rem); --h-title: clamp(3.79rem, calc(0.008796296296296299 * (100vw - 36rem) + 3.79rem), 4.74rem); --h-max: clamp(5.05rem, calc(0.011666666666666665 * (100vw - 36rem) + 5.05rem), 6.31rem);}