:root { --white: #ffffff; --blue-1: #f5f9ff; --blue-2: #e9f2ff; --blue-3: #d0e4ff; --blue-4: #8ebaf8; --blue-5: #5795ee; --blue-6: #2372e2; --blue-7: #004ecb; --blue-8: #003785; --blue-9: #002457; --blue-10: #001636; --orange-1: #fff7ed; --orange-2: #ffefdc; --orange-3: #ffdeba; --orange-4: #ffa333; --sh-orange: #ff8c00; --orange-5: #e67600; --orange-6: #b65e00; --orange-7: #894600; --orange-9: #5c3000; --orange-10: #3c1f00; --green-1: #effaf7; --green-2: #e0f4ee; --green-3: #c7ebe1; --green-4: #66caaf; --green-5: #2da68b; --green-6: #2f836e; --green-7: #0e6352; --green-8: #054338; --green-9: #032c24; --green-10: #021b17; --violet-1: #faf7fd; --violet-2: #f4eefb; --violet-3: #eadef7; --violet-4: #c9aceb; --violet-5: #a981e3; --violet-6: #8d59dc; --violet-7: #6f2fcc; --violet-8: #4c1d90; --violet-9: #31145d; --violet-10: #1f0c3b; --yellow-1: #fef9dc; --yellow-2: #fef2ba; --yellow-3: #fbe472; --sh-yellow: #f9d006; --yellow-4: #d9b500; --color-36: #d2efe7; --color-37: #e4d6f5; --blue-border: #d0e4ff; --grey-1: #f7f8fa; --grey-2: #f0f1f5; --grey-3: #e1e3ed; --grey-4: #b0b8cf; --grey-5: #8a94b5; --grey-6: #687499; --grey-7: #495374; --grey-8: #333a53; --grey-9: #202535; --grey-10: #141721; --bg-secondary: #FBFBFD; --bg-tertiary: #F3F4F7; --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}.bg-bg-secondary { background-color: var(--bg-secondary); }