:root { --surface: #f1f1f1; --surface-l-1: #ececec; --surface-l-2: #e5e5e5; --surface-l-3: #dfdfdf; --surface-l-4: #d9d9d9; --surface-l-5: #d3d3d3; --surface-d-1: #ffffff; --primary: #209638; --surface-glass: rgba(241, 241, 241, 0.60); --accent: #73eca2; --accent-l-1: #a0f2bc; --accent-l-2: #d4f5e2; --accent-l-3: #f0fdf5; --accent-d-1: #00773f; --accent-d-2: #005f32; --accent-d-3: #00552f; --accent-d-4: #003f22; --accent-d-5: #003a1e; --pulse: #007a8c; --pulse-l-1: #00b8d4; --pulse-l-2: #7de8f5; --pulse-l-3: #d0f7fb; --pulse-d-1: #006878; --pulse-d-2: #005963; --pulse-d-3: #004d5a; --pulse-d-4: #003a41; --pulse-d-5: #002a30; --error: #e06545; --error-l-1: #ff9d82; --error-l-2: #ffd2c8; --error-l-3: #ffe8e2; --error-d-1: #c94a28; --error-d-2: #a33820; --error-d-3: #5a1500; --text-color: #111111; --text-body-color: #5a5a5a; --text-inverse-color: #d9d9d9; --primary-glow: rgba(26, 122, 46, 0.12); --transparent: rgba(0, 0, 0, 0); --border: #9a9a9a; --border-d-1: hsla(0, 0%, 72%, 0.2); --primary-l-1: #2eab47; --primary-l-2: #90cb9c; --primary-l-3: #c7e5cd; --primary-d-1: #1b7d2f; --primary-d-2: #156425; --primary-d-3: #104b1c; --primary-d-4: #0b3213; --primary-d-5: #051909; --text-body-color-d-1: #474747; --border-l-1: rgba(46, 173, 71, 0.25); --primary-t-1: hsla(132, 65%, 36%, 0.09); --primary-t-2: hsla(132, 65%, 36%, 0.18); --primary-t-3: hsla(132, 65%, 36%, 0.27); --primary-t-4: hsla(132, 65%, 36%, 0.36); --primary-t-5: hsla(132, 65%, 36%, 0.45); --primary-t-6: hsla(132, 65%, 36%, 0.55); --primary-t-7: hsla(132, 65%, 36%, 0.64); --primary-t-8: hsla(132, 65%, 36%, 0.73); --primary-t-9: hsla(132, 65%, 36%, 0.82); --primary-t-10: hsla(132, 65%, 36%, 0.91); --text-small: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --text-body: clamp(0.88rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.88rem), 1rem); --text-h6: clamp(1.13rem, calc(0.0017777777777777794 * (100vw - 22.5rem) + 1.13rem), 1.25rem); --text-h5: clamp(1.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --text-h4: clamp(1.5rem, calc(0.005629629629629628 * (100vw - 22.5rem) + 1.5rem), 1.88rem); --text-h3: clamp(1.88rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 1.88rem), 2.63rem); --text-h2: clamp(2.38rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 2.38rem), 3.63rem); --text-h1: clamp(2.88rem, calc(0.03333333333333333 * (100vw - 22.5rem) + 2.88rem), 5.13rem); --text-hero: clamp(4rem, calc(0.03155555555555555 * (100vw - 22.5rem) + 4rem), 6.13rem); --space-xs: clamp(0.13rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.13rem), 0.25rem); --space-sm: clamp(0.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.25rem), 0.5rem); --space-1sm: clamp(0.5rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.5rem), 0.75rem); --space-md: clamp(0.75rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.75rem), 1rem); --space-lg: clamp(1rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1rem), 1.5rem); --space-xl: clamp(1.38rem, calc(0.009185185185185187 * (100vw - 22.5rem) + 1.38rem), 2rem); --space-1xl: clamp(1.75rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 1.75rem), 2.5rem); --space-2xl: clamp(2.25rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 2.25rem), 3rem); --space-3xl: clamp(3rem, calc(0.02962962962962963 * (100vw - 22.5rem) + 3rem), 5rem); --space-4xl: clamp(3.88rem, calc(0.03140740740740741 * (100vw - 22.5rem) + 3.88rem), 6rem); --space-5xl: clamp(4.63rem, calc(0.04992592592592593 * (100vw - 22.5rem) + 4.63rem), 8rem); --space-6xl: clamp(5.38rem, calc(0.06844444444444445 * (100vw - 22.5rem) + 5.38rem), 10rem);}.bg-surface { background-color: var(--surface); }.bg-surface-l-1 { background-color: var(--surface-l-1); }.bg-surface-l-2 { background-color: var(--surface-l-2); }.bg-surface-l-3 { background-color: var(--surface-l-3); }.bg-surface-l-4 { background-color: var(--surface-l-4); }.bg-surface-l-5 { background-color: var(--surface-l-5); }.bg-surface-d-1 { background-color: var(--surface-d-1); }.fill-surface { fill: var(--surface); }.fill-surface-l-1 { fill: var(--surface-l-1); }.fill-surface-l-2 { fill: var(--surface-l-2); }.fill-surface-l-3 { fill: var(--surface-l-3); }.fill-surface-l-4 { fill: var(--surface-l-4); }.fill-surface-l-5 { fill: var(--surface-l-5); }.fill-surface-d-1 { fill: var(--surface-d-1); }.border-surface { border-color: var(--surface); }.border-surface-l-1 { border-color: var(--surface-l-1); }.border-surface-l-2 { border-color: var(--surface-l-2); }.border-surface-l-3 { border-color: var(--surface-l-3); }.border-surface-l-4 { border-color: var(--surface-l-4); }.border-surface-l-5 { border-color: var(--surface-l-5); }.border-surface-d-1 { border-color: var(--surface-d-1); }.text-text-color { color: var(--text-color); }.text-text-body-color { color: var(--text-body-color); }.text-text-body-color-d-1 { color: var(--text-body-color-d-1); }.text-text-inverse-color { color: var(--text-inverse-color); }