:root { --primary: #2A6F8E; --secondary: #6BAFC8; --accent: #E89A3C; --accent-2: hsl(9 79% 57%); --accent-3: hsl(21 79% 57%); --accent-5: hsl(45 79% 57%); --neutral: #F7F9FA; --text: #1A1A1A; --primary-l-1: #3d7c98; --primary-l-2: #5189a3; --primary-l-3: #6496ad; --primary-l-4: #77a3b7; --primary-l-5: #8bb0c1; --primary-l-6: #9ebecc; --primary-l-7: #b2cbd6; --primary-l-8: #c5d8e0; --primary-l-9: #d8e5ea; --primary-l-10: #ecf2f5; --primary-d-1: #266581; --primary-d-2: #225b74; --primary-d-3: #1f5167; --primary-d-4: #1b475a; --primary-d-5: #173d4d; --primary-d-6: #133241; --primary-d-7: #0f2834; --primary-d-8: #0b1e27; --primary-d-9: #08141a; --primary-d-10: #040a0d; --secondary-l-1: #78b6cd; --secondary-l-2: #86bed2; --secondary-l-3: #93c5d7; --secondary-l-4: #a1ccdc; --secondary-l-5: #aed3e1; --secondary-l-6: #bcdbe6; --secondary-l-7: #c9e2eb; --secondary-l-8: #d7e9f0; --secondary-l-9: #e4f0f5; --secondary-l-10: #f2f8fa; --secondary-d-1: #619fb6; --secondary-d-2: #588fa4; --secondary-d-3: #4e7f91; --secondary-d-4: #446f7f; --secondary-d-5: #3a5f6d; --secondary-d-6: #31505b; --secondary-d-7: #274049; --secondary-d-8: #1d3037; --secondary-d-9: #132024; --secondary-d-10: #0a1012; --accent-l-1: #eaa34e; --accent-l-2: #ecac5f; --accent-l-3: #eeb671; --accent-l-4: #f0bf83; --accent-l-5: #f2c895; --accent-l-6: #f5d1a6; --accent-l-7: #f7dab8; --accent-l-8: #f9e3ca; --accent-l-9: #fbeddc; --accent-l-10: #fdf6ed; --accent-d-1: #d38c37; --accent-d-2: #be7e31; --accent-d-3: #a9702c; --accent-d-4: #946226; --accent-d-5: #7f5421; --accent-d-6: #69461b; --accent-d-7: #543816; --accent-d-8: #3f2a10; --accent-d-9: #2a1c0b; --accent-d-10: #150e05; --neutral-l-1: #f8fafa; --neutral-l-2: #f8fafb; --neutral-l-3: #f9fbfb; --neutral-l-4: #fafbfc; --neutral-l-5: #fbfcfc; --neutral-l-6: #fbfcfd; --neutral-l-7: #fcfdfd; --neutral-l-8: #fdfdfe; --neutral-l-9: #fefefe; --neutral-l-10: #fefeff; --neutral-d-1: #e1e2e3; --neutral-d-2: #cacccd; --neutral-d-3: #b4b5b6; --neutral-d-4: #9d9e9f; --neutral-d-5: #878888; --neutral-d-6: #707172; --neutral-d-7: #5a5b5b; --neutral-d-8: #434444; --neutral-d-9: #2d2d2d; --neutral-d-10: #161717; --text-l-1: #2f2f2f; --text-l-2: #444444; --text-l-3: #585858; --text-l-4: #6d6d6d; --text-l-5: #828282; --text-l-6: #979797; --text-l-7: #acacac; --text-l-8: #c1c1c1; --text-l-9: #d5d5d5; --text-l-10: #eaeaea; --text-d-1: #181818; --text-d-2: #151515; --text-d-3: #131313; --text-d-4: #111111; --text-d-5: #0e0e0e; --text-d-6: #0c0c0c; --text-d-7: #090909; --text-d-8: #070707; --text-d-9: #050505; --text-d-10: #020202; --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}.bg-neutral { background-color: var(--neutral); }.bg-neutral-l-1 { background-color: var(--neutral-l-1); }.bg-neutral-l-2 { background-color: var(--neutral-l-2); }.bg-neutral-l-3 { background-color: var(--neutral-l-3); }.bg-neutral-l-4 { background-color: var(--neutral-l-4); }.bg-neutral-l-5 { background-color: var(--neutral-l-5); }.bg-neutral-l-6 { background-color: var(--neutral-l-6); }.bg-neutral-l-7 { background-color: var(--neutral-l-7); }.bg-neutral-l-8 { background-color: var(--neutral-l-8); }.bg-neutral-l-9 { background-color: var(--neutral-l-9); }.bg-neutral-l-10 { background-color: var(--neutral-l-10); }.bg-neutral-d-1 { background-color: var(--neutral-d-1); }.bg-neutral-d-2 { background-color: var(--neutral-d-2); }.bg-neutral-d-3 { background-color: var(--neutral-d-3); }.bg-neutral-d-4 { background-color: var(--neutral-d-4); }.bg-neutral-d-5 { background-color: var(--neutral-d-5); }.bg-neutral-d-6 { background-color: var(--neutral-d-6); }.bg-neutral-d-7 { background-color: var(--neutral-d-7); }.bg-neutral-d-8 { background-color: var(--neutral-d-8); }.bg-neutral-d-9 { background-color: var(--neutral-d-9); }.bg-neutral-d-10 { background-color: var(--neutral-d-10); }.text-neutral { color: var(--neutral); }.text-neutral-l-1 { color: var(--neutral-l-1); }.text-neutral-l-2 { color: var(--neutral-l-2); }.text-neutral-l-3 { color: var(--neutral-l-3); }.text-neutral-l-4 { color: var(--neutral-l-4); }.text-neutral-l-5 { color: var(--neutral-l-5); }.text-neutral-l-6 { color: var(--neutral-l-6); }.text-neutral-l-7 { color: var(--neutral-l-7); }.text-neutral-l-8 { color: var(--neutral-l-8); }.text-neutral-l-9 { color: var(--neutral-l-9); }.text-neutral-l-10 { color: var(--neutral-l-10); }.text-neutral-d-1 { color: var(--neutral-d-1); }.text-neutral-d-2 { color: var(--neutral-d-2); }.text-neutral-d-3 { color: var(--neutral-d-3); }.text-neutral-d-4 { color: var(--neutral-d-4); }.text-neutral-d-5 { color: var(--neutral-d-5); }.text-neutral-d-6 { color: var(--neutral-d-6); }.text-neutral-d-7 { color: var(--neutral-d-7); }.text-neutral-d-8 { color: var(--neutral-d-8); }.text-neutral-d-9 { color: var(--neutral-d-9); }.text-neutral-d-10 { color: var(--neutral-d-10); }.border-neutral { border-color: var(--neutral); }.border-neutral-l-1 { border-color: var(--neutral-l-1); }.border-neutral-l-2 { border-color: var(--neutral-l-2); }.border-neutral-l-3 { border-color: var(--neutral-l-3); }.border-neutral-l-4 { border-color: var(--neutral-l-4); }.border-neutral-l-5 { border-color: var(--neutral-l-5); }.border-neutral-l-6 { border-color: var(--neutral-l-6); }.border-neutral-l-7 { border-color: var(--neutral-l-7); }.border-neutral-l-8 { border-color: var(--neutral-l-8); }.border-neutral-l-9 { border-color: var(--neutral-l-9); }.border-neutral-l-10 { border-color: var(--neutral-l-10); }.border-neutral-d-1 { border-color: var(--neutral-d-1); }.border-neutral-d-2 { border-color: var(--neutral-d-2); }.border-neutral-d-3 { border-color: var(--neutral-d-3); }.border-neutral-d-4 { border-color: var(--neutral-d-4); }.border-neutral-d-5 { border-color: var(--neutral-d-5); }.border-neutral-d-6 { border-color: var(--neutral-d-6); }.border-neutral-d-7 { border-color: var(--neutral-d-7); }.border-neutral-d-8 { border-color: var(--neutral-d-8); }.border-neutral-d-9 { border-color: var(--neutral-d-9); }.border-neutral-d-10 { border-color: var(--neutral-d-10); }.outline-neutral { outline-color: var(--neutral); }.outline-neutral-l-1 { outline-color: var(--neutral-l-1); }.outline-neutral-l-2 { outline-color: var(--neutral-l-2); }.outline-neutral-l-3 { outline-color: var(--neutral-l-3); }.outline-neutral-l-4 { outline-color: var(--neutral-l-4); }.outline-neutral-l-5 { outline-color: var(--neutral-l-5); }.outline-neutral-l-6 { outline-color: var(--neutral-l-6); }.outline-neutral-l-7 { outline-color: var(--neutral-l-7); }.outline-neutral-l-8 { outline-color: var(--neutral-l-8); }.outline-neutral-l-9 { outline-color: var(--neutral-l-9); }.outline-neutral-l-10 { outline-color: var(--neutral-l-10); }.outline-neutral-d-1 { outline-color: var(--neutral-d-1); }.outline-neutral-d-2 { outline-color: var(--neutral-d-2); }.outline-neutral-d-3 { outline-color: var(--neutral-d-3); }.outline-neutral-d-4 { outline-color: var(--neutral-d-4); }.outline-neutral-d-5 { outline-color: var(--neutral-d-5); }.outline-neutral-d-6 { outline-color: var(--neutral-d-6); }.outline-neutral-d-7 { outline-color: var(--neutral-d-7); }.outline-neutral-d-8 { outline-color: var(--neutral-d-8); }.outline-neutral-d-9 { outline-color: var(--neutral-d-9); }.outline-neutral-d-10 { outline-color: var(--neutral-d-10); }.fill-neutral { fill: var(--neutral); }.fill-neutral-l-1 { fill: var(--neutral-l-1); }.fill-neutral-l-2 { fill: var(--neutral-l-2); }.fill-neutral-l-3 { fill: var(--neutral-l-3); }.fill-neutral-l-4 { fill: var(--neutral-l-4); }.fill-neutral-l-5 { fill: var(--neutral-l-5); }.fill-neutral-l-6 { fill: var(--neutral-l-6); }.fill-neutral-l-7 { fill: var(--neutral-l-7); }.fill-neutral-l-8 { fill: var(--neutral-l-8); }.fill-neutral-l-9 { fill: var(--neutral-l-9); }.fill-neutral-l-10 { fill: var(--neutral-l-10); }.fill-neutral-d-1 { fill: var(--neutral-d-1); }.fill-neutral-d-2 { fill: var(--neutral-d-2); }.fill-neutral-d-3 { fill: var(--neutral-d-3); }.fill-neutral-d-4 { fill: var(--neutral-d-4); }.fill-neutral-d-5 { fill: var(--neutral-d-5); }.fill-neutral-d-6 { fill: var(--neutral-d-6); }.fill-neutral-d-7 { fill: var(--neutral-d-7); }.fill-neutral-d-8 { fill: var(--neutral-d-8); }.fill-neutral-d-9 { fill: var(--neutral-d-9); }.fill-neutral-d-10 { fill: var(--neutral-d-10); }.stroke-neutral { stroke: var(--neutral); }.stroke-neutral-l-1 { stroke: var(--neutral-l-1); }.stroke-neutral-l-2 { stroke: var(--neutral-l-2); }.stroke-neutral-l-3 { stroke: var(--neutral-l-3); }.stroke-neutral-l-4 { stroke: var(--neutral-l-4); }.stroke-neutral-l-5 { stroke: var(--neutral-l-5); }.stroke-neutral-l-6 { stroke: var(--neutral-l-6); }.stroke-neutral-l-7 { stroke: var(--neutral-l-7); }.stroke-neutral-l-8 { stroke: var(--neutral-l-8); }.stroke-neutral-l-9 { stroke: var(--neutral-l-9); }.stroke-neutral-l-10 { stroke: var(--neutral-l-10); }.stroke-neutral-d-1 { stroke: var(--neutral-d-1); }.stroke-neutral-d-2 { stroke: var(--neutral-d-2); }.stroke-neutral-d-3 { stroke: var(--neutral-d-3); }.stroke-neutral-d-4 { stroke: var(--neutral-d-4); }.stroke-neutral-d-5 { stroke: var(--neutral-d-5); }.stroke-neutral-d-6 { stroke: var(--neutral-d-6); }.stroke-neutral-d-7 { stroke: var(--neutral-d-7); }.stroke-neutral-d-8 { stroke: var(--neutral-d-8); }.stroke-neutral-d-9 { stroke: var(--neutral-d-9); }.stroke-neutral-d-10 { stroke: var(--neutral-d-10); }