:root { --primary: #51555e; --primary-l-1: #61646d; --primary-l-2: #71747b; --primary-l-3: #80838a; --primary-l-4: #909399; --primary-l-5: #a0a2a7; --primary-l-6: #b0b2b6; --primary-l-7: #c0c1c4; --primary-l-8: #d0d1d3; --primary-l-9: #dfe0e2; --primary-l-10: #eff0f0; --primary-d-1: #4a4d55; --primary-d-2: #42464d; --primary-d-3: #3b3e44; --primary-d-4: #34363c; --primary-d-5: #2c2e33; --primary-d-6: #25272b; --primary-d-7: #1d1f22; --primary-d-8: #16171a; --primary-d-9: #0f0f11; --primary-d-10: #070809; --secondary: #82794a; --secondary-l-1: #8d855a; --secondary-l-2: #99916b; --secondary-l-3: #a49e7b; --secondary-l-4: #afaa8c; --secondary-l-5: #bbb69c; --secondary-l-6: #c6c2ad; --secondary-l-7: #d2cebd; --secondary-l-8: #dddace; --secondary-l-9: #e8e7de; --secondary-l-10: #f4f3ef; --secondary-d-1: #766e43; --secondary-d-2: #6a633d; --secondary-d-3: #5f5836; --secondary-d-4: #534d2f; --secondary-d-5: #474228; --secondary-d-6: #3b3722; --secondary-d-7: #2f2c1b; --secondary-d-8: #232114; --secondary-d-9: #18160d; --secondary-d-10: #0c0b07; --secondary-t-1: hsla(50, 27%, 40%, 0.09); --secondary-t-2: hsla(50, 27%, 40%, 0.18); --secondary-t-3: hsla(50, 27%, 40%, 0.27); --secondary-t-4: hsla(50, 27%, 40%, 0.36); --secondary-t-5: hsla(50, 27%, 40%, 0.45); --secondary-t-6: hsla(50, 27%, 40%, 0.55); --secondary-t-7: hsla(50, 27%, 40%, 0.64); --secondary-t-8: hsla(50, 27%, 40%, 0.73); --secondary-t-9: hsla(50, 27%, 40%, 0.82); --secondary-t-10: hsla(50, 27%, 40%, 0.91); --primary-t-1: hsla(222, 7%, 34%, 0.09); --primary-t-2: hsla(222, 7%, 34%, 0.18); --primary-t-3: hsla(222, 7%, 34%, 0.27); --primary-t-4: hsla(222, 7%, 34%, 0.36); --primary-t-5: hsla(222, 7%, 34%, 0.45); --primary-t-6: hsla(222, 7%, 34%, 0.55); --primary-t-7: hsla(222, 7%, 34%, 0.64); --primary-t-8: hsla(222, 7%, 34%, 0.73); --primary-t-9: hsla(222, 7%, 34%, 0.82); --primary-t-10: hsla(222, 7%, 34%, 0.91); --background: #f3f3f3; --green: #28cbce; --green-2: hsl(157 67.47% 48.23%); --green-3: hsl(169 67.47% 48.23%); --green-5: hsl(193 67.47% 48.23%); --green-6: hsl(205 67.47% 48.23%); --red: #fa2e4c; --green-l-1: #3cd0d2; --green-l-2: #4fd4d7; --green-l-3: #63d9db; --green-l-4: #76dee0; --green-l-5: #8ae3e4; --green-l-6: #9de7e9; --green-l-7: #b1eced; --green-l-8: #c4f1f2; --green-l-9: #d8f6f6; --green-l-10: #ebfafb; --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); --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);}