:root { --color-text-light: #fafafa; --color-primary: #f83e07; --color-links: #9c27b0; --color-text-dark: hsl(235 57% 3%); --color-bg-dark: hsl(355 57% 3%); --color-links-d-1: #7d1f8d; --color-links-d-2: #5e176a; --color-links-d-3: #3e1046; --color-links-d-4: #1f0823; --color-bg-light: #D4D4D4; --color-bg-dark-l-1: hsl(353, 6%, 22%); --color-bg-dark-l-2: hsl(353, 3%, 42%); --color-bg-dark-l-3: hsl(353, 2%, 61%); --color-bg-dark-l-4: hsl(353, 2%, 81%); --color-bg-dark-t-1: hsla(353, 2%, 81%, 0.2); --color-bg-dark-t-2: hsla(353, 2%, 61%, 0.4); --color-bg-dark-t-3: hsla(353, 3%, 42%, 0.6); --color-bg-dark-t-4: hsla(353, 6%, 22%, 0.8); --color-bg-light-l-1: #dddddd; --color-bg-light-l-2: #e5e5e5; --color-bg-light-l-3: #eeeeee; --color-bg-light-l-4: #f6f6f6; --color-bg-light-t-1: hsla(0, 0%, 97%, 0.2); --color-bg-light-t-2: hsla(0, 0%, 93%, 0.4); --color-bg-light-t-3: hsla(0, 0%, 90%, 0.6); --color-bg-light-t-4: hsla(0, 0%, 87%, 0.8); --color-text-light-l-1: #fbfbfb; --color-text-light-l-2: #fcfcfc; --color-text-light-l-3: #fdfdfd; --color-text-light-l-4: #fefefe; --color-primary-t-1: hsla(14, 95%, 90%, 0.2); --color-primary-t-2: hsla(14, 95%, 80%, 0.4); --color-primary-t-3: hsla(14, 95%, 70%, 0.6); --color-primary-t-4: hsla(14, 95%, 60%, 0.8); --text-2xs: clamp(0.7rem, calc(-0.0008888888888888881 * (100vw - 22.5rem) + 0.7rem), 0.64rem); --text-xs: clamp(0.79rem, calc(0.00014814814814814828 * (100vw - 22.5rem) + 0.79rem), 0.8rem); --text-s: clamp(0.89rem, calc(0.0016296296296296295 * (100vw - 22.5rem) + 0.89rem), 1rem); --text-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.13rem, calc(0.006370370370370373 * (100vw - 22.5rem) + 1.13rem), 1.56rem); --text-xl: clamp(1.27rem, calc(0.010074074074074074 * (100vw - 22.5rem) + 1.27rem), 1.95rem); --text-2xl: clamp(1.42rem, calc(0.015111111111111112 * (100vw - 22.5rem) + 1.42rem), 2.44rem); --h4: clamp(0.98rem, calc(0.002222222222222221 * (100vw - 22.5rem) + 0.98rem), 1.13rem); --h3: clamp(1.31rem, calc(0.004148148148148148 * (100vw - 22.5rem) + 1.31rem), 1.59rem); --h2: clamp(1.75rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.75rem), 2.25rem); --h1: clamp(2.33rem, calc(0.012592592592592594 * (100vw - 22.5rem) + 2.33rem), 3.18rem); --h-display: clamp(3.11rem, calc(0.020592592592592593 * (100vw - 22.5rem) + 3.11rem), 4.5rem); --space-2xs: clamp(0.77rem, calc(0.004296296296296297 * (100vw - 22.5rem) + 0.77rem), 1.06rem); --space-xs: clamp(0.96rem, calc(0.006666666666666666 * (100vw - 22.5rem) + 0.96rem), 1.41rem); --space-s: clamp(1.2rem, calc(0.010074074074074074 * (100vw - 22.5rem) + 1.2rem), 1.88rem); --space-m: clamp(1.5rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 1.5rem), 2.5rem); --space-l: clamp(1.88rem, calc(0.021481481481481483 * (100vw - 22.5rem) + 1.88rem), 3.33rem); --space-xl: clamp(2.34rem, calc(0.03111111111111112 * (100vw - 22.5rem) + 2.34rem), 4.44rem); --space-2xl: clamp(2.93rem, calc(0.04429629629629629 * (100vw - 22.5rem) + 2.93rem), 5.92rem); --section-space-2xs: clamp(1.92rem, calc(-0.006518518518518518 * (100vw - 22.5rem) + 1.92rem), 1.48rem); --section-space-xs: clamp(2.4rem, calc(-0.0026666666666666622 * (100vw - 22.5rem) + 2.4rem), 2.22rem); --section-space-s: clamp(3rem, calc(0.00488888888888889 * (100vw - 22.5rem) + 3rem), 3.33rem); --section-space-m: clamp(3.75rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 3.75rem), 5rem); --section-space-l: clamp(4.69rem, calc(0.04162962962962962 * (100vw - 22.5rem) + 4.69rem), 7.5rem); --section-space-xl: clamp(5.86rem, calc(0.07985185185185184 * (100vw - 22.5rem) + 5.86rem), 11.25rem); --section-space-2xl: clamp(7.32rem, calc(0.1416296296296296 * (100vw - 22.5rem) + 7.32rem), 16.88rem);}.text-color-text-light { color: var(--color-text-light); }.text-color-text-light-l-1 { color: var(--color-text-light-l-1); }.text-color-text-light-l-2 { color: var(--color-text-light-l-2); }.text-color-text-light-l-3 { color: var(--color-text-light-l-3); }.text-color-text-light-l-4 { color: var(--color-text-light-l-4); }.bg-color-primary { background-color: var(--color-primary); }.bg-color-primary-t-1 { background-color: var(--color-primary-t-1); }.bg-color-primary-t-2 { background-color: var(--color-primary-t-2); }.bg-color-primary-t-3 { background-color: var(--color-primary-t-3); }.bg-color-primary-t-4 { background-color: var(--color-primary-t-4); }.fill-color-primary { fill: var(--color-primary); }.fill-color-primary-t-1 { fill: var(--color-primary-t-1); }.fill-color-primary-t-2 { fill: var(--color-primary-t-2); }.fill-color-primary-t-3 { fill: var(--color-primary-t-3); }.fill-color-primary-t-4 { fill: var(--color-primary-t-4); }.text-color-primary { color: var(--color-primary); }.text-color-primary-t-1 { color: var(--color-primary-t-1); }.text-color-primary-t-2 { color: var(--color-primary-t-2); }.text-color-primary-t-3 { color: var(--color-primary-t-3); }.text-color-primary-t-4 { color: var(--color-primary-t-4); }.border-color-primary { border-color: var(--color-primary); }.border-color-primary-t-1 { border-color: var(--color-primary-t-1); }.border-color-primary-t-2 { border-color: var(--color-primary-t-2); }.border-color-primary-t-3 { border-color: var(--color-primary-t-3); }.border-color-primary-t-4 { border-color: var(--color-primary-t-4); }.outline-color-primary { outline-color: var(--color-primary); }.outline-color-primary-t-1 { outline-color: var(--color-primary-t-1); }.outline-color-primary-t-2 { outline-color: var(--color-primary-t-2); }.outline-color-primary-t-3 { outline-color: var(--color-primary-t-3); }.outline-color-primary-t-4 { outline-color: var(--color-primary-t-4); }.stroke-color-primary { stroke: var(--color-primary); }.stroke-color-primary-t-1 { stroke: var(--color-primary-t-1); }.stroke-color-primary-t-2 { stroke: var(--color-primary-t-2); }.stroke-color-primary-t-3 { stroke: var(--color-primary-t-3); }.stroke-color-primary-t-4 { stroke: var(--color-primary-t-4); }.text-color-links { color: var(--color-links); }.text-color-links-d-1 { color: var(--color-links-d-1); }.text-color-links-d-2 { color: var(--color-links-d-2); }.text-color-links-d-3 { color: var(--color-links-d-3); }.text-color-links-d-4 { color: var(--color-links-d-4); }.outline-color-links { outline-color: var(--color-links); }.outline-color-links-d-1 { outline-color: var(--color-links-d-1); }.outline-color-links-d-2 { outline-color: var(--color-links-d-2); }.outline-color-links-d-3 { outline-color: var(--color-links-d-3); }.outline-color-links-d-4 { outline-color: var(--color-links-d-4); }.fill-color-links { fill: var(--color-links); }.fill-color-links-d-1 { fill: var(--color-links-d-1); }.fill-color-links-d-2 { fill: var(--color-links-d-2); }.fill-color-links-d-3 { fill: var(--color-links-d-3); }.fill-color-links-d-4 { fill: var(--color-links-d-4); }.text-color-text-dark { color: var(--color-text-dark); }.bg-color-bg-dark { background-color: var(--color-bg-dark); }.bg-color-bg-dark-l-1 { background-color: var(--color-bg-dark-l-1); }.bg-color-bg-dark-l-2 { background-color: var(--color-bg-dark-l-2); }.bg-color-bg-dark-l-3 { background-color: var(--color-bg-dark-l-3); }.bg-color-bg-dark-l-4 { background-color: var(--color-bg-dark-l-4); }.bg-color-bg-dark-t-1 { background-color: var(--color-bg-dark-t-1); }.bg-color-bg-dark-t-2 { background-color: var(--color-bg-dark-t-2); }.bg-color-bg-dark-t-3 { background-color: var(--color-bg-dark-t-3); }.bg-color-bg-dark-t-4 { background-color: var(--color-bg-dark-t-4); }.border-color-bg-dark { border-color: var(--color-bg-dark); }.border-color-bg-dark-l-1 { border-color: var(--color-bg-dark-l-1); }.border-color-bg-dark-l-2 { border-color: var(--color-bg-dark-l-2); }.border-color-bg-dark-l-3 { border-color: var(--color-bg-dark-l-3); }.border-color-bg-dark-l-4 { border-color: var(--color-bg-dark-l-4); }.border-color-bg-dark-t-1 { border-color: var(--color-bg-dark-t-1); }.border-color-bg-dark-t-2 { border-color: var(--color-bg-dark-t-2); }.border-color-bg-dark-t-3 { border-color: var(--color-bg-dark-t-3); }.border-color-bg-dark-t-4 { border-color: var(--color-bg-dark-t-4); }.outline-color-bg-dark { outline-color: var(--color-bg-dark); }.outline-color-bg-dark-l-1 { outline-color: var(--color-bg-dark-l-1); }.outline-color-bg-dark-l-2 { outline-color: var(--color-bg-dark-l-2); }.outline-color-bg-dark-l-3 { outline-color: var(--color-bg-dark-l-3); }.outline-color-bg-dark-l-4 { outline-color: var(--color-bg-dark-l-4); }.outline-color-bg-dark-t-1 { outline-color: var(--color-bg-dark-t-1); }.outline-color-bg-dark-t-2 { outline-color: var(--color-bg-dark-t-2); }.outline-color-bg-dark-t-3 { outline-color: var(--color-bg-dark-t-3); }.outline-color-bg-dark-t-4 { outline-color: var(--color-bg-dark-t-4); }.fill-color-bg-dark { fill: var(--color-bg-dark); }.fill-color-bg-dark-l-1 { fill: var(--color-bg-dark-l-1); }.fill-color-bg-dark-l-2 { fill: var(--color-bg-dark-l-2); }.fill-color-bg-dark-l-3 { fill: var(--color-bg-dark-l-3); }.fill-color-bg-dark-l-4 { fill: var(--color-bg-dark-l-4); }.fill-color-bg-dark-t-1 { fill: var(--color-bg-dark-t-1); }.fill-color-bg-dark-t-2 { fill: var(--color-bg-dark-t-2); }.fill-color-bg-dark-t-3 { fill: var(--color-bg-dark-t-3); }.fill-color-bg-dark-t-4 { fill: var(--color-bg-dark-t-4); }.stroke-color-bg-dark { stroke: var(--color-bg-dark); }.stroke-color-bg-dark-l-1 { stroke: var(--color-bg-dark-l-1); }.stroke-color-bg-dark-l-2 { stroke: var(--color-bg-dark-l-2); }.stroke-color-bg-dark-l-3 { stroke: var(--color-bg-dark-l-3); }.stroke-color-bg-dark-l-4 { stroke: var(--color-bg-dark-l-4); }.stroke-color-bg-dark-t-1 { stroke: var(--color-bg-dark-t-1); }.stroke-color-bg-dark-t-2 { stroke: var(--color-bg-dark-t-2); }.stroke-color-bg-dark-t-3 { stroke: var(--color-bg-dark-t-3); }.stroke-color-bg-dark-t-4 { stroke: var(--color-bg-dark-t-4); }.bg-color-bg-light { background-color: var(--color-bg-light); }.bg-color-bg-light-l-1 { background-color: var(--color-bg-light-l-1); }.bg-color-bg-light-l-2 { background-color: var(--color-bg-light-l-2); }.bg-color-bg-light-l-3 { background-color: var(--color-bg-light-l-3); }.bg-color-bg-light-l-4 { background-color: var(--color-bg-light-l-4); }.bg-color-bg-light-t-1 { background-color: var(--color-bg-light-t-1); }.bg-color-bg-light-t-2 { background-color: var(--color-bg-light-t-2); }.bg-color-bg-light-t-3 { background-color: var(--color-bg-light-t-3); }.bg-color-bg-light-t-4 { background-color: var(--color-bg-light-t-4); }.border-color-bg-light { border-color: var(--color-bg-light); }.border-color-bg-light-l-1 { border-color: var(--color-bg-light-l-1); }.border-color-bg-light-l-2 { border-color: var(--color-bg-light-l-2); }.border-color-bg-light-l-3 { border-color: var(--color-bg-light-l-3); }.border-color-bg-light-l-4 { border-color: var(--color-bg-light-l-4); }.border-color-bg-light-t-1 { border-color: var(--color-bg-light-t-1); }.border-color-bg-light-t-2 { border-color: var(--color-bg-light-t-2); }.border-color-bg-light-t-3 { border-color: var(--color-bg-light-t-3); }.border-color-bg-light-t-4 { border-color: var(--color-bg-light-t-4); }.outline-color-bg-light { outline-color: var(--color-bg-light); }.outline-color-bg-light-l-1 { outline-color: var(--color-bg-light-l-1); }.outline-color-bg-light-l-2 { outline-color: var(--color-bg-light-l-2); }.outline-color-bg-light-l-3 { outline-color: var(--color-bg-light-l-3); }.outline-color-bg-light-l-4 { outline-color: var(--color-bg-light-l-4); }.outline-color-bg-light-t-1 { outline-color: var(--color-bg-light-t-1); }.outline-color-bg-light-t-2 { outline-color: var(--color-bg-light-t-2); }.outline-color-bg-light-t-3 { outline-color: var(--color-bg-light-t-3); }.outline-color-bg-light-t-4 { outline-color: var(--color-bg-light-t-4); }.fill-color-bg-light { fill: var(--color-bg-light); }.fill-color-bg-light-l-1 { fill: var(--color-bg-light-l-1); }.fill-color-bg-light-l-2 { fill: var(--color-bg-light-l-2); }.fill-color-bg-light-l-3 { fill: var(--color-bg-light-l-3); }.fill-color-bg-light-l-4 { fill: var(--color-bg-light-l-4); }.fill-color-bg-light-t-1 { fill: var(--color-bg-light-t-1); }.fill-color-bg-light-t-2 { fill: var(--color-bg-light-t-2); }.fill-color-bg-light-t-3 { fill: var(--color-bg-light-t-3); }.fill-color-bg-light-t-4 { fill: var(--color-bg-light-t-4); }.stroke-color-bg-light { stroke: var(--color-bg-light); }.stroke-color-bg-light-l-1 { stroke: var(--color-bg-light-l-1); }.stroke-color-bg-light-l-2 { stroke: var(--color-bg-light-l-2); }.stroke-color-bg-light-l-3 { stroke: var(--color-bg-light-l-3); }.stroke-color-bg-light-l-4 { stroke: var(--color-bg-light-l-4); }.stroke-color-bg-light-t-1 { stroke: var(--color-bg-light-t-1); }.stroke-color-bg-light-t-2 { stroke: var(--color-bg-light-t-2); }.stroke-color-bg-light-t-3 { stroke: var(--color-bg-light-t-3); }.stroke-color-bg-light-t-4 { stroke: var(--color-bg-light-t-4); }