:root { --primary: #a9d822; --base: #004aad; --secondary: hsl(301, 77%, 56%); --base-l-1: #336ebd; --base-l-2: #6692ce; --base-l-3: #99b7de; --base-l-4: #ccdbef; --base-d-1: #003b8a; --base-d-2: #002c68; --base-d-3: #001e45; --base-d-4: #000f23; --primary-l-1: #bae04e; --primary-l-2: #cbe87a; --primary-l-3: #ddefa7; --primary-l-4: #eef7d3; --primary-d-1: #87ad1b; --primary-d-2: #658214; --primary-d-3: #44560e; --primary-d-4: #222b07; --secondary-l-1: hsl(301, 77%, 65%); --secondary-l-2: hsl(301, 77%, 74%); --secondary-l-3: hsl(301, 77%, 82%); --secondary-l-4: hsl(301, 77%, 91%); --secondary-d-1: hsl(301, 61%, 45%); --secondary-d-2: hsl(301, 61%, 34%); --secondary-d-3: hsl(301, 61%, 22%); --secondary-d-4: hsl(301, 61%, 11%); --body-color-dark: var(--black-t-2); --heading-color-dark: var(--base-d-3); --body-color-light: var(--white-t-3); --heading-color-light: hsl(0, 0%, 100%); --border-color-dark: var(--black-t-8); --border-color-light: var(--white-t-8); --box-shadow-color-dark: var(--black-t-7); --box-shadow-color-light: var(--white-t-8); --white: hsl(0 0% 100%); --black: hsl(0 0% 0%); --neutral: hsl(0 0% 50%); --transparent: hsla(0, 0%, 0%, 0); --neutral-t-1: rgba(140, 140, 140, 0.91); --neutral-t-2: rgba(151, 151, 151, 0.82); --neutral-t-3: rgba(163, 163, 163, 0.73); --neutral-t-4: rgba(174, 174, 174, 0.64); --neutral-t-5: rgba(186, 186, 186, 0.55); --neutral-t-6: rgba(197, 197, 197, 0.45); --neutral-t-7: rgba(209, 209, 209, 0.36); --neutral-t-8: rgba(220, 220, 220, 0.27); --neutral-t-9: rgba(232, 232, 232, 0.18); --neutral-t-10: rgba(243, 243, 243, 0.09); --neutral-l-1: rgb(153, 153, 153); --neutral-l-2: rgb(179, 179, 179); --neutral-l-3: rgb(204, 204, 204); --neutral-l-4: rgb(230, 230, 230); --neutral-d-1: rgb(102, 102, 102); --neutral-d-2: rgb(77, 77, 77); --neutral-d-3: rgb(51, 51, 51); --neutral-d-4: rgb(26, 26, 26); --white-t-1: rgba(255, 255, 255, 0.89); --white-t-2: rgba(255, 255, 255, 0.78); --white-t-3: rgba(255, 255, 255, 0.67); --white-t-4: rgba(255, 255, 255, 0.56); --white-t-5: rgba(255, 255, 255, 0.44); --white-t-6: rgba(255, 255, 255, 0.33); --white-t-7: rgba(255, 255, 255, 0.22); --white-t-8: rgba(255, 255, 255, 0.11); --black-t-1: rgba(0, 0, 0, 0.89); --black-t-2: rgba(0, 0, 0, 0.78); --black-t-3: rgba(0, 0, 0, 0.67); --black-t-4: rgba(0, 0, 0, 0.56); --black-t-5: rgba(0, 0, 0, 0.44); --black-t-6: rgba(0, 0, 0, 0.33); --black-t-7: rgba(0, 0, 0, 0.22); --black-t-8: rgba(0, 0, 0, 0.11); --notice: hsl(197, 100%, 42%); --warning: hsl(46, 100%, 42%); --error: hsl(0, 100%, 44%); --error-d-1: rgb(179, 0, 0); --error-d-2: rgb(134, 0, 0); --error-d-3: rgb(90, 0, 0); --error-d-4: rgb(45, 0, 0); --error-l-1: rgb(230, 51, 51); --error-l-2: rgb(236, 102, 102); --error-l-3: rgb(243, 153, 153); --error-l-4: rgb(249, 204, 204); --success: hsl(134, 100%, 37%); --success-l-1: rgb(51, 202, 86); --success-l-2: rgb(102, 215, 128); --success-l-3: rgb(153, 229, 171); --success-l-4: rgb(204, 242, 213); --success-d-1: rgb(0, 151, 35); --success-d-2: rgb(0, 113, 26); --success-d-3: rgb(0, 76, 18); --success-d-4: rgb(0, 38, 9); --notice-l-1: rgb(51, 174, 222); --notice-l-2: rgb(102, 194, 230); --notice-l-3: rgb(153, 215, 239); --notice-l-4: rgb(204, 235, 247); --notice-d-1: rgb(0, 123, 171); --notice-d-2: rgb(0, 92, 128); --notice-d-3: rgb(0, 62, 86); --notice-d-4: rgb(0, 31, 43); --warning-l-1: rgb(222, 182, 51); --warning-l-2: rgb(230, 200, 102); --warning-l-3: rgb(239, 219, 153); --warning-l-4: rgb(247, 237, 204); --warning-d-1: rgb(171, 131, 0); --warning-d-2: rgb(128, 98, 0); --warning-d-3: rgb(86, 66, 0); --warning-d-4: rgb(43, 33, 0); --text-xxs: clamp(0.93rem, calc(0 * (100vw - 36rem) + 0.93rem), 0.93rem); --text-xs: clamp(1.11rem, calc(0 * (100vw - 36rem) + 1.11rem), 1.11rem); --text-s: clamp(1.33rem, calc(0 * (100vw - 36rem) + 1.33rem), 1.33rem); --text-m: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text-l: clamp(1.92rem, calc(0 * (100vw - 36rem) + 1.92rem), 1.92rem); --text-xl: clamp(2.3rem, calc(0 * (100vw - 36rem) + 2.3rem), 2.3rem); --text-xxl: clamp(2.76rem, calc(0 * (100vw - 36rem) + 2.76rem), 2.76rem); --h6: clamp(1.28rem, calc(-0.0007407407407407414 * (100vw - 36rem) + 1.28rem), 1.2rem); --h5: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --h4: clamp(2rem, calc(0.0012037037037037027 * (100vw - 36rem) + 2rem), 2.13rem); --h3: clamp(2.5rem, calc(0.003148148148148147 * (100vw - 36rem) + 2.5rem), 2.84rem); --h2: clamp(3.13rem, calc(0.006111111111111112 * (100vw - 36rem) + 3.13rem), 3.79rem); --h1: clamp(3.91rem, calc(0.010555555555555552 * (100vw - 36rem) + 3.91rem), 5.05rem); --radius-s: clamp(-1.2rem, calc(0.015277777777777777 * (100vw - 36rem) + -1.2rem), 0.45rem); --radius-m: clamp(-1.5rem, calc(0.019444444444444445 * (100vw - 36rem) + -1.5rem), 0.6rem); --radius-l: clamp(-1.88rem, calc(0.024814814814814814 * (100vw - 36rem) + -1.88rem), 0.8rem); --section-xxs: clamp(1.84rem, calc(0.0017592592592592566 * (100vw - 36rem) + 1.84rem), 2.03rem); --section-xs: clamp(2.3rem, calc(0.003703703703703707 * (100vw - 36rem) + 2.3rem), 2.7rem); --section-s: clamp(2.88rem, calc(0.006666666666666669 * (100vw - 36rem) + 2.88rem), 3.6rem); --section-m: clamp(3.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 3.6rem), 4.8rem); --section-l: clamp(4.5rem, calc(0.017592592592592597 * (100vw - 36rem) + 4.5rem), 6.4rem); --section-xl: clamp(5.63rem, calc(0.026851851851851846 * (100vw - 36rem) + 5.63rem), 8.53rem); --section-xxl: clamp(7.03rem, calc(0.04018518518518518 * (100vw - 36rem) + 7.03rem), 11.37rem); --space-xxs: 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-xxl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --content-gap: var(--space-l); --gutter: var(--space-l); --grid-gap: calc(var(--content-gap) * 3);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-primary-l-4 { border-color: var(--primary-l-4); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-d-4 { border-color: var(--primary-d-4); }.outline-primary { outline-color: var(--primary); }.outline-primary-l-1 { outline-color: var(--primary-l-1); }.outline-primary-l-2 { outline-color: var(--primary-l-2); }.outline-primary-l-3 { outline-color: var(--primary-l-3); }.outline-primary-l-4 { outline-color: var(--primary-l-4); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.outline-primary-d-2 { outline-color: var(--primary-d-2); }.outline-primary-d-3 { outline-color: var(--primary-d-3); }.outline-primary-d-4 { outline-color: var(--primary-d-4); }.fill-primary { fill: var(--primary); }.fill-primary-l-1 { fill: var(--primary-l-1); }.fill-primary-l-2 { fill: var(--primary-l-2); }.fill-primary-l-3 { fill: var(--primary-l-3); }.fill-primary-l-4 { fill: var(--primary-l-4); }.fill-primary-d-1 { fill: var(--primary-d-1); }.fill-primary-d-2 { fill: var(--primary-d-2); }.fill-primary-d-3 { fill: var(--primary-d-3); }.fill-primary-d-4 { fill: var(--primary-d-4); }.stroke-primary { stroke: var(--primary); }.stroke-primary-l-1 { stroke: var(--primary-l-1); }.stroke-primary-l-2 { stroke: var(--primary-l-2); }.stroke-primary-l-3 { stroke: var(--primary-l-3); }.stroke-primary-l-4 { stroke: var(--primary-l-4); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.stroke-primary-d-2 { stroke: var(--primary-d-2); }.stroke-primary-d-3 { stroke: var(--primary-d-3); }.stroke-primary-d-4 { stroke: var(--primary-d-4); }.bg-base { background-color: var(--base); }.bg-base-l-1 { background-color: var(--base-l-1); }.bg-base-l-2 { background-color: var(--base-l-2); }.bg-base-l-3 { background-color: var(--base-l-3); }.bg-base-l-4 { background-color: var(--base-l-4); }.bg-base-d-1 { background-color: var(--base-d-1); }.bg-base-d-2 { background-color: var(--base-d-2); }.bg-base-d-3 { background-color: var(--base-d-3); }.bg-base-d-4 { background-color: var(--base-d-4); }.text-base { color: var(--base); }.text-base-l-1 { color: var(--base-l-1); }.text-base-l-2 { color: var(--base-l-2); }.text-base-l-3 { color: var(--base-l-3); }.text-base-l-4 { color: var(--base-l-4); }.text-base-d-1 { color: var(--base-d-1); }.text-base-d-2 { color: var(--base-d-2); }.text-base-d-3 { color: var(--base-d-3); }.text-base-d-4 { color: var(--base-d-4); }.border-base { border-color: var(--base); }.border-base-l-1 { border-color: var(--base-l-1); }.border-base-l-2 { border-color: var(--base-l-2); }.border-base-l-3 { border-color: var(--base-l-3); }.border-base-l-4 { border-color: var(--base-l-4); }.border-base-d-1 { border-color: var(--base-d-1); }.border-base-d-2 { border-color: var(--base-d-2); }.border-base-d-3 { border-color: var(--base-d-3); }.border-base-d-4 { border-color: var(--base-d-4); }.outline-base { outline-color: var(--base); }.outline-base-l-1 { outline-color: var(--base-l-1); }.outline-base-l-2 { outline-color: var(--base-l-2); }.outline-base-l-3 { outline-color: var(--base-l-3); }.outline-base-l-4 { outline-color: var(--base-l-4); }.outline-base-d-1 { outline-color: var(--base-d-1); }.outline-base-d-2 { outline-color: var(--base-d-2); }.outline-base-d-3 { outline-color: var(--base-d-3); }.outline-base-d-4 { outline-color: var(--base-d-4); }.fill-base { fill: var(--base); }.fill-base-l-1 { fill: var(--base-l-1); }.fill-base-l-2 { fill: var(--base-l-2); }.fill-base-l-3 { fill: var(--base-l-3); }.fill-base-l-4 { fill: var(--base-l-4); }.fill-base-d-1 { fill: var(--base-d-1); }.fill-base-d-2 { fill: var(--base-d-2); }.fill-base-d-3 { fill: var(--base-d-3); }.fill-base-d-4 { fill: var(--base-d-4); }.stroke-base { stroke: var(--base); }.stroke-base-l-1 { stroke: var(--base-l-1); }.stroke-base-l-2 { stroke: var(--base-l-2); }.stroke-base-l-3 { stroke: var(--base-l-3); }.stroke-base-l-4 { stroke: var(--base-l-4); }.stroke-base-d-1 { stroke: var(--base-d-1); }.stroke-base-d-2 { stroke: var(--base-d-2); }.stroke-base-d-3 { stroke: var(--base-d-3); }.stroke-base-d-4 { stroke: var(--base-d-4); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-l-3 { background-color: var(--secondary-l-3); }.bg-secondary-l-4 { background-color: var(--secondary-l-4); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.bg-secondary-d-3 { background-color: var(--secondary-d-3); }.bg-secondary-d-4 { background-color: var(--secondary-d-4); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-l-4 { color: var(--secondary-l-4); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-d-3 { color: var(--secondary-d-3); }.text-secondary-d-4 { color: var(--secondary-d-4); }.border-secondary { border-color: var(--secondary); }.border-secondary-l-1 { border-color: var(--secondary-l-1); }.border-secondary-l-2 { border-color: var(--secondary-l-2); }.border-secondary-l-3 { border-color: var(--secondary-l-3); }.border-secondary-l-4 { border-color: var(--secondary-l-4); }.border-secondary-d-1 { border-color: var(--secondary-d-1); }.border-secondary-d-2 { border-color: var(--secondary-d-2); }.border-secondary-d-3 { border-color: var(--secondary-d-3); }.border-secondary-d-4 { border-color: var(--secondary-d-4); }.outline-secondary { outline-color: var(--secondary); }.outline-secondary-l-1 { outline-color: var(--secondary-l-1); }.outline-secondary-l-2 { outline-color: var(--secondary-l-2); }.outline-secondary-l-3 { outline-color: var(--secondary-l-3); }.outline-secondary-l-4 { outline-color: var(--secondary-l-4); }.outline-secondary-d-1 { outline-color: var(--secondary-d-1); }.outline-secondary-d-2 { outline-color: var(--secondary-d-2); }.outline-secondary-d-3 { outline-color: var(--secondary-d-3); }.outline-secondary-d-4 { outline-color: var(--secondary-d-4); }.stroke-secondary { stroke: var(--secondary); }.stroke-secondary-l-1 { stroke: var(--secondary-l-1); }.stroke-secondary-l-2 { stroke: var(--secondary-l-2); }.stroke-secondary-l-3 { stroke: var(--secondary-l-3); }.stroke-secondary-l-4 { stroke: var(--secondary-l-4); }.stroke-secondary-d-1 { stroke: var(--secondary-d-1); }.stroke-secondary-d-2 { stroke: var(--secondary-d-2); }.stroke-secondary-d-3 { stroke: var(--secondary-d-3); }.stroke-secondary-d-4 { stroke: var(--secondary-d-4); }.fill-secondary { fill: var(--secondary); }.fill-secondary-l-1 { fill: var(--secondary-l-1); }.fill-secondary-l-2 { fill: var(--secondary-l-2); }.fill-secondary-l-3 { fill: var(--secondary-l-3); }.fill-secondary-l-4 { fill: var(--secondary-l-4); }.fill-secondary-d-1 { fill: var(--secondary-d-1); }.fill-secondary-d-2 { fill: var(--secondary-d-2); }.fill-secondary-d-3 { fill: var(--secondary-d-3); }.fill-secondary-d-4 { fill: var(--secondary-d-4); }