:root { --primary: #007fad; --base: hsl(215, 20%, 15%); --black: #000000; --white: #ffffff; --transparent: transparent; --border-color: #f0f0f0; --primary-hover: var(--primary-d-1); --background: var(--primary-l-1); --border-color-d-1: hsl(200, 6%, 90%); --base-l-1: hsl(216, 5%, 43%); --base-l-2: hsl(216, 3%, 72%); --primary-l-1: #f5fcff; --primary-d-1: #005a7a; --neutral: #808080; --neutral-l-1: #868686; --neutral-l-2: #8c8c8c; --neutral-l-3: #929292; --neutral-l-4: #989898; --neutral-l-5: #9e9e9e; --neutral-l-6: #a4a4a4; --neutral-l-7: #aaaaaa; --neutral-l-8: #b0b0b0; --neutral-l-9: #b6b6b6; --neutral-l-10: #bcbcbc; --neutral-l-11: #c3c3c3; --neutral-l-12: #c9c9c9; --neutral-l-13: #cfcfcf; --neutral-l-14: #d5d5d5; --neutral-l-15: #dbdbdb; --neutral-l-16: #e1e1e1; --neutral-l-17: #e7e7e7; --neutral-l-18: #ededed; --neutral-l-19: #f3f3f3; --neutral-l-20: #f9f9f9; --neutral-d-1: #7a7a7a; --neutral-d-2: #747474; --neutral-d-3: #6e6e6e; --neutral-d-4: #686868; --neutral-d-5: #626262; --neutral-d-6: #5b5b5b; --neutral-d-7: #555555; --neutral-d-8: #4f4f4f; --neutral-d-9: #494949; --neutral-d-10: #434343; --neutral-d-11: #3d3d3d; --neutral-d-12: #373737; --neutral-d-13: #313131; --neutral-d-14: #2b2b2b; --neutral-d-15: #252525; --neutral-d-16: #1e1e1e; --neutral-d-17: #181818; --neutral-d-18: #121212; --neutral-d-19: #0c0c0c; --neutral-d-20: #060606; --neutral-t-1: hsla(0, 0%, 98%, 0.05); --neutral-t-2: hsla(0, 0%, 95%, 0.1); --neutral-t-3: hsla(0, 0%, 93%, 0.14); --neutral-t-4: hsla(0, 0%, 91%, 0.19); --neutral-t-5: hsla(0, 0%, 88%, 0.24); --neutral-t-6: hsla(0, 0%, 86%, 0.29); --neutral-t-7: hsla(0, 0%, 83%, 0.33); --neutral-t-8: hsla(0, 0%, 81%, 0.38); --neutral-t-9: hsla(0, 0%, 79%, 0.43); --neutral-t-10: hsla(0, 0%, 76%, 0.48); --neutral-t-11: hsla(0, 0%, 74%, 0.52); --neutral-t-12: hsla(0, 0%, 72%, 0.57); --neutral-t-13: hsla(0, 0%, 69%, 0.62); --neutral-t-14: hsla(0, 0%, 67%, 0.67); --neutral-t-15: hsla(0, 0%, 64%, 0.71); --neutral-t-16: hsla(0, 0%, 62%, 0.76); --neutral-t-17: hsla(0, 0%, 60%, 0.81); --neutral-t-18: hsla(0, 0%, 57%, 0.86); --neutral-t-19: hsla(0, 0%, 55%, 0.9); --neutral-t-20: hsla(0, 0%, 53%, 0.95); --space-2xs: clamp(0.76rem, calc(0.0023148148148148147 * (100vw - 36rem) + 0.76rem), 1.01rem); --space-xs: clamp(1.01rem, calc(0.003148148148148149 * (100vw - 36rem) + 1.01rem), 1.35rem); --space-s: clamp(1.35rem, calc(0.004166666666666667 * (100vw - 36rem) + 1.35rem), 1.8rem); --space-m: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --space-l: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --space-xl: clamp(3.2rem, calc(0.009814814814814811 * (100vw - 36rem) + 3.2rem), 4.26rem); --space-2xl: clamp(4.26rem, calc(0.013148148148148147 * (100vw - 36rem) + 4.26rem), 5.68rem); --space-3xl: clamp(5.68rem, calc(0.017592592592592597 * (100vw - 36rem) + 5.68rem), 7.58rem); --space-4xl: clamp(7.58rem, calc(0.02333333333333333 * (100vw - 36rem) + 7.58rem), 10.1rem); --h1: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --h2: clamp(2.8rem, calc(0.011111111111111113 * (100vw - 36rem) + 2.8rem), 4rem); --h3: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --h4: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --h5: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --h6: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-2xs: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --text-xs: clamp(1.3rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.3rem), 1.4rem); --text-s: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --text-xl: clamp(2rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2rem), 2.2rem); --text-2xl: clamp(2.2rem, calc(0.0018518518518518493 * (100vw - 36rem) + 2.2rem), 2.4rem);}