:root { --text: #1A1A1A; --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-t-1: hsla(0, 0%, 10%, 0.09); --text-t-2: hsla(0, 0%, 10%, 0.18); --text-t-3: hsla(0, 0%, 10%, 0.27); --text-t-4: hsla(0, 0%, 10%, 0.36); --text-t-5: hsla(0, 0%, 10%, 0.45); --text-t-6: hsla(0, 0%, 10%, 0.55); --text-t-7: hsla(0, 0%, 10%, 0.64); --text-t-8: hsla(0, 0%, 10%, 0.73); --text-t-9: hsla(0, 0%, 10%, 0.82); --text-t-10: hsla(0, 0%, 10%, 0.91); --action: hsl(227, 79%, 39%); --action-l-1: hsl(227, 63%, 45%); --action-l-2: hsl(227, 50%, 50%); --action-l-3: hsl(227, 50%, 56%); --action-l-4: hsl(227, 50%, 61%); --action-l-5: hsl(227, 50%, 67%); --action-l-6: hsl(227, 50%, 72%); --action-l-7: hsl(227, 50%, 78%); --action-l-8: hsl(227, 50%, 83%); --action-l-9: hsl(227, 50%, 89%); --action-l-10: hsl(227, 50%, 94%); --action-d-1: hsl(227, 79%, 35%); --action-d-2: hsl(227, 79%, 32%); --action-d-3: hsl(227, 79%, 28%); --action-d-4: hsl(227, 79%, 25%); --action-d-5: hsl(227, 79%, 21%); --action-d-6: hsl(227, 79%, 18%); --action-d-7: hsl(227, 79%, 14%); --action-d-8: hsl(227, 79%, 11%); --action-d-9: hsl(227, 79%, 7%); --action-d-10: hsl(227, 79%, 4%); --action-t-1: hsla(227, 79%, 39%, 0.09); --action-t-2: hsla(227, 79%, 39%, 0.18); --action-t-3: hsla(227, 79%, 39%, 0.27); --action-t-4: hsla(227, 79%, 39%, 0.36); --action-t-5: hsla(227, 79%, 39%, 0.45); --action-t-6: hsla(227, 79%, 39%, 0.55); --action-t-7: hsla(227, 79%, 39%, 0.64); --action-t-8: hsla(227, 79%, 39%, 0.73); --action-t-9: hsla(227, 79%, 39%, 0.82); --action-t-10: hsla(227, 79%, 39%, 0.91); --primary: #0B5096; --primary-l-1: #2160a0; --primary-l-2: #3770a9; --primary-l-3: #4e80b3; --primary-l-4: #6490bc; --primary-l-5: #7aa0c6; --primary-l-6: #90afcf; --primary-l-7: #a6bfd9; --primary-l-8: #bccfe2; --primary-l-9: #d3dfec; --primary-l-10: #e9eff5; --primary-d-1: #0a4988; --primary-d-2: #09417b; --primary-d-3: #083a6d; --primary-d-4: #07335f; --primary-d-5: #062c52; --primary-d-6: #052444; --primary-d-7: #041d37; --primary-d-8: #031629; --primary-d-9: #020f1b; --primary-d-10: #01070e; --primary-t-1: hsla(210, 86%, 32%, 0.09); --primary-t-2: hsla(210, 86%, 32%, 0.18); --primary-t-3: hsla(210, 86%, 32%, 0.27); --primary-t-4: hsla(210, 86%, 32%, 0.36); --primary-t-5: hsla(210, 86%, 32%, 0.45); --primary-t-6: hsla(210, 86%, 32%, 0.55); --primary-t-7: hsla(210, 86%, 32%, 0.64); --primary-t-8: hsla(210, 86%, 32%, 0.73); --primary-t-9: hsla(210, 86%, 32%, 0.82); --primary-t-10: hsla(210, 86%, 32%, 0.91); --background: hsl(210, 50%, 90%); --background-d-1: hsl(209, 25%, 82%); --background-d-2: hsl(209, 15%, 74%); --background-d-3: hsl(209, 10%, 65%); --background-d-4: hsl(209, 7%, 57%); --background-d-5: hsl(209, 5%, 49%); --background-d-6: hsl(209, 5%, 41%); --background-d-7: hsl(209, 5%, 33%); --background-d-8: hsl(209, 5%, 25%); --background-d-9: hsl(209, 5%, 16%); --background-d-10: hsl(209, 5%, 8%); --background-l-1: hsl(209, 49%, 91%); --background-l-2: hsl(209, 49%, 92%); --background-l-3: hsl(209, 49%, 93%); --background-l-4: hsl(209, 49%, 94%); --background-l-5: hsl(209, 49%, 95%); --background-l-6: hsl(209, 49%, 95%); --background-l-7: hsl(209, 49%, 96%); --background-l-8: hsl(209, 49%, 97%); --background-l-9: hsl(209, 49%, 98%); --background-l-10: hsl(209, 49%, 99%); --white: hsl(0, 6%, 98%); --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); --space-3xl: clamp(3.91rem, calc(0.022314814814814814 * (100vw - 36rem) + 3.91rem), 6.32rem); --space-4xl: clamp(4.88rem, calc(0.032777777777777777 * (100vw - 36rem) + 4.88rem), 8.42rem); --space-5xl: clamp(6.1rem, calc(0.047500000000000000 * (100vw - 36rem) + 6.1rem), 11.23rem); --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);}.bg-action { background-color: var(--action); }.bg-action-l-1 { background-color: var(--action-l-1); }.bg-action-l-2 { background-color: var(--action-l-2); }.bg-action-l-3 { background-color: var(--action-l-3); }.bg-action-l-4 { background-color: var(--action-l-4); }.bg-action-l-5 { background-color: var(--action-l-5); }.bg-action-l-6 { background-color: var(--action-l-6); }.bg-action-l-7 { background-color: var(--action-l-7); }.bg-action-l-8 { background-color: var(--action-l-8); }.bg-action-l-9 { background-color: var(--action-l-9); }.bg-action-l-10 { background-color: var(--action-l-10); }.bg-action-d-1 { background-color: var(--action-d-1); }.bg-action-d-2 { background-color: var(--action-d-2); }.bg-action-d-3 { background-color: var(--action-d-3); }.bg-action-d-4 { background-color: var(--action-d-4); }.bg-action-d-5 { background-color: var(--action-d-5); }.bg-action-d-6 { background-color: var(--action-d-6); }.bg-action-d-7 { background-color: var(--action-d-7); }.bg-action-d-8 { background-color: var(--action-d-8); }.bg-action-d-9 { background-color: var(--action-d-9); }.bg-action-d-10 { background-color: var(--action-d-10); }.bg-action-t-1 { background-color: var(--action-t-1); }.bg-action-t-2 { background-color: var(--action-t-2); }.bg-action-t-3 { background-color: var(--action-t-3); }.bg-action-t-4 { background-color: var(--action-t-4); }.bg-action-t-5 { background-color: var(--action-t-5); }.bg-action-t-6 { background-color: var(--action-t-6); }.bg-action-t-7 { background-color: var(--action-t-7); }.bg-action-t-8 { background-color: var(--action-t-8); }.bg-action-t-9 { background-color: var(--action-t-9); }.bg-action-t-10 { background-color: var(--action-t-10); }.text-action { color: var(--action); }.text-action-l-1 { color: var(--action-l-1); }.text-action-l-2 { color: var(--action-l-2); }.text-action-l-3 { color: var(--action-l-3); }.text-action-l-4 { color: var(--action-l-4); }.text-action-l-5 { color: var(--action-l-5); }.text-action-l-6 { color: var(--action-l-6); }.text-action-l-7 { color: var(--action-l-7); }.text-action-l-8 { color: var(--action-l-8); }.text-action-l-9 { color: var(--action-l-9); }.text-action-l-10 { color: var(--action-l-10); }.text-action-d-1 { color: var(--action-d-1); }.text-action-d-2 { color: var(--action-d-2); }.text-action-d-3 { color: var(--action-d-3); }.text-action-d-4 { color: var(--action-d-4); }.text-action-d-5 { color: var(--action-d-5); }.text-action-d-6 { color: var(--action-d-6); }.text-action-d-7 { color: var(--action-d-7); }.text-action-d-8 { color: var(--action-d-8); }.text-action-d-9 { color: var(--action-d-9); }.text-action-d-10 { color: var(--action-d-10); }.text-action-t-1 { color: var(--action-t-1); }.text-action-t-2 { color: var(--action-t-2); }.text-action-t-3 { color: var(--action-t-3); }.text-action-t-4 { color: var(--action-t-4); }.text-action-t-5 { color: var(--action-t-5); }.text-action-t-6 { color: var(--action-t-6); }.text-action-t-7 { color: var(--action-t-7); }.text-action-t-8 { color: var(--action-t-8); }.text-action-t-9 { color: var(--action-t-9); }.text-action-t-10 { color: var(--action-t-10); }.border-action { border-color: var(--action); }.border-action-l-1 { border-color: var(--action-l-1); }.border-action-l-2 { border-color: var(--action-l-2); }.border-action-l-3 { border-color: var(--action-l-3); }.border-action-l-4 { border-color: var(--action-l-4); }.border-action-l-5 { border-color: var(--action-l-5); }.border-action-l-6 { border-color: var(--action-l-6); }.border-action-l-7 { border-color: var(--action-l-7); }.border-action-l-8 { border-color: var(--action-l-8); }.border-action-l-9 { border-color: var(--action-l-9); }.border-action-l-10 { border-color: var(--action-l-10); }.border-action-d-1 { border-color: var(--action-d-1); }.border-action-d-2 { border-color: var(--action-d-2); }.border-action-d-3 { border-color: var(--action-d-3); }.border-action-d-4 { border-color: var(--action-d-4); }.border-action-d-5 { border-color: var(--action-d-5); }.border-action-d-6 { border-color: var(--action-d-6); }.border-action-d-7 { border-color: var(--action-d-7); }.border-action-d-8 { border-color: var(--action-d-8); }.border-action-d-9 { border-color: var(--action-d-9); }.border-action-d-10 { border-color: var(--action-d-10); }.border-action-t-1 { border-color: var(--action-t-1); }.border-action-t-2 { border-color: var(--action-t-2); }.border-action-t-3 { border-color: var(--action-t-3); }.border-action-t-4 { border-color: var(--action-t-4); }.border-action-t-5 { border-color: var(--action-t-5); }.border-action-t-6 { border-color: var(--action-t-6); }.border-action-t-7 { border-color: var(--action-t-7); }.border-action-t-8 { border-color: var(--action-t-8); }.border-action-t-9 { border-color: var(--action-t-9); }.border-action-t-10 { border-color: var(--action-t-10); }.outline-action { outline-color: var(--action); }.outline-action-l-1 { outline-color: var(--action-l-1); }.outline-action-l-2 { outline-color: var(--action-l-2); }.outline-action-l-3 { outline-color: var(--action-l-3); }.outline-action-l-4 { outline-color: var(--action-l-4); }.outline-action-l-5 { outline-color: var(--action-l-5); }.outline-action-l-6 { outline-color: var(--action-l-6); }.outline-action-l-7 { outline-color: var(--action-l-7); }.outline-action-l-8 { outline-color: var(--action-l-8); }.outline-action-l-9 { outline-color: var(--action-l-9); }.outline-action-l-10 { outline-color: var(--action-l-10); }.outline-action-d-1 { outline-color: var(--action-d-1); }.outline-action-d-2 { outline-color: var(--action-d-2); }.outline-action-d-3 { outline-color: var(--action-d-3); }.outline-action-d-4 { outline-color: var(--action-d-4); }.outline-action-d-5 { outline-color: var(--action-d-5); }.outline-action-d-6 { outline-color: var(--action-d-6); }.outline-action-d-7 { outline-color: var(--action-d-7); }.outline-action-d-8 { outline-color: var(--action-d-8); }.outline-action-d-9 { outline-color: var(--action-d-9); }.outline-action-d-10 { outline-color: var(--action-d-10); }.outline-action-t-1 { outline-color: var(--action-t-1); }.outline-action-t-2 { outline-color: var(--action-t-2); }.outline-action-t-3 { outline-color: var(--action-t-3); }.outline-action-t-4 { outline-color: var(--action-t-4); }.outline-action-t-5 { outline-color: var(--action-t-5); }.outline-action-t-6 { outline-color: var(--action-t-6); }.outline-action-t-7 { outline-color: var(--action-t-7); }.outline-action-t-8 { outline-color: var(--action-t-8); }.outline-action-t-9 { outline-color: var(--action-t-9); }.outline-action-t-10 { outline-color: var(--action-t-10); }.fill-action { fill: var(--action); }.fill-action-l-1 { fill: var(--action-l-1); }.fill-action-l-2 { fill: var(--action-l-2); }.fill-action-l-3 { fill: var(--action-l-3); }.fill-action-l-4 { fill: var(--action-l-4); }.fill-action-l-5 { fill: var(--action-l-5); }.fill-action-l-6 { fill: var(--action-l-6); }.fill-action-l-7 { fill: var(--action-l-7); }.fill-action-l-8 { fill: var(--action-l-8); }.fill-action-l-9 { fill: var(--action-l-9); }.fill-action-l-10 { fill: var(--action-l-10); }.fill-action-d-1 { fill: var(--action-d-1); }.fill-action-d-2 { fill: var(--action-d-2); }.fill-action-d-3 { fill: var(--action-d-3); }.fill-action-d-4 { fill: var(--action-d-4); }.fill-action-d-5 { fill: var(--action-d-5); }.fill-action-d-6 { fill: var(--action-d-6); }.fill-action-d-7 { fill: var(--action-d-7); }.fill-action-d-8 { fill: var(--action-d-8); }.fill-action-d-9 { fill: var(--action-d-9); }.fill-action-d-10 { fill: var(--action-d-10); }.fill-action-t-1 { fill: var(--action-t-1); }.fill-action-t-2 { fill: var(--action-t-2); }.fill-action-t-3 { fill: var(--action-t-3); }.fill-action-t-4 { fill: var(--action-t-4); }.fill-action-t-5 { fill: var(--action-t-5); }.fill-action-t-6 { fill: var(--action-t-6); }.fill-action-t-7 { fill: var(--action-t-7); }.fill-action-t-8 { fill: var(--action-t-8); }.fill-action-t-9 { fill: var(--action-t-9); }.fill-action-t-10 { fill: var(--action-t-10); }.stroke-action { stroke: var(--action); }.stroke-action-l-1 { stroke: var(--action-l-1); }.stroke-action-l-2 { stroke: var(--action-l-2); }.stroke-action-l-3 { stroke: var(--action-l-3); }.stroke-action-l-4 { stroke: var(--action-l-4); }.stroke-action-l-5 { stroke: var(--action-l-5); }.stroke-action-l-6 { stroke: var(--action-l-6); }.stroke-action-l-7 { stroke: var(--action-l-7); }.stroke-action-l-8 { stroke: var(--action-l-8); }.stroke-action-l-9 { stroke: var(--action-l-9); }.stroke-action-l-10 { stroke: var(--action-l-10); }.stroke-action-d-1 { stroke: var(--action-d-1); }.stroke-action-d-2 { stroke: var(--action-d-2); }.stroke-action-d-3 { stroke: var(--action-d-3); }.stroke-action-d-4 { stroke: var(--action-d-4); }.stroke-action-d-5 { stroke: var(--action-d-5); }.stroke-action-d-6 { stroke: var(--action-d-6); }.stroke-action-d-7 { stroke: var(--action-d-7); }.stroke-action-d-8 { stroke: var(--action-d-8); }.stroke-action-d-9 { stroke: var(--action-d-9); }.stroke-action-d-10 { stroke: var(--action-d-10); }.stroke-action-t-1 { stroke: var(--action-t-1); }.stroke-action-t-2 { stroke: var(--action-t-2); }.stroke-action-t-3 { stroke: var(--action-t-3); }.stroke-action-t-4 { stroke: var(--action-t-4); }.stroke-action-t-5 { stroke: var(--action-t-5); }.stroke-action-t-6 { stroke: var(--action-t-6); }.stroke-action-t-7 { stroke: var(--action-t-7); }.stroke-action-t-8 { stroke: var(--action-t-8); }.stroke-action-t-9 { stroke: var(--action-t-9); }.stroke-action-t-10 { stroke: var(--action-t-10); }