:root { --primary: hsl(2, 69%, 51%); --secondary: var(--dark); --tertiary: var(--light); --text-body: var(--light-d-1); --text-title: var(--light); --light: hsl(0, 0%, 96%); --dark: hsla(0, 0%, 4%, 1); --primary-l-1: hsl(2, 69%, 61%); --primary-l-2: hsl(2, 69%, 71%); --primary-l-3: hsl(2, 69%, 80%); --primary-l-4: hsl(2, 69%, 90%); --primary-d-1: hsl(2, 66%, 41%); --primary-d-2: hsl(2, 66%, 31%); --primary-d-3: hsl(2, 66%, 20%); --primary-d-4: hsl(2, 66%, 10%); --primary-t-1: hsla(2, 69%, 96%, 0.09); --primary-t-2: hsla(2, 69%, 91%, 0.18); --primary-t-3: hsla(2, 69%, 87%, 0.27); --primary-t-4: hsla(2, 69%, 82%, 0.36); --primary-t-5: hsla(2, 69%, 78%, 0.45); --primary-t-6: hsla(2, 69%, 73%, 0.55); --primary-t-7: hsla(2, 69%, 69%, 0.64); --primary-t-8: hsla(2, 69%, 64%, 0.73); --primary-t-9: hsla(2, 69%, 60%, 0.82); --primary-t-10: hsla(2, 69%, 55%, 0.91); --accent: var(--primary); --light-t-1: hsla(0, 0%, 100%, 0.09); --light-t-2: hsla(0, 0%, 99%, 0.18); --light-t-3: hsla(0, 0%, 99%, 0.27); --light-t-4: hsla(0, 0%, 99%, 0.36); --light-t-5: hsla(0, 0%, 98%, 0.45); --light-t-6: hsla(0, 0%, 98%, 0.55); --light-t-7: hsla(0, 0%, 98%, 0.64); --light-t-8: hsla(0, 0%, 97%, 0.73); --light-t-9: hsla(0, 0%, 97%, 0.82); --light-t-10: hsla(0, 0%, 96%, 0.91); --light-d-1: hsl(0, 0%, 77%); --light-d-2: hsl(0, 0%, 58%); --light-d-3: hsl(0, 0%, 38%); --light-d-4: hsl(0, 0%, 19%); --background: hsla(0, 0%, 4%, 1); --dark-l-0: hsl(0, 0%, 7%); --dark-l-1: hsl(0, 0%, 11%); --dark-l-2: hsl(0, 0%, 16%); --dark-l-3: hsl(0, 0%, 30%); --dark-t-0: hsla(0, 0%, 91%, 0.09); --dark-t-1: hsla(0, 0%, 83%, 0.18); --dark-t-2: hsla(0, 0%, 74%, 0.27); --dark-t-3: hsla(0, 0%, 65%, 0.36); --dark-t-4: hsla(0, 0%, 56%, 0.45); --dark-t-5: hsla(0, 0%, 48%, 0.55); --dark-t-6: hsla(0, 0%, 39%, 0.64); --dark-t-7: hsla(0, 0%, 30%, 0.73); --dark-t-8: hsla(0, 0%, 21%, 0.82); --dark-t-9: hsla(0, 0%, 13%, 0.91); --surface: var(--dark-l-0); --surface-hover: var(--dark-l-1); --space-4xs: clamp(0.33rem, calc(-0.00029629629629629656 * (100vw - 22.5rem) + 0.33rem), 0.31rem); --space-3xs: clamp(0.41rem, calc(0.00044444444444444485 * (100vw - 22.5rem) + 0.41rem), 0.44rem); --space-2xs: clamp(0.51rem, calc(0.0016296296296296295 * (100vw - 22.5rem) + 0.51rem), 0.62rem); --space-xs: clamp(0.64rem, calc(0.0035555555555555553 * (100vw - 22.5rem) + 0.64rem), 0.88rem); --space-s: clamp(0.8rem, calc(0.006518518518518518 * (100vw - 22.5rem) + 0.8rem), 1.24rem); --space-m: clamp(1rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 1rem), 1.75rem); --space-l: clamp(1.25rem, calc(0.018074074074074076 * (100vw - 22.5rem) + 1.25rem), 2.47rem); --space-xl: clamp(1.56rem, calc(0.02874074074074074 * (100vw - 22.5rem) + 1.56rem), 3.5rem); --space-2xl: clamp(1.95rem, calc(0.044444444444444446 * (100vw - 22.5rem) + 1.95rem), 4.95rem); --space-3xl: clamp(2.44rem, calc(0.06755555555555556 * (100vw - 22.5rem) + 2.44rem), 7rem); --space-4xl: clamp(3.05rem, calc(0.10133333333333334 * (100vw - 22.5rem) + 3.05rem), 9.89rem); --radius-xs: clamp(0.28rem, calc(0.0007407407407407406 * (100vw - 22.5rem) + 0.28rem), 0.33rem); --radius-s: clamp(0.42rem, calc(0.0011851851851851854 * (100vw - 22.5rem) + 0.42rem), 0.5rem); --radius-m: clamp(0.63rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.63rem), 0.75rem); --radius-l: clamp(0.94rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 0.94rem), 1.13rem); --radius-xl: clamp(1.41rem, calc(0.004148148148148148 * (100vw - 22.5rem) + 1.41rem), 1.69rem); --radius-full: clamp(2.11rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 2.11rem), 2.53rem); --size-4xs: clamp(4.92rem, calc(0.0362962962962963 * (100vw - 22.5rem) + 4.92rem), 7.37rem); --size-3xs: clamp(6.14rem, calc(0.045629629629629645 * (100vw - 22.5rem) + 6.14rem), 9.22rem); --size-2xs: clamp(7.68rem, calc(0.056888888888888885 * (100vw - 22.5rem) + 7.68rem), 11.52rem); --size-xs: clamp(9.6rem, calc(0.07111111111111112 * (100vw - 22.5rem) + 9.6rem), 14.4rem); --size-s: clamp(12rem, calc(0.08888888888888889 * (100vw - 22.5rem) + 12rem), 18rem); --size-m: clamp(15rem, calc(0.1111111111111111 * (100vw - 22.5rem) + 15rem), 22.5rem); --size-l: clamp(18.75rem, calc(0.13896296296296295 * (100vw - 22.5rem) + 18.75rem), 28.13rem); --size-xl: clamp(23.44rem, calc(0.17362962962962955 * (100vw - 22.5rem) + 23.44rem), 35.16rem); --size-2xl: clamp(29.3rem, calc(0.21703703703703706 * (100vw - 22.5rem) + 29.3rem), 43.95rem); --size-3xl: clamp(36.62rem, calc(0.2712592592592593 * (100vw - 22.5rem) + 36.62rem), 54.93rem); --size-4xl: clamp(45.78rem, calc(0.3389629629629629 * (100vw - 22.5rem) + 45.78rem), 68.66rem); --icon-size-s: 18px; --icon-size-m: 26px; --icon-size-l: 34px; --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); --text-3xl: clamp(2.44rem, calc(0.016444444444444442 * (100vw - 22.5rem) + 2.44rem), 3.55rem); --text-4xl: clamp(3.05rem, calc(0.02503703703703704 * (100vw - 22.5rem) + 3.05rem), 4.74rem); --text-5xl: clamp(5rem, calc(0.05555555555555555 * (100vw - 22.5rem) + 5rem), 8.75rem); --text-line-height-xs: clamp(1.04rem, calc(0 * (100vw - 22.5rem) + 1.04rem), 1.04rem); --text-line-height-s: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --text-line-height-m: clamp(1.5rem, calc(0 * (100vw - 22.5rem) + 1.5rem), 1.5rem); --text-line-height-l: clamp(1.8rem, calc(0 * (100vw - 22.5rem) + 1.8rem), 1.8rem); --text-line-height-xl: clamp(2.16rem, calc(0 * (100vw - 22.5rem) + 2.16rem), 2.16rem);}.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-l-4 { background-color: var(--primary-l-4); }.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-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.bg-primary-t-5 { background-color: var(--primary-t-5); }.bg-primary-t-6 { background-color: var(--primary-t-6); }.bg-primary-t-7 { background-color: var(--primary-t-7); }.bg-primary-t-8 { background-color: var(--primary-t-8); }.bg-primary-t-9 { background-color: var(--primary-t-9); }.bg-primary-t-10 { background-color: var(--primary-t-10); }.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-l-4 { color: var(--primary-l-4); }.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); }.text-primary-d-4 { color: var(--primary-d-4); }.text-primary-t-1 { color: var(--primary-t-1); }.text-primary-t-2 { color: var(--primary-t-2); }.text-primary-t-3 { color: var(--primary-t-3); }.text-primary-t-4 { color: var(--primary-t-4); }.text-primary-t-5 { color: var(--primary-t-5); }.text-primary-t-6 { color: var(--primary-t-6); }.text-primary-t-7 { color: var(--primary-t-7); }.text-primary-t-8 { color: var(--primary-t-8); }.text-primary-t-9 { color: var(--primary-t-9); }.text-primary-t-10 { color: var(--primary-t-10); }.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-l-4 { border-color: var(--primary-l-4); }.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); }.border-primary-d-4 { border-color: var(--primary-d-4); }.border-primary-t-1 { border-color: var(--primary-t-1); }.border-primary-t-2 { border-color: var(--primary-t-2); }.border-primary-t-3 { border-color: var(--primary-t-3); }.border-primary-t-4 { border-color: var(--primary-t-4); }.border-primary-t-5 { border-color: var(--primary-t-5); }.border-primary-t-6 { border-color: var(--primary-t-6); }.border-primary-t-7 { border-color: var(--primary-t-7); }.border-primary-t-8 { border-color: var(--primary-t-8); }.border-primary-t-9 { border-color: var(--primary-t-9); }.border-primary-t-10 { border-color: var(--primary-t-10); }.bg-secondary { background-color: var(--secondary); }.text-secondary { color: var(--secondary); }.border-secondary { border-color: var(--secondary); }.bg-tertiary { background-color: var(--tertiary); }.text-tertiary { color: var(--tertiary); }.border-tertiary { border-color: var(--tertiary); }.text-text-body { color: var(--text-body); }.text-text-title { color: var(--text-title); }.bg-light { background-color: var(--light); }.bg-light-t-1 { background-color: var(--light-t-1); }.bg-light-t-2 { background-color: var(--light-t-2); }.bg-light-t-3 { background-color: var(--light-t-3); }.bg-light-t-4 { background-color: var(--light-t-4); }.bg-light-t-5 { background-color: var(--light-t-5); }.bg-light-t-6 { background-color: var(--light-t-6); }.bg-light-t-7 { background-color: var(--light-t-7); }.bg-light-t-8 { background-color: var(--light-t-8); }.bg-light-t-9 { background-color: var(--light-t-9); }.bg-light-t-10 { background-color: var(--light-t-10); }.bg-light-d-1 { background-color: var(--light-d-1); }.bg-light-d-2 { background-color: var(--light-d-2); }.bg-light-d-3 { background-color: var(--light-d-3); }.bg-light-d-4 { background-color: var(--light-d-4); }.text-light { color: var(--light); }.text-light-t-1 { color: var(--light-t-1); }.text-light-t-2 { color: var(--light-t-2); }.text-light-t-3 { color: var(--light-t-3); }.text-light-t-4 { color: var(--light-t-4); }.text-light-t-5 { color: var(--light-t-5); }.text-light-t-6 { color: var(--light-t-6); }.text-light-t-7 { color: var(--light-t-7); }.text-light-t-8 { color: var(--light-t-8); }.text-light-t-9 { color: var(--light-t-9); }.text-light-t-10 { color: var(--light-t-10); }.text-light-d-1 { color: var(--light-d-1); }.text-light-d-2 { color: var(--light-d-2); }.text-light-d-3 { color: var(--light-d-3); }.text-light-d-4 { color: var(--light-d-4); }.border-light { border-color: var(--light); }.border-light-t-1 { border-color: var(--light-t-1); }.border-light-t-2 { border-color: var(--light-t-2); }.border-light-t-3 { border-color: var(--light-t-3); }.border-light-t-4 { border-color: var(--light-t-4); }.border-light-t-5 { border-color: var(--light-t-5); }.border-light-t-6 { border-color: var(--light-t-6); }.border-light-t-7 { border-color: var(--light-t-7); }.border-light-t-8 { border-color: var(--light-t-8); }.border-light-t-9 { border-color: var(--light-t-9); }.border-light-t-10 { border-color: var(--light-t-10); }.border-light-d-1 { border-color: var(--light-d-1); }.border-light-d-2 { border-color: var(--light-d-2); }.border-light-d-3 { border-color: var(--light-d-3); }.border-light-d-4 { border-color: var(--light-d-4); }.fill-light { fill: var(--light); }.fill-light-t-1 { fill: var(--light-t-1); }.fill-light-t-2 { fill: var(--light-t-2); }.fill-light-t-3 { fill: var(--light-t-3); }.fill-light-t-4 { fill: var(--light-t-4); }.fill-light-t-5 { fill: var(--light-t-5); }.fill-light-t-6 { fill: var(--light-t-6); }.fill-light-t-7 { fill: var(--light-t-7); }.fill-light-t-8 { fill: var(--light-t-8); }.fill-light-t-9 { fill: var(--light-t-9); }.fill-light-t-10 { fill: var(--light-t-10); }.fill-light-d-1 { fill: var(--light-d-1); }.fill-light-d-2 { fill: var(--light-d-2); }.fill-light-d-3 { fill: var(--light-d-3); }.fill-light-d-4 { fill: var(--light-d-4); }.outline-light { outline-color: var(--light); }.outline-light-t-1 { outline-color: var(--light-t-1); }.outline-light-t-2 { outline-color: var(--light-t-2); }.outline-light-t-3 { outline-color: var(--light-t-3); }.outline-light-t-4 { outline-color: var(--light-t-4); }.outline-light-t-5 { outline-color: var(--light-t-5); }.outline-light-t-6 { outline-color: var(--light-t-6); }.outline-light-t-7 { outline-color: var(--light-t-7); }.outline-light-t-8 { outline-color: var(--light-t-8); }.outline-light-t-9 { outline-color: var(--light-t-9); }.outline-light-t-10 { outline-color: var(--light-t-10); }.outline-light-d-1 { outline-color: var(--light-d-1); }.outline-light-d-2 { outline-color: var(--light-d-2); }.outline-light-d-3 { outline-color: var(--light-d-3); }.outline-light-d-4 { outline-color: var(--light-d-4); }.stroke-light { stroke: var(--light); }.stroke-light-t-1 { stroke: var(--light-t-1); }.stroke-light-t-2 { stroke: var(--light-t-2); }.stroke-light-t-3 { stroke: var(--light-t-3); }.stroke-light-t-4 { stroke: var(--light-t-4); }.stroke-light-t-5 { stroke: var(--light-t-5); }.stroke-light-t-6 { stroke: var(--light-t-6); }.stroke-light-t-7 { stroke: var(--light-t-7); }.stroke-light-t-8 { stroke: var(--light-t-8); }.stroke-light-t-9 { stroke: var(--light-t-9); }.stroke-light-t-10 { stroke: var(--light-t-10); }.stroke-light-d-1 { stroke: var(--light-d-1); }.stroke-light-d-2 { stroke: var(--light-d-2); }.stroke-light-d-3 { stroke: var(--light-d-3); }.stroke-light-d-4 { stroke: var(--light-d-4); }.bg-dark { background-color: var(--dark); }.bg-dark-l-0 { background-color: var(--dark-l-0); }.bg-dark-l-1 { background-color: var(--dark-l-1); }.bg-dark-l-2 { background-color: var(--dark-l-2); }.bg-dark-l-3 { background-color: var(--dark-l-3); }.bg-dark-t-0 { background-color: var(--dark-t-0); }.bg-dark-t-1 { background-color: var(--dark-t-1); }.bg-dark-t-2 { background-color: var(--dark-t-2); }.bg-dark-t-3 { background-color: var(--dark-t-3); }.bg-dark-t-4 { background-color: var(--dark-t-4); }.bg-dark-t-5 { background-color: var(--dark-t-5); }.bg-dark-t-6 { background-color: var(--dark-t-6); }.bg-dark-t-7 { background-color: var(--dark-t-7); }.bg-dark-t-8 { background-color: var(--dark-t-8); }.bg-dark-t-9 { background-color: var(--dark-t-9); }.text-dark { color: var(--dark); }.text-dark-l-0 { color: var(--dark-l-0); }.text-dark-l-1 { color: var(--dark-l-1); }.text-dark-l-2 { color: var(--dark-l-2); }.text-dark-l-3 { color: var(--dark-l-3); }.text-dark-t-0 { color: var(--dark-t-0); }.text-dark-t-1 { color: var(--dark-t-1); }.text-dark-t-2 { color: var(--dark-t-2); }.text-dark-t-3 { color: var(--dark-t-3); }.text-dark-t-4 { color: var(--dark-t-4); }.text-dark-t-5 { color: var(--dark-t-5); }.text-dark-t-6 { color: var(--dark-t-6); }.text-dark-t-7 { color: var(--dark-t-7); }.text-dark-t-8 { color: var(--dark-t-8); }.text-dark-t-9 { color: var(--dark-t-9); }.border-dark { border-color: var(--dark); }.border-dark-l-0 { border-color: var(--dark-l-0); }.border-dark-l-1 { border-color: var(--dark-l-1); }.border-dark-l-2 { border-color: var(--dark-l-2); }.border-dark-l-3 { border-color: var(--dark-l-3); }.border-dark-t-0 { border-color: var(--dark-t-0); }.border-dark-t-1 { border-color: var(--dark-t-1); }.border-dark-t-2 { border-color: var(--dark-t-2); }.border-dark-t-3 { border-color: var(--dark-t-3); }.border-dark-t-4 { border-color: var(--dark-t-4); }.border-dark-t-5 { border-color: var(--dark-t-5); }.border-dark-t-6 { border-color: var(--dark-t-6); }.border-dark-t-7 { border-color: var(--dark-t-7); }.border-dark-t-8 { border-color: var(--dark-t-8); }.border-dark-t-9 { border-color: var(--dark-t-9); }.outline-dark { outline-color: var(--dark); }.outline-dark-l-0 { outline-color: var(--dark-l-0); }.outline-dark-l-1 { outline-color: var(--dark-l-1); }.outline-dark-l-2 { outline-color: var(--dark-l-2); }.outline-dark-l-3 { outline-color: var(--dark-l-3); }.outline-dark-t-0 { outline-color: var(--dark-t-0); }.outline-dark-t-1 { outline-color: var(--dark-t-1); }.outline-dark-t-2 { outline-color: var(--dark-t-2); }.outline-dark-t-3 { outline-color: var(--dark-t-3); }.outline-dark-t-4 { outline-color: var(--dark-t-4); }.outline-dark-t-5 { outline-color: var(--dark-t-5); }.outline-dark-t-6 { outline-color: var(--dark-t-6); }.outline-dark-t-7 { outline-color: var(--dark-t-7); }.outline-dark-t-8 { outline-color: var(--dark-t-8); }.outline-dark-t-9 { outline-color: var(--dark-t-9); }.fill-dark { fill: var(--dark); }.fill-dark-l-0 { fill: var(--dark-l-0); }.fill-dark-l-1 { fill: var(--dark-l-1); }.fill-dark-l-2 { fill: var(--dark-l-2); }.fill-dark-l-3 { fill: var(--dark-l-3); }.fill-dark-t-0 { fill: var(--dark-t-0); }.fill-dark-t-1 { fill: var(--dark-t-1); }.fill-dark-t-2 { fill: var(--dark-t-2); }.fill-dark-t-3 { fill: var(--dark-t-3); }.fill-dark-t-4 { fill: var(--dark-t-4); }.fill-dark-t-5 { fill: var(--dark-t-5); }.fill-dark-t-6 { fill: var(--dark-t-6); }.fill-dark-t-7 { fill: var(--dark-t-7); }.fill-dark-t-8 { fill: var(--dark-t-8); }.fill-dark-t-9 { fill: var(--dark-t-9); }.stroke-dark { stroke: var(--dark); }.stroke-dark-l-0 { stroke: var(--dark-l-0); }.stroke-dark-l-1 { stroke: var(--dark-l-1); }.stroke-dark-l-2 { stroke: var(--dark-l-2); }.stroke-dark-l-3 { stroke: var(--dark-l-3); }.stroke-dark-t-0 { stroke: var(--dark-t-0); }.stroke-dark-t-1 { stroke: var(--dark-t-1); }.stroke-dark-t-2 { stroke: var(--dark-t-2); }.stroke-dark-t-3 { stroke: var(--dark-t-3); }.stroke-dark-t-4 { stroke: var(--dark-t-4); }.stroke-dark-t-5 { stroke: var(--dark-t-5); }.stroke-dark-t-6 { stroke: var(--dark-t-6); }.stroke-dark-t-7 { stroke: var(--dark-t-7); }.stroke-dark-t-8 { stroke: var(--dark-t-8); }.stroke-dark-t-9 { stroke: var(--dark-t-9); }.text-accent { color: var(--accent); }.radius-xs { radius: var(--radius-xs); }.radius-s { radius: var(--radius-s); }.radius-m { radius: var(--radius-m); }.radius-l { radius: var(--radius-l); }.radius-xl { radius: var(--radius-xl); }.radius-full { radius: var(--radius-full); }