:root { --primary: #133B5C; --primary-light: #d6edff; --primary-d-1: #0e2c45; --primary-d-2: #0a1e2e; --primary-d-3: #050f17; --text: #050f17; --text-l-1: #ffffff; --accent: HSLA(28,100%,74%,1); --primary-light-t-1: hsla(206, 100%, 92%, 0.25); --primary-light-t-2: hsla(206, 100%, 92%, 0.5); --primary-light-t-3: hsla(206, 100%, 92%, 0.75); --primary-t-1: hsla(207, 66%, 22%, 0.2); --primary-t-2: hsla(207, 66%, 22%, 0.4); --primary-t-3: hsla(207, 66%, 22%, 0.6); --primary-t-4: rgba(10, 30, 46, 0.75); --space-xxxs: clamp(0.41rem, calc(0.001037037037037037 * (100vw - 22.5rem) + 0.41rem), 0.48rem); --space-xxs: clamp(0.51rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.51rem), 0.63rem); --space-xs: clamp(0.64rem, calc(0.0029629629629629624 * (100vw - 22.5rem) + 0.64rem), 0.84rem); --space-s: clamp(0.8rem, calc(0.004888888888888887 * (100vw - 22.5rem) + 0.8rem), 1.13rem); --space-m: clamp(1rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1rem), 1.5rem); --space-l: clamp(1.25rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 1.25rem), 2rem); --space-xl: clamp(1.56rem, calc(0.016444444444444442 * (100vw - 22.5rem) + 1.56rem), 2.67rem); --space-xxl: clamp(1.95rem, calc(0.023703703703703703 * (100vw - 22.5rem) + 1.95rem), 3.55rem); --space-xxxl: clamp(2.44rem, calc(0.034074074074074076 * (100vw - 22.5rem) + 2.44rem), 4.74rem); --gaps-xxs: clamp(0.38rem, calc(0.0005925925925925923 * (100vw - 22.5rem) + 0.38rem), 0.42rem); --gaps-xs: clamp(0.48rem, calc(0.0011851851851851863 * (100vw - 22.5rem) + 0.48rem), 0.56rem); --gaps-s: clamp(0.6rem, calc(0.0022222222222222227 * (100vw - 22.5rem) + 0.6rem), 0.75rem); --gaps-m: clamp(0.75rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.75rem), 1rem); --gaps-l: clamp(0.94rem, calc(0.005777777777777779 * (100vw - 22.5rem) + 0.94rem), 1.33rem); --gaps-xl: clamp(1.17rem, calc(0.009037037037037038 * (100vw - 22.5rem) + 1.17rem), 1.78rem); --gaps-xxl: clamp(1.46rem, calc(0.013481481481481483 * (100vw - 22.5rem) + 1.46rem), 2.37rem); --radius-2xs: clamp(0.64rem, calc(0.0022222222222222227 * (100vw - 22.5rem) + 0.64rem), 0.79rem); --radius-xs: clamp(0.8rem, calc(0.003851851851851852 * (100vw - 22.5rem) + 0.8rem), 1.06rem); --radius-s: clamp(1rem, calc(0.006074074074074073 * (100vw - 22.5rem) + 1rem), 1.41rem); --radius-m: clamp(1.25rem, calc(0.009333333333333332 * (100vw - 22.5rem) + 1.25rem), 1.88rem); --radius-l: clamp(1.56rem, calc(0.013925925925925925 * (100vw - 22.5rem) + 1.56rem), 2.5rem); --radius-xl: clamp(1.95rem, calc(0.020444444444444446 * (100vw - 22.5rem) + 1.95rem), 3.33rem); --radius-2xl: clamp(2.44rem, calc(0.029629629629629638 * (100vw - 22.5rem) + 2.44rem), 4.44rem); --line-height-xs: 1; --line-height-s: 1.2; --line-height-m: 1.4; --line-height-l: 1.6; --line-height-xl: 2; --h6: clamp(1rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1rem), 1.5rem); --h5: clamp(1.25rem, calc(0.009333333333333332 * (100vw - 22.5rem) + 1.25rem), 1.88rem); --h4: clamp(1.56rem, calc(0.011555555555555553 * (100vw - 22.5rem) + 1.56rem), 2.34rem); --h3: clamp(1.95rem, calc(0.014518518518518521 * (100vw - 22.5rem) + 1.95rem), 2.93rem); --h2: clamp(2.44rem, calc(0.018074074074074076 * (100vw - 22.5rem) + 2.44rem), 3.66rem); --h1: clamp(3.05rem, calc(0.022666666666666672 * (100vw - 22.5rem) + 3.05rem), 4.58rem); --text-xxs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --text-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --text-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --text-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --text-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --text-xxl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem);}.padding-xxxs { padding: var(--space-xxxs); }.padding-xxs { padding: var(--space-xxs); }.padding-xs { padding: var(--space-xs); }.padding-s { padding: var(--space-s); }.padding-m { padding: var(--space-m); }.padding-l { padding: var(--space-l); }.padding-xl { padding: var(--space-xl); }.padding-xxl { padding: var(--space-xxl); }.padding-xxxl { padding: var(--space-xxxl); }.h6 { font-size: var(--h6); }.h5 { font-size: var(--h5); }.h4 { font-size: var(--h4); }.h3 { font-size: var(--h3); }.h2 { font-size: var(--h2); }.h1 { font-size: var(--h1); }.text-xxs { font-size: var(--text-xxs); }.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-xxl { font-size: var(--text-xxl); }