:root { --background: #0B0B0F; --surface: #131318; --surface-2: #1A1A21; --surface-3: #222230; --white: #FFFFFF; --text: #D4D4D8; --text-muted: #82828C; --text-dim: #4E4E58; --fire: #FF4D2D; --fire-light: #FF6B4F; --lime: #C8FF2E; --mango: #FFB82E; --sriracha: #FF2D6B; --habanero: #FF8F2E; --wasabi: #2EFFB8; --jalapeno: #2ECC71; --text-example2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-examplexs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-examples: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-examplem: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-examplel: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-examplexl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-example2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-example2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-examplexs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-examples: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-examplem: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-examplel: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-examplexl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-example2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}.text-class-test2xs { 20: var(--text-example2xs); }.text-class-testxs { 20: var(--text-examplexs); }.text-class-tests { 20: var(--text-examples); }.text-class-testm { 20: var(--text-examplem); }.text-class-testl { 20: var(--text-examplel); }.text-class-testxl { 20: var(--text-examplexl); }.text-class-test2xl { 20: var(--text-example2xl); }