:root { --white: #fff; --black: #000; --primary: #024d9c; --accent: #d90000; --blue-grey: #626E84; --light-grey: #EDF0F3; --background: #F9FAFB; --primary-l-1: #417ab5; --primary-l-2: #81a6ce; --primary-l-3: #c0d3e6; --primary-d-1: #023a75; --primary-d-2: #01274e; --primary-d-3: #011327; --accent-l-1: #e34040; --accent-l-2: #ec8080; --accent-l-3: #f6bfbf; --accent-d-1: #a30000; --accent-d-2: #6d0000; --accent-d-3: #360000; --space-s: clamp(0.67rem, calc(0.002370370370370369 * (100vw - 22.5rem) + 0.67rem), 0.83rem); --space-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.5rem, calc(0.005629629629629628 * (100vw - 22.5rem) + 1.5rem), 1.88rem); --space-xl: clamp(2.25rem, calc(0.008296296296296296 * (100vw - 22.5rem) + 2.25rem), 2.81rem); --h6: clamp(0.77rem, calc(0.0010370370370370364 * (100vw - 22.5rem) + 0.77rem), 0.84rem); --h5: clamp(0.96rem, calc(0.0025185185185185176 * (100vw - 22.5rem) + 0.96rem), 1.13rem); --h4: clamp(1.2rem, calc(0.004444444444444445 * (100vw - 22.5rem) + 1.2rem), 1.5rem); --h3: clamp(1.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.5rem), 2rem); --h2: clamp(1.88rem, calc(0.011703703703703704 * (100vw - 22.5rem) + 1.88rem), 2.67rem); --h1: clamp(2.34rem, calc(0.017925925925925925 * (100vw - 22.5rem) + 2.34rem), 3.55rem); --text-xs: clamp(0.64rem, calc(-0.00014814814814814828 * (100vw - 22.5rem) + 0.64rem), 0.63rem); --text-s: clamp(0.8rem, calc(0.0005925925925925915 * (100vw - 22.5rem) + 0.8rem), 0.84rem); --text-m: clamp(1rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-l: clamp(1.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --text-xl: clamp(1.56rem, calc(0.006518518518518518 * (100vw - 22.5rem) + 1.56rem), 2rem); --text-2xl: clamp(1.95rem, calc(0.01051851851851852 * (100vw - 22.5rem) + 1.95rem), 2.66rem);}.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-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); }.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-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); }.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-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-accent { background-color: var(--accent); }.bg-accent-l-1 { background-color: var(--accent-l-1); }.bg-accent-l-2 { background-color: var(--accent-l-2); }.bg-accent-l-3 { background-color: var(--accent-l-3); }.bg-accent-d-1 { background-color: var(--accent-d-1); }.bg-accent-d-2 { background-color: var(--accent-d-2); }.bg-accent-d-3 { background-color: var(--accent-d-3); }.text-accent { color: var(--accent); }.text-accent-l-1 { color: var(--accent-l-1); }.text-accent-l-2 { color: var(--accent-l-2); }.text-accent-l-3 { color: var(--accent-l-3); }.text-accent-d-1 { color: var(--accent-d-1); }.text-accent-d-2 { color: var(--accent-d-2); }.text-accent-d-3 { color: var(--accent-d-3); }.border-accent { border-color: var(--accent); }.border-accent-l-1 { border-color: var(--accent-l-1); }.border-accent-l-2 { border-color: var(--accent-l-2); }.border-accent-l-3 { border-color: var(--accent-l-3); }.border-accent-d-1 { border-color: var(--accent-d-1); }.border-accent-d-2 { border-color: var(--accent-d-2); }.border-accent-d-3 { border-color: var(--accent-d-3); }.p-s { padding: var(--space-s); }.p-m { padding: var(--space-m); }.p-l { padding: var(--space-l); }.p-xl { padding: var(--space-xl); }.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); }.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); }.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); }.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); }.m-s { margin: var(--space-s); }.m-m { margin: var(--space-m); }.m-l { margin: var(--space-l); }.m-xl { margin: var(--space-xl); }.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); }.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); }.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); }.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); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }