: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: #00A4EB; --primary-d-1: #0092d2; --primary-d-2: #0086c0; --primary-d-3: #0077ab; --primary-d-4: #006896; --primary-d-5: #005980; --primary-d-6: #004b6b; --primary-d-7: #003c55; --primary-d-8: #002d40; --primary-d-9: #001e2b; --primary-d-10: #000f15; --primary-l-1: #17aced; --primary-l-2: #2eb5ef; --primary-l-3: #46bdf0; --primary-l-4: #5dc5f2; --primary-l-5: #74cdf4; --primary-l-6: #8bd6f6; --primary-l-7: #a2def8; --primary-l-8: #b9e6fa; --primary-l-9: #d1eefb; --primary-l-10: #e8f7fd; --primary-t-1: hsla(198, 100%, 46%, 0.05); --primary-t-2: hsla(198, 100%, 46%, 0.1); --primary-t-3: hsla(198, 100%, 46%, 0.14); --primary-t-4: hsla(198, 100%, 46%, 0.19); --primary-t-5: hsla(198, 100%, 46%, 0.24); --primary-t-6: hsla(198, 100%, 46%, 0.29); --primary-t-7: hsla(198, 100%, 46%, 0.33); --primary-t-8: hsla(198, 100%, 46%, 0.38); --primary-t-9: hsla(198, 100%, 46%, 0.43); --primary-t-10: hsla(198, 100%, 46%, 0.48); --primary-t-11: hsla(198, 100%, 46%, 0.52); --primary-t-12: hsla(198, 100%, 46%, 0.57); --primary-t-13: hsla(198, 100%, 46%, 0.62); --primary-t-14: hsla(198, 100%, 46%, 0.67); --primary-t-15: hsla(198, 100%, 46%, 0.71); --primary-t-16: hsla(198, 100%, 46%, 0.76); --primary-t-17: hsla(198, 100%, 46%, 0.81); --primary-t-18: hsla(198, 100%, 46%, 0.86); --primary-t-19: hsla(198, 100%, 46%, 0.9); --primary-t-20: hsla(198, 100%, 46%, 0.95); --secondary: #1A2547; --secondary-l-1: #2f3958; --secondary-l-2: #444d68; --secondary-l-3: #586079; --secondary-l-4: #6d748a; --secondary-l-5: #82889b; --secondary-l-6: #979cab; --secondary-l-7: #acb0bc; --secondary-l-8: #c1c4cd; --secondary-l-9: #d5d7de; --secondary-l-10: #eaebee; --secondary-d-1: #111d43; --secondary-d-2: #151e3a; --secondary-d-3: #131b34; --secondary-d-4: #11182d; --secondary-d-5: #0e1427; --secondary-d-6: #0c1120; --secondary-d-7: #090d1a; --secondary-d-8: #070a13; --secondary-d-9: #05070d; --secondary-d-10: #020306; --secondary-t-1: hsla(225, 46%, 19%, 0.05); --secondary-t-2: hsla(225, 46%, 19%, 0.1); --secondary-t-3: hsla(225, 46%, 19%, 0.14); --secondary-t-4: hsla(225, 46%, 19%, 0.19); --secondary-t-5: hsla(225, 46%, 19%, 0.25); --secondary-t-6: hsla(225, 46%, 19%, 0.29); --secondary-t-7: hsla(225, 46%, 19%, 0.33); --secondary-t-8: hsla(225, 46%, 19%, 0.38); --secondary-t-9: hsla(225, 46%, 19%, 0.43); --secondary-t-10: hsla(225, 46%, 19%, 0.48); --secondary-t-11: hsla(225, 46%, 19%, 0.52); --secondary-t-12: hsla(225, 46%, 19%, 0.57); --secondary-t-13: hsla(225, 46%, 19%, 0.62); --secondary-t-14: hsla(225, 46%, 19%, 0.67); --secondary-t-15: hsla(225, 46%, 19%, 0.71); --secondary-t-16: hsla(225, 46%, 19%, 0.76); --secondary-t-17: hsla(225, 46%, 19%, 0.81); --secondary-t-18: hsla(225, 46%, 19%, 0.86); --secondary-t-19: hsla(225, 46%, 19%, 0.9); --secondary-t-20: hsla(225, 46%, 19%, 0.92); --base: #333333; --base-l-1: #464646; --base-l-2: #585858; --base-l-3: #6b6b6b; --base-l-4: #7d7d7d; --base-l-5: #6e6e6e; --base-l-6: #a2a2a2; --base-l-7: #b5b5b5; --base-l-8: #c7c7c7; --base-l-9: #dadada; --base-l-10: #ececec; --base-d-1: #2e2e2e; --base-d-2: #2a2a2a; --base-d-3: #252525; --base-d-4: #202020; --base-d-5: #1c1c1c; --base-d-6: #171717; --base-d-7: #131313; --base-d-8: #0e0e0e; --base-d-9: #090909; --base-d-10: #050505; --base-t-1: hsla(0, 0%, 20%, 0.05); --base-t-2: hsla(0, 0%, 20%, 0.1); --base-t-3: hsla(0, 0%, 20%, 0.14); --base-t-4: hsla(0, 0%, 20%, 0.19); --base-t-5: hsla(0, 0%, 20%, 0.24); --base-t-6: hsla(0, 0%, 20%, 0.29); --base-t-7: hsla(0, 0%, 20%, 0.33); --base-t-8: hsla(0, 0%, 20%, 0.38); --base-t-9: hsla(0, 0%, 20%, 0.43); --base-t-10: hsla(0, 0%, 20%, 0.48); --base-t-11: hsla(0, 0%, 20%, 0.52); --base-t-12: hsla(0, 0%, 20%, 0.57); --base-t-13: hsla(0, 0%, 20%, 0.62); --base-t-14: hsla(0, 0%, 20%, 0.67); --base-t-15: hsla(0, 0%, 20%, 0.71); --base-t-16: hsla(0, 0%, 20%, 0.76); --base-t-17: hsla(0, 0%, 20%, 0.81); --base-t-18: hsla(0, 0%, 20%, 0.86); --base-t-19: hsla(0, 0%, 20%, 0.9); --base-t-20: hsla(0, 0%, 20%, 0.95); --light: #EAF6FC; --light-l-1: #ecf7fc; --light-l-2: #eef8fd; --light-l-3: #f0f8fd; --light-l-4: #f2f9fd; --light-l-5: #f4fafd; --light-l-6: #f5fbfe; --light-l-7: #f7fcfe; --light-l-8: #f9fdfe; --light-l-9: #fbfdfe; --light-l-10: #ffffff; --light-t-1: hsla(200, 75%, 95%, 0.05); --light-t-2: hsla(200, 75%, 95%, 0.1); --light-t-3: hsla(200, 75%, 95%, 0.14); --light-t-4: hsla(200, 75%, 95%, 0.19); --light-t-5: hsla(200, 75%, 95%, 0.24); --light-t-6: hsla(200, 75%, 95%, 0.29); --light-t-7: hsla(200, 75%, 95%, 0.33); --light-t-8: hsla(200, 75%, 95%, 0.38); --light-t-9: hsla(200, 75%, 95%, 0.43); --light-t-10: hsla(200, 75%, 95%, 0.48); --light-t-11: hsla(200, 75%, 95%, 0.52); --light-t-12: hsla(200, 75%, 95%, 0.57); --light-t-13: hsla(200, 75%, 95%, 0.62); --light-t-14: hsla(200, 75%, 95%, 0.67); --light-t-15: hsla(200, 75%, 95%, 0.71); --light-t-16: hsla(200, 75%, 95%, 0.76); --light-t-17: hsla(200, 75%, 95%, 0.81); --light-t-18: hsla(200, 75%, 95%, 0.86); --light-t-19: hsla(200, 75%, 95%, 0.9); --light-t-20: hsla(200, 75%, 95%, 0.95); --text-xxs: clamp(1.2rem, calc(0.0011904761904761915 * (100vw - 38rem) + 1.2rem), 1.3rem); --text-xs: clamp(1.3rem, calc(0.0011904761904761888 * (100vw - 38rem) + 1.3rem), 1.4rem); --text-s: clamp(1.5rem, calc(0.0011904761904761915 * (100vw - 38rem) + 1.5rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.0023809523809523803 * (100vw - 38rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.0023809523809523803 * (100vw - 38rem) + 1.8rem), 2rem); --h6: clamp(1.39rem, calc(0.005357142857142859 * (100vw - 38rem) + 1.39rem), 1.84rem); --h5: clamp(1.67rem, calc(0.007499999999999999 * (100vw - 38rem) + 1.67rem), 2.3rem); --h4: clamp(2rem, calc(0.010476190476190476 * (100vw - 38rem) + 2rem), 2.88rem); --h3: clamp(2.4rem, calc(0.014285714285714287 * (100vw - 38rem) + 2.4rem), 3.6rem); --h2: clamp(2.88rem, calc(0.019285714285714288 * (100vw - 38rem) + 2.88rem), 4.5rem); --h1: clamp(3.46rem, calc(0.025833333333333333 * (100vw - 38rem) + 3.46rem), 5.63rem); --space-xxs: clamp(0.7rem, calc(0.0035714285714285718 * (100vw - 38rem) + 0.7rem), 1rem); --space-xs: clamp(1rem, calc(0.0023809523809523803 * (100vw - 38rem) + 1rem), 1.2rem); --space-s: clamp(1.3rem, calc(0.0023809523809523803 * (100vw - 38rem) + 1.3rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.004761904761904761 * (100vw - 38rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.005952380952380952 * (100vw - 38rem) + 2rem), 2.5rem); --space-xl: clamp(2.4rem, calc(0.0071428571428571435 * (100vw - 38rem) + 2.4rem), 3rem); --space-xxl: clamp(2.8rem, calc(0.008333333333333335 * (100vw - 38rem) + 2.8rem), 3.5rem); --space-xxxl: clamp(3.6rem, calc(0.014285714285714282 * (100vw - 38rem) + 3.6rem), 4.8rem); --space-gutter: clamp(1.6rem, calc(0.0761904761904762 * (100vw - 38rem) + 1.6rem), 8rem); --space-section: clamp(7.5rem, calc(0.02976190476190476 * (100vw - 38rem) + 7.5rem), 10rem); --radius-xs: clamp(1.2rem, calc(0.004761904761904763 * (100vw - 38rem) + 1.2rem), 1.6rem); --radius-s: clamp(1.6rem, calc(0.004761904761904761 * (100vw - 38rem) + 1.6rem), 2rem); --radius-m: clamp(2rem, calc(0.005952380952380952 * (100vw - 38rem) + 2rem), 2.5rem); --radius-l: clamp(2.5rem, calc(0.005952380952380952 * (100vw - 38rem) + 2.5rem), 3rem); --radius-xl: clamp(3rem, calc(0.0071428571428571435 * (100vw - 38rem) + 3rem), 3.6rem); --radius-pill: 9999px; --radius-btn: var(--radius-pill); --radius-circle: 50%;}