:root { --primary: #00A6DC; --primary-l-1: #33b8e3; --primary-l-2: #66caea; --primary-l-3: #99dbf1; --primary-l-4: #ccedf8; --primary-d-1: #0085b0; --primary-d-2: #006484; --primary-d-3: #004258; --primary-d-4: #00212c; --primary-t-1: #33b8e3; --primary-t-2: #66caea; --primary-t-3: #99dbf1; --primary-t-4: #ccedf8; --secondary: hsla(0, 94%, 68%, 1); --secondary-l-1: hsl(0, 94%, 74%); --secondary-l-2: hsl(0, 94%, 81%); --secondary-l-3: hsl(0, 94%, 87%); --secondary-l-4: hsl(0, 94%, 94%); --secondary-d-1: hsl(0, 53%, 54%); --secondary-d-2: hsl(0, 44%, 41%); --secondary-d-3: hsl(0, 44%, 27%); --secondary-d-4: hsl(0, 44%, 14%); --secondary-t-1: hsla(0, 94%, 74%, 0.8); --secondary-t-2: hsla(0, 94%, 81%, 0.6); --secondary-t-3: hsla(0, 94%, 87%, 0.4); --secondary-t-4: hsla(0, 94%, 94%, 0.2); --tertiary: hsla(198, 74%, 51%, 1); --tertiary-l-1: hsl(198, 74%, 61%); --tertiary-l-2: hsl(198, 74%, 71%); --tertiary-l-3: hsl(198, 74%, 80%); --tertiary-l-4: hsl(198, 74%, 90%); --tertiary-d-1: hsl(198, 71%, 41%); --tertiary-d-2: hsl(198, 71%, 31%); --tertiary-d-3: hsl(198, 71%, 20%); --tertiary-d-4: hsl(198, 71%, 10%); --tertiary-t-1: hsla(198, 74%, 61%, 0.8); --tertiary-t-2: hsla(198, 74%, 71%, 0.6); --tertiary-t-3: hsla(198, 74%, 80%, 0.4); --tertiary-t-4: hsla(198, 74%, 90%, 0.2); --bg-body: #FFFFFF; --bg-body-t-1: #ffffff; --bg-body-t-2: #ffffff; --bg-body-t-3: #ffffff; --bg-body-t-4: #ffffff; --bg-body-t-5: #ffffff; --bg-body-t-6: #ffffff; --bg-body-t-7: #ffffff; --bg-body-t-8: #ffffff; --bg-surface: #F7F7F9; --bg-surface-t-1: #f8f8fa; --bg-surface-t-2: #f9f9fa; --bg-surface-t-3: #fafafb; --bg-surface-t-4: #fbfbfc; --bg-surface-t-5: #fbfbfc; --bg-surface-t-6: #fcfcfd; --bg-surface-t-7: #fdfdfe; --bg-surface-t-8: #fefefe; --text-body: #222222; --text-title: #313122; --border-primary: hsla(0, 0%, 50%, 0.25); --shadow-primary: hsla(0, 0%, 0%, 0.15); --light: hsla(85, 0%, 100%, 1); --dark: hsla(0, 0%, 0%, 1); --success: hsla(136, 95%, 56%, 1); --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); --text-2xs: clamp(0.51rem, calc(-0.0013333333333333337 * (100vw - 22.5rem) + 0.51rem), 0.42rem); --text-xs: clamp(0.64rem, calc(-0.0011851851851851845 * (100vw - 22.5rem) + 0.64rem), 0.56rem); --text-s: clamp(0.8rem, calc(-0.0007407407407407414 * (100vw - 22.5rem) + 0.8rem), 0.75rem); --text-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --text-l: clamp(1.25rem, calc(0.0011851851851851863 * (100vw - 22.5rem) + 1.25rem), 1.33rem); --text-xl: clamp(1.56rem, calc(0.003259259259259259 * (100vw - 22.5rem) + 1.56rem), 1.78rem); --text-2xl: clamp(1.95rem, calc(0.0062222222222222245 * (100vw - 22.5rem) + 1.95rem), 2.37rem); --radius-2xs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --radius-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --radius-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --radius-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --radius-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --radius-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --radius-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem);}