:root { --color-navy: hsl(218 60% 25.5%); --color-blue: hsl(195 66.8% 49.8%); --color-blue-mid: hsl(205 72.6% 38.6%); --color-teal: hsl(181 48% 52%); --color-amber: hsl(37 90.3% 54.9%); --color-amber-pale: hsl(40 88.2% 91.2%); --color-white: hsl(0 0% 100%); --color-off-white: hsl(204 38.5% 97.1%); --color-text: hsl(215 33% 17.6%); --color-text-light: hsl(215 16.2% 39.4%); --color-border: hsl(206 43.8% 88.4%); --space-3xs: clamp(0.66rem, calc(-0.00027777777777777805 * (100vw - 36rem) + 0.66rem), 0.63rem); --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.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --space-4xl: clamp(4.88rem, calc(0.03277777777777778 * (100vw - 36rem) + 4.88rem), 8.42rem); --text-2xs: clamp(0.82rem, calc(-0.000555555555555555 * (100vw - 36rem) + 0.82rem), 0.76rem); --text-xs: clamp(1.02rem, calc(-0.00009259259259259267 * (100vw - 36rem) + 1.02rem), 1.01rem); --text-s: clamp(1.28rem, calc(0.0006481481481481487 * (100vw - 36rem) + 1.28rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --text-xl: clamp(2.5rem, calc(0.006481481481481483 * (100vw - 36rem) + 2.5rem), 3.2rem); --text-2xl: clamp(3.13rem, calc(0.010462962962962962 * (100vw - 36rem) + 3.13rem), 4.26rem);}.gap-3xs { gap: var(--space-3xs); }.gap-2xs { gap: var(--space-2xs); }.gap-xs { gap: var(--space-xs); }.gap-s { gap: var(--space-s); }.gap-m { gap: var(--space-m); }.gap-l { gap: var(--space-l); }.gap-xl { gap: var(--space-xl); }.gap-2xl { gap: var(--space-2xl); }.gap-3xl { gap: var(--space-3xl); }.gap-4xl { gap: var(--space-4xl); }.pt-3xs { padding-top: var(--space-3xs); }.pt-2xs { padding-top: var(--space-2xs); }.pt-xs { padding-top: var(--space-xs); }.pt-s { padding-top: var(--space-s); }.pt-m { padding-top: var(--space-m); }.pt-l { padding-top: var(--space-l); }.pt-xl { padding-top: var(--space-xl); }.pt-2xl { padding-top: var(--space-2xl); }.pt-3xl { padding-top: var(--space-3xl); }.pt-4xl { padding-top: var(--space-4xl); }.pb-3xs { padding-bottom: var(--space-3xs); }.pb-2xs { padding-bottom: var(--space-2xs); }.pb-xs { padding-bottom: var(--space-xs); }.pb-s { padding-bottom: var(--space-s); }.pb-m { padding-bottom: var(--space-m); }.pb-l { padding-bottom: var(--space-l); }.pb-xl { padding-bottom: var(--space-xl); }.pb-2xl { padding-bottom: var(--space-2xl); }.pb-3xl { padding-bottom: var(--space-3xl); }.pb-4xl { padding-bottom: var(--space-4xl); }.pl-3xs { padding-left: var(--space-3xs); }.pl-2xs { padding-left: var(--space-2xs); }.pl-xs { padding-left: var(--space-xs); }.pl-s { padding-left: var(--space-s); }.pl-m { padding-left: var(--space-m); }.pl-l { padding-left: var(--space-l); }.pl-xl { padding-left: var(--space-xl); }.pl-2xl { padding-left: var(--space-2xl); }.pl-3xl { padding-left: var(--space-3xl); }.pl-4xl { padding-left: var(--space-4xl); }.pr-3xs { padding-right: var(--space-3xs); }.pr-2xs { padding-right: var(--space-2xs); }.pr-xs { padding-right: var(--space-xs); }.pr-s { padding-right: var(--space-s); }.pr-m { padding-right: var(--space-m); }.pr-l { padding-right: var(--space-l); }.pr-xl { padding-right: var(--space-xl); }.pr-2xl { padding-right: var(--space-2xl); }.pr-3xl { padding-right: var(--space-3xl); }.pr-4xl { padding-right: var(--space-4xl); }.mt-3xs { margin-top: var(--space-3xs); }.mt-2xs { margin-top: var(--space-2xs); }.mt-xs { margin-top: var(--space-xs); }.mt-s { margin-top: var(--space-s); }.mt-m { margin-top: var(--space-m); }.mt-l { margin-top: var(--space-l); }.mt-xl { margin-top: var(--space-xl); }.mt-2xl { margin-top: var(--space-2xl); }.mt-3xl { margin-top: var(--space-3xl); }.mt-4xl { margin-top: var(--space-4xl); }.mb-3xs { margin-bottom: var(--space-3xs); }.mb-2xs { margin-bottom: var(--space-2xs); }.mb-xs { margin-bottom: var(--space-xs); }.mb-s { margin-bottom: var(--space-s); }.mb-m { margin-bottom: var(--space-m); }.mb-l { margin-bottom: var(--space-l); }.mb-xl { margin-bottom: var(--space-xl); }.mb-2xl { margin-bottom: var(--space-2xl); }.mb-3xl { margin-bottom: var(--space-3xl); }.mb-4xl { margin-bottom: var(--space-4xl); }.ml-3xs { margin-left: var(--space-3xs); }.ml-2xs { margin-left: var(--space-2xs); }.ml-xs { margin-left: var(--space-xs); }.ml-s { margin-left: var(--space-s); }.ml-m { margin-left: var(--space-m); }.ml-l { margin-left: var(--space-l); }.ml-xl { margin-left: var(--space-xl); }.ml-2xl { margin-left: var(--space-2xl); }.ml-3xl { margin-left: var(--space-3xl); }.ml-4xl { margin-left: var(--space-4xl); }.mr-3xs { margin-right: var(--space-3xs); }.mr-2xs { margin-right: var(--space-2xs); }.mr-xs { margin-right: var(--space-xs); }.mr-s { margin-right: var(--space-s); }.mr-m { margin-right: var(--space-m); }.mr-l { margin-right: var(--space-l); }.mr-xl { margin-right: var(--space-xl); }.mr-2xl { margin-right: var(--space-2xl); }.mr-3xl { margin-right: var(--space-3xl); }.mr-4xl { margin-right: var(--space-4xl); }.test-2xs { font-size: var(--text-2xs); }.test-xs { font-size: var(--text-xs); }.test-s { font-size: var(--text-s); }.test-m { font-size: var(--text-m); }.test-l { font-size: var(--text-l); }.test-xl { font-size: var(--text-xl); }.test-2xl { font-size: var(--text-2xl); }