:root { --color-prim-bg-10: #FAFDFF; --color-prim-bg-20: #F3F9FF; --color-prim-int-10: #E4F3FF; --color-prim-int-20: #D4ECFF; --color-prim-int-30: #C2E2FF; --color-prim-border-10: #ABD5FF; --color-prim-border-20: #8CC3FF; --color-prim-border-30: #5EAAFF; --color-prim-fill-10: #134684; --color-prim-fill-20: #265797; --color-prim-text-10: #216ECC; --color-prim-text-20: #003471; --color-prim-fill-10-20: var(--color-prim-fill-10); --color-prim-grad-a: #00a2df; --color-prim-grad-b: #0072b3; --color-prim-text-20-int-10: var(--color-prim-text-20); --color-background: #ffffff; --color-bg-10: #FCFDFF; --color-bg-20: #F6F8FD; --color-int-10: #EDF2FC; --color-int-20: #E3EAF9; --color-int-30: #D6DFF2; --color-border-10: #C6D1E9; --color-border-20: #B2C0DC; --color-border-30: #98A8C9; --color-fill-10: #40495C; --color-fill-20: #31394C; --color-text: #323B4D; --color-text-faded: #5C6A89; --color-heading: #232a38; --color-bg-00-10: var(--color-background); --color-bg-00-20: var(--color-background); --color-bg-10-00: var(--color-bg-10); --color-bg-10-20: var(--color-bg-10); --color-bg-20-10: var(--color-bg-20); --color-bg-overlay: #080f18a6; --color-bg-00-int-10: var(--color-background); --color-green-bg-10: #f5f9f6; --color-green-bg-20: #eff5f0; --color-green-int-10: #e2f0e3; --color-green-int-20: #d3ead5; --color-green-int-30: #c1e2c4; --color-green-border-10: #abd6af; --color-green-border-20: #8dc794; --color-green-border-30: #60b26d; --color-green-fill-10: #409c52; --color-green-fill-20: #318f46; --color-green-text-10: #217736; --color-green-text-20: #213c25; --color-green-text-20-10: var(--color-green-text-20); --color-orange-bg-10: #fefdfb; --color-orange-bg-20: #fff9e7; --color-orange-int-10: #fff1c3; --color-orange-int-20: #ffe7aa; --color-orange-int-30: #ffdc8c; --color-orange-border-10: #ffcd68; --color-orange-border-20: #f5bc58; --color-orange-border-30: #e4a317; --color-orange-fill-10: #e2a112; --color-orange-fill-20: #d69600; --color-orange-text-10: #a26b00; --color-orange-text-20: #4a3819; --color-orange-text-20-10: var(--color-orange-text-20); --color-red-bg-10: #fffbfb; --color-red-bg-20: #fff1f0; --color-red-int-10: #ffe9e5; --color-red-int-20: #ffdad5; --color-red-int-30: #ffcbc5; --color-red-border-10: #ffbab4; --color-red-border-20: #fca69f; --color-red-border-30: #f48983; --color-red-fill-10: #D5172F; --color-red-fill-20: #C40021; --color-red-text-10: #da0025; --color-red-text-20: #6a0d13; --color-red-text-20-10: var(--color-red-text-20); --color-red-grad-a: #d5172f; --color-red-grad-b: #a21126; --color-background-h: 0deg; --color-background-s: 0%; --color-background-l: 100%; --color-accent-bg-10: #FCFDFA; --color-accent-bg-20: #F7FAF3; --color-accent-int-10: #E9F8D8; --color-accent-int-20: #DBF2BF; --color-accent-int-30: #CDE9A8; --color-accent-border-10: #BCDC91; --color-accent-border-20: #A7CB75; --color-accent-border-30: #8CB648; --color-accent-fill-10: #99D31F; --color-accent-fill-20: #8FC800; --color-accent-text-10: #5B7C20; --color-accent-text-20: #32411B; --text-3xs: clamp(0.63rem, calc(0 * (100vw - 22.5rem) + 0.63rem), 0.63rem); --text-2xs: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --text-xs: clamp(0.81rem, calc(0.0010370370370370364 * (100vw - 22.5rem) + 0.81rem), 0.88rem); --text-s: clamp(0.88rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.88rem), 1rem); --text-m: clamp(1rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-l: clamp(1.13rem, calc(0.0017777777777777794 * (100vw - 22.5rem) + 1.13rem), 1.25rem); --text-xl: clamp(1.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --text-2xl: clamp(1.5rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.5rem), 1.75rem); --text-3xl: clamp(1.75rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.75rem), 2rem); --heading-2xs: clamp(0.63rem, calc(0 * (100vw - 22.5rem) + 0.63rem), 0.63rem); --heading-xs: clamp(0.88rem, calc(0 * (100vw - 22.5rem) + 0.88rem), 0.88rem); --heading-s: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --heading-m: clamp(1.13rem, calc(0.0017777777777777794 * (100vw - 22.5rem) + 1.13rem), 1.25rem); --heading-l: clamp(1.38rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.38rem), 1.63rem); --heading-xl: clamp(1.75rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.75rem), 2.25rem); --heading-2xl: clamp(2.25rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 2.25rem), 3rem); --heading-3xl: clamp(2.75rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 2.75rem), 4rem); --heading-4xl: clamp(3.43rem, calc(0.027111111111111107 * (100vw - 22.5rem) + 3.43rem), 5.26rem); --space-3xs: clamp(0.25rem, calc(0 * (100vw - 22.5rem) + 0.25rem), 0.25rem); --space-2xs: clamp(0.5rem, calc(0 * (100vw - 22.5rem) + 0.5rem), 0.5rem); --space-xs: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --space-s: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --space-m: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --space-l: clamp(1.5rem, calc(0 * (100vw - 22.5rem) + 1.5rem), 1.5rem); --space-xl: clamp(1.88rem, calc(0.0017777777777777794 * (100vw - 22.5rem) + 1.88rem), 2rem); --space-2xl: clamp(2.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 2.25rem), 2.5rem); --space-3xl: clamp(3rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 3rem), 3.5rem); --space-4xl: clamp(3.75rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 3.75rem), 4.5rem); --space-5xl: clamp(4.88rem, calc(0.016592592592592593 * (100vw - 22.5rem) + 4.88rem), 6rem); --space-6xl: clamp(6.38rem, calc(0.024 * (100vw - 22.5rem) + 6.38rem), 8rem); --gap-3xs: 4px; --gap-2xs: 8px; --gap-xs: 12px; --gap-s: 16px; --gap-m: 20px; --gap-l: 24px; --gap-xl: 32px; --gap-2xl: 40px; --gap-3xl: 56px; --gap-4xl: 72px;}