:root { --purple: #8A3FFC; --black: #0F0E0E; --white: White; --light-smoke: #F1F1F1; --purple-l-1: #a76ffd; --purple-l-2: #c59ffe; --purple-l-3: #e2cffe; --purple-d-1: #682fbd; --purple-d-2: #45207e; --purple-d-3: #23103f; --transparent: #00000000; --font-color: #0f0e0e; --black-t-1: hsla(0, 3%, 6%, 0.17); --black-t-2: hsla(0, 3%, 6%, 0.33); --black-t-3: hsla(0, 3%, 6%, 0.5); --black-t-4: hsla(0, 3%, 6%, 0.67); --black-t-5: hsla(0, 3%, 6%, 0.83); --white-t-1: hsla(0, 0%, 100%, 0.17); --white-t-2: hsla(0, 0%, 100%, 0.33); --white-t-3: hsla(0, 0%, 100%, 0.5); --white-t-4: hsla(0, 0%, 100%, 0.67); --white-t-5: hsla(0, 0%, 100%, 0.83); --light-gray-01: #545b63; --dark-gray-01: #3F3E3E; --black-d-1: #0d0c0c; --black-d-2: #0a0909; --black-d-3: #080707; --black-d-4: #050505; --black-d-5: #030202; --light-smoke-d-1: #b5b5b5; --light-smoke-d-2: #797979; --light-smoke-d-3: #3c3c3c; --H6: clamp(1.06rem, calc(0.00972222222222222 * (100vw - 36rem) + 1.06rem), 2.11rem); --H5: clamp(1.41rem, calc(0.012962962962962964 * (100vw - 36rem) + 1.41rem), 2.81rem); --H4: clamp(1.88rem, calc(0.017314814814814814 * (100vw - 36rem) + 1.88rem), 3.75rem); --H3: clamp(2.5rem, calc(0.023148148148148147 * (100vw - 36rem) + 2.5rem), 5rem); --H2: clamp(3.33rem, calc(0.030833333333333334 * (100vw - 36rem) + 3.33rem), 6.66rem); --H1: clamp(4.44rem, calc(0.04111111111111111 * (100vw - 36rem) + 4.44rem), 8.88rem); --space-2xs: clamp(0.84rem, calc(0.003981481481481482 * (100vw - 36rem) + 0.84rem), 1.27rem); --space-xs: clamp(1.13rem, calc(0.005185185185185186 * (100vw - 36rem) + 1.13rem), 1.69rem); --space-s: clamp(1.5rem, calc(0.006944444444444444 * (100vw - 36rem) + 1.5rem), 2.25rem); --space-m: clamp(2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2rem), 3rem); --space-l: clamp(2.67rem, calc(0.012314814814814815 * (100vw - 36rem) + 2.67rem), 4rem); --space-xl: clamp(3.55rem, calc(0.016481481481481482 * (100vw - 36rem) + 3.55rem), 5.33rem); --space-2xl: clamp(4.74rem, calc(0.021944444444444447 * (100vw - 36rem) + 4.74rem), 7.11rem); --space-3xl: clamp(6.31rem, calc(0.02925925925925927 * (100vw - 36rem) + 6.31rem), 9.47rem); --text-2xs: clamp(0.68rem, calc(0.0007407407407407404 * (100vw - 36rem) + 0.68rem), 0.76rem); --text-xs: clamp(0.9rem, calc(0.0010185185185185184 * (100vw - 36rem) + 0.9rem), 1.01rem); --text-s: clamp(1.2rem, calc(0.00138888888888889 * (100vw - 36rem) + 1.2rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2.13rem, calc(0.0025 * (100vw - 36rem) + 2.13rem), 2.4rem); --text-xl: clamp(2.84rem, calc(0.003333333333333336 * (100vw - 36rem) + 2.84rem), 3.2rem); --text-2xl: clamp(3.79rem, calc(0.00435185185185185 * (100vw - 36rem) + 3.79rem), 4.26rem);}.fill-purple { fill: var(--purple); }.fill-purple-l-1 { fill: var(--purple-l-1); }.fill-purple-l-2 { fill: var(--purple-l-2); }.fill-purple-l-3 { fill: var(--purple-l-3); }.fill-purple-d-1 { fill: var(--purple-d-1); }.fill-purple-d-2 { fill: var(--purple-d-2); }.fill-purple-d-3 { fill: var(--purple-d-3); }.border-black { border-color: var(--black); }.border-black-t-1 { border-color: var(--black-t-1); }.border-black-t-2 { border-color: var(--black-t-2); }.border-black-t-3 { border-color: var(--black-t-3); }.border-black-t-4 { border-color: var(--black-t-4); }.border-black-t-5 { border-color: var(--black-t-5); }.border-black-d-1 { border-color: var(--black-d-1); }.border-black-d-2 { border-color: var(--black-d-2); }.border-black-d-3 { border-color: var(--black-d-3); }.border-black-d-4 { border-color: var(--black-d-4); }.border-black-d-5 { border-color: var(--black-d-5); }.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); }.space-2xs { padding: var(--space-2xs); }.space-xs { padding: var(--space-xs); }.space-s { padding: var(--space-s); }.space-m { padding: var(--space-m); }.space-l { padding: var(--space-l); }.space-xl { padding: var(--space-xl); }.space-2xl { padding: var(--space-2xl); }.space-3xl { padding: var(--space-3xl); }.text-2xs { font-size: var(--text-2xs); }.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); }