:root { --colors-primary-red-100: #B20B38; --colors-primary-turquoise-100: #03989E; --colors-primary-dark-blue-100: #001354; --colors-primary-light-blue-100: #AFC1FF; --colors-primary-off-white-100: #F5F7FF; --colors-primary-grey-60: #B0B7D0; --text-colors-primary-dark: #1D1D1B; --colors-primary-white-100: #FFFFFF; --colors-primary-black-100: 000000; --colors-text-highlight-dark-blue: #001354; --colors-primary-dark-blue-60: rgba(0, 19, 84, 0.60); --colors-primary-red-100-t-1: hsla(344, 88%, 37%, 0.17); --colors-primary-red-100-t-2: hsla(344, 88%, 37%, 0.33); --colors-primary-red-100-t-3: hsla(344, 88%, 37%, 0.5); --colors-primary-red-100-t-4: hsla(344, 88%, 37%, 0.67); --colors-primary-red-100-t-5: hsla(344, 88%, 37%, 0.83); --fs-h-xxs: clamp(1.4rem, calc(1.4rem + (1.8 - 1.4) * 10 * ((100vw - 325px) / (1440 - 325))), 1.8rem);; --fs-h-xs: clamp(1.8rem, calc(1.8rem + (2.8 - 1.8) * 10 * ((100vw - 325px) / (1440 - 325))), 2.8rem);; --fs-h-sm: clamp(2.4rem, calc(2.4rem + (3.7 - 2.4) * 10 * ((100vw - 325px) / (1440 - 325))), 3.7rem);; --fs-h-md: clamp(2.8rem, calc(2.8rem + (4.5 - 2.8) * 10 * ((100vw - 325px) / (1440 - 325))), 4.5rem);; --fs-h-md-l: clamp(3.2rem, calc(3.2rem + (5.5 - 3.2) * 10 * ((100vw - 325px) / (1440 - 325))), 5.5rem);; --fs-h-lg: clamp(3.6rem, calc(3.6rem + (6.7 - 3.6) * 10 * ((100vw - 325px) / (1440 - 325))), 6.7rem);; --fs-h-xl: clamp(4.0rem, calc(4.0rem + (7.9 - 4.0) * 10 * ((100vw - 325px) / (1440 - 325))), 7.9rem);; --fs-body-xs: clamp(1.1rem, calc(1.1rem + (1.2 - 1.1) * 10 * ((100vw - 325px) / (1440 - 325))), 1.2rem);; --fs-body-s: clamp(1.4rem, calc(1.4rem + (1.6 - 1.4) * 10 * ((100vw - 325px) / (1440 - 325))), 1.6rem);; --fs-body-m: clamp(1.6rem, calc(1.6rem + (2.0 - 1.6) * 10 * ((100vw - 325px) / (1440 - 325))), 2.0rem);; --fs-body-l: clamp(2.0rem, calc(2.0rem + (2.8 - 2.0) * 10 * ((100vw - 325px) / (1440 - 325))), 2.8rem);; --fs-nav-link: clamp(1.3rem, calc(1.3rem + (1.4 - 1.3) * 10 * ((100vw - 325px) / (1440 - 325))), 1.4rem);; --padding-xs: clamp(0.4rem, calc(0.4rem + (0.5 - 0.4) * 10 * ((100vw - 325px) / (1440 - 325))), 0.5rem);; --padding-s: clamp(0.8rem, calc(0.8rem + (1.0 - 0.8) * 10 * ((100vw - 325px) / (1440 - 325))), 1.0rem);; --padding-s-m: clamp(1.0rem, calc(1.0rem + (1.5 - 1.0) * 10 * ((100vw - 325px) / (1440 - 325))), 1.5rem);; --padding-m: clamp(1.5rem, calc(1.5rem + (2.0 - 1.5) * 10 * ((100vw - 325px) / (1440 - 325))), 2.0rem);; --padding-l: clamp(2.5rem, calc(2.5rem + (4.0 - 2.5) * 10 * ((100vw - 325px) / (1440 - 325))), 4.0rem);; --padding-xl: clamp(4.0rem, calc(4.0rem + (8.0 - 4.0) * 10 * ((100vw - 325px) / (1440 - 325))), 8.0rem);; --padding-xxl: clamp(5.0rem, calc(5.0rem + (10.0 - 5.0) * 10 * ((100vw - 325px) / (1440 - 325))), 10.0rem);; --padding-xxxl: clamp(6.0rem, calc(6.0rem + (12.0 - 6.0) * 10 * ((100vw - 325px) / (1440 - 325))), 12.0rem);; --gap-xxxs: clamp(0.4rem, calc(0.4rem + (0.5 - 0.4) * 10 * ((100vw - 325px) / (1440 - 325))), 0.5rem);; --gap-xxs: clamp(0.8rem, calc(0.8rem + (1.0 - 0.8) * 10 * ((100vw - 325px) / (1440 - 325))), 1.0rem);; --gap-xs: clamp(1.5rem, calc(1.5rem + (2.0 - 1.5) * 10 * ((100vw - 325px) / (1440 - 325))), 2.0rem);; --gap-xs-s: clamp(2.0rem, calc(2.0rem + (3.0 - 2.0) * 10 * ((100vw - 325px) / (1440 - 325))), 3.0rem);; --gap-s: clamp(2.5rem, calc(2.5rem + (4.0 - 2.5) * 10 * ((100vw - 325px) / (1440 - 325))), 4.0rem);; --gap-m: clamp(3.5rem, calc(3.5rem + (6.0 - 3.5) * 10 * ((100vw - 325px) / (1440 - 325))), 6.0rem);; --gap-l: clamp(4.0rem, calc(4.0rem + (8.0 - 4.0) * 10 * ((100vw - 325px) / (1440 - 325))), 8.0rem);; --gap-xl: clamp(6.0rem, calc(6.0rem + (12.0 - 6.0) * 10 * ((100vw - 325px) / (1440 - 325))), 12.0rem);;}