:root { --grey-bg: hsl(216 25% 92%); --white-bg: hsl(0 0% 100%); --black-text: hsl(0 0% 0%); --color-4: hsl(194 86% 93% / 0.49); --color-5: hsl(239 100% 27% / 0.64); --color-6: hsl(284 79% 81% / 0.4); --color-7: hsl(285 80% 91% / 0.4); --color-8: hsl(285 78% 91% / 0.4); --color-9: hsl(239 100% 27% / 0.64); --color-10: hsl(277 97% 86%); --color-11: hsl(90 63% 39% / 0.86); --color-12: hsl(43 41% 86%); --color-13: hsl(217 25% 49% / 0.44); --color-14: hsl(285 78% 91% / 0.4); --color-15: hsl(216 25% 92%); --color-16: hsl(31 51% 62%); --color-17: hsl(20 10% 24%); --color-18: hsl(0 0% 47% / 0.86); --off-white-bg: hsl(0 0% 97%); --overlay-grey: hsl(218 24% 72% / 0.16); --off-white-bg-t-1: hsla(0, 0%, 100%, 0.09); --off-white-bg-t-2: hsla(0, 0%, 99%, 0.18); --off-white-bg-t-3: hsla(0, 0%, 99%, 0.27); --off-white-bg-t-4: hsla(0, 0%, 99%, 0.36); --off-white-bg-t-5: hsla(0, 0%, 99%, 0.45); --off-white-bg-t-6: hsla(0, 0%, 98%, 0.55); --off-white-bg-t-7: hsla(0, 0%, 98%, 0.64); --off-white-bg-t-8: hsla(0, 0%, 98%, 0.73); --off-white-bg-t-9: hsla(0, 0%, 97%, 0.82); --off-white-bg-t-10: hsla(0, 0%, 97%, 0.91); --color-16-d-1: hsl(31, 41%, 57%); --color-16-d-2: hsl(31, 32%, 51%); --color-16-d-3: hsl(31, 31%, 45%); --color-16-d-4: hsl(31, 31%, 40%); --color-16-d-5: hsl(31, 31%, 34%); --color-16-d-6: hsl(31, 31%, 28%); --color-16-d-7: hsl(31, 31%, 23%); --color-16-d-8: hsl(31, 31%, 17%); --color-16-d-9: hsl(31, 31%, 11%); --color-16-d-10: hsl(31, 31%, 6%); --color-16-t-1: hsla(31, 51%, 97%, 0.09); --color-16-t-2: hsla(31, 51%, 93%, 0.18); --color-16-t-3: hsla(31, 51%, 90%, 0.27); --color-16-t-4: hsla(31, 51%, 86%, 0.36); --color-16-t-5: hsla(31, 51%, 83%, 0.45); --color-16-t-6: hsla(31, 51%, 79%, 0.55); --color-16-t-7: hsla(31, 51%, 76%, 0.64); --color-16-t-8: hsla(31, 51%, 72%, 0.73); --color-16-t-9: hsla(31, 51%, 69%, 0.82); --color-16-t-10: hsla(31, 51%, 66%, 0.91); --text-2xs: clamp(0.82rem, calc(0.00024968789013732855 * (100vw - 47.8rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.001373283395755304 * (100vw - 47.8rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002746566791510611 * (100vw - 47.8rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.004993757802746565 * (100vw - 47.8rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.008364544319600497 * (100vw - 47.8rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.013108614232209733 * (100vw - 47.8rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.020099875156054933 * (100vw - 47.8rem) + 3.13rem), 4.74rem); --H4: clamp(1.02rem, calc(0.001373283395755304 * (100vw - 47.8rem) + 1.02rem), 1.13rem); --H3: clamp(1.28rem, calc(0.002746566791510611 * (100vw - 47.8rem) + 1.28rem), 1.5rem); --H2: clamp(1.6rem, calc(0.004993757802746565 * (100vw - 47.8rem) + 1.6rem), 2rem); --H1: clamp(2rem, calc(0.008364544319600497 * (100vw - 47.8rem) + 2rem), 2.67rem); --H-display: clamp(2.5rem, calc(0.013108614232209733 * (100vw - 47.8rem) + 2.5rem), 3.55rem);}.bg-color-16 { background-color: var(--color-16); }.bg-color-16-d-1 { background-color: var(--color-16-d-1); }.bg-color-16-d-2 { background-color: var(--color-16-d-2); }.bg-color-16-d-3 { background-color: var(--color-16-d-3); }.bg-color-16-d-4 { background-color: var(--color-16-d-4); }.bg-color-16-d-5 { background-color: var(--color-16-d-5); }.bg-color-16-d-6 { background-color: var(--color-16-d-6); }.bg-color-16-d-7 { background-color: var(--color-16-d-7); }.bg-color-16-d-8 { background-color: var(--color-16-d-8); }.bg-color-16-d-9 { background-color: var(--color-16-d-9); }.bg-color-16-d-10 { background-color: var(--color-16-d-10); }.bg-color-16-t-1 { background-color: var(--color-16-t-1); }.bg-color-16-t-2 { background-color: var(--color-16-t-2); }.bg-color-16-t-3 { background-color: var(--color-16-t-3); }.bg-color-16-t-4 { background-color: var(--color-16-t-4); }.bg-color-16-t-5 { background-color: var(--color-16-t-5); }.bg-color-16-t-6 { background-color: var(--color-16-t-6); }.bg-color-16-t-7 { background-color: var(--color-16-t-7); }.bg-color-16-t-8 { background-color: var(--color-16-t-8); }.bg-color-16-t-9 { background-color: var(--color-16-t-9); }.bg-color-16-t-10 { background-color: var(--color-16-t-10); }.bg-off-white-bg { background-color: var(--off-white-bg); }.bg-off-white-bg-t-1 { background-color: var(--off-white-bg-t-1); }.bg-off-white-bg-t-2 { background-color: var(--off-white-bg-t-2); }.bg-off-white-bg-t-3 { background-color: var(--off-white-bg-t-3); }.bg-off-white-bg-t-4 { background-color: var(--off-white-bg-t-4); }.bg-off-white-bg-t-5 { background-color: var(--off-white-bg-t-5); }.bg-off-white-bg-t-6 { background-color: var(--off-white-bg-t-6); }.bg-off-white-bg-t-7 { background-color: var(--off-white-bg-t-7); }.bg-off-white-bg-t-8 { background-color: var(--off-white-bg-t-8); }.bg-off-white-bg-t-9 { background-color: var(--off-white-bg-t-9); }.bg-off-white-bg-t-10 { background-color: var(--off-white-bg-t-10); }