:root { --secondary: #57257C; --primary: #F7941D; --secondary-l-1: #795196; --secondary-l-2: #9a7cb0; --secondary-l-3: #bca8cb; --secondary-l-4: #ddd3e5; --secondary-d-1: #3a1953; --secondary-d-2: #1d0c29; --primary-l-1: #f9a94a; --primary-l-2: #fabf77; --primary-l-3: #fcd4a5; --primary-l-4: #fdead2; --primary-d-1: #a56313; --primary-d-2: #52310a; --green: #b4db2b; --yellow: #F5C154; --light-yellow: #fff6e5; --yellow-gradient-1: #ffa100; --brown: #311602; --light-pink: #ede5fb; --neutral: #1A141F; --neutral-l-1: #28232d; --neutral-l-2: #37313b; --neutral-l-3: #454049; --neutral-l-4: #534f57; --neutral-l-5: #625d65; --neutral-l-6: #706c73; --neutral-l-7: #7e7b81; --neutral-l-8: #8d8a8f; --neutral-l-9: #9b989d; --neutral-l-10: #a9a7ab; --neutral-l-11: #b7b6b9; --neutral-l-12: #c6c4c7; --neutral-l-13: #d4d3d5; --neutral-l-14: #e2e2e3; --neutral-l-15: #ffffff; --black: #000000; --background-color: #131313; --surface: #1f1f1f; --text-2xs: clamp(0.82rem, calc(-0.000555555555555555 * (100vw - 36rem) + 0.82rem), 0.76rem); --text-xs: clamp(1.02rem, calc(-0.00009259259259259267 * (100vw - 36rem) + 1.02rem), 1.01rem); --text-s: clamp(1.28rem, calc(0.0006481481481481487 * (100vw - 36rem) + 1.28rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --text-xl: clamp(2.5rem, calc(0.006481481481481483 * (100vw - 36rem) + 2.5rem), 3.2rem); --text-2xl: clamp(3.13rem, calc(0.010462962962962962 * (100vw - 36rem) + 3.13rem), 4.26rem); --text-3xl: clamp(3.91rem, calc(0.016388888888888883 * (100vw - 36rem) + 3.91rem), 5.68rem); --text-4xl: clamp(4.88rem, calc(0.025 * (100vw - 36rem) + 4.88rem), 7.58rem); --text-5xl: clamp(6.1rem, calc(0.037037037037037035 * (100vw - 36rem) + 6.1rem), 10.1rem); --title-2xs: clamp(1.64rem, calc(0.0075925925925925935 * (100vw - 36rem) + 1.64rem), 2.46rem); --title-xs: clamp(2.05rem, calc(0.009444444444444445 * (100vw - 36rem) + 2.05rem), 3.07rem); --title-s: clamp(2.56rem, calc(0.01185185185185185 * (100vw - 36rem) + 2.56rem), 3.84rem); --title-m: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --title-l: clamp(4rem, calc(0.018518518518518517 * (100vw - 36rem) + 4rem), 6rem); --title-xl: clamp(5rem, calc(0.023148148148148147 * (100vw - 36rem) + 5rem), 7.5rem); --title-2xl: clamp(6.25rem, calc(0.02898148148148149 * (100vw - 36rem) + 6.25rem), 9.38rem); --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); --space-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --space-4xl: clamp(4.88rem, calc(0.03277777777777778 * (100vw - 36rem) + 4.88rem), 8.42rem); --space-5xl: clamp(6.1rem, calc(0.04740740740740742 * (100vw - 36rem) + 6.1rem), 11.22rem); --gap-2xs: clamp(0.4rem, calc(0 * (100vw - 36rem) + 0.4rem), 0.4rem); --gap-xs: clamp(0.8rem, calc(0 * (100vw - 36rem) + 0.8rem), 0.8rem); --gap-s: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --gap-m: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --gap-l: clamp(2.4rem, calc(0 * (100vw - 36rem) + 2.4rem), 2.4rem); --gap-xl: clamp(3.2rem, calc(0 * (100vw - 36rem) + 3.2rem), 3.2rem); --gap-2xl: clamp(4rem, calc(0 * (100vw - 36rem) + 4rem), 4rem); --gap-3xl: clamp(4.8rem, calc(0 * (100vw - 36rem) + 4.8rem), 4.8rem); --gap-4xl: clamp(6rem, calc(0 * (100vw - 36rem) + 6rem), 6rem);}.border-neutral { border-color: var(--neutral); }.border-neutral-l-1 { border-color: var(--neutral-l-1); }.border-neutral-l-2 { border-color: var(--neutral-l-2); }.border-neutral-l-3 { border-color: var(--neutral-l-3); }.border-neutral-l-4 { border-color: var(--neutral-l-4); }.border-neutral-l-5 { border-color: var(--neutral-l-5); }.border-neutral-l-6 { border-color: var(--neutral-l-6); }.border-neutral-l-7 { border-color: var(--neutral-l-7); }.border-neutral-l-8 { border-color: var(--neutral-l-8); }.border-neutral-l-9 { border-color: var(--neutral-l-9); }.border-neutral-l-10 { border-color: var(--neutral-l-10); }.border-neutral-l-11 { border-color: var(--neutral-l-11); }.border-neutral-l-12 { border-color: var(--neutral-l-12); }.border-neutral-l-13 { border-color: var(--neutral-l-13); }.border-neutral-l-14 { border-color: var(--neutral-l-14); }.border-neutral-l-15 { border-color: var(--neutral-l-15); }