:root { --color-prim-bg-10: #f4f8fc; --color-prim-bg-20: #ecf3fa; --color-prim-int-10: #dceefe; --color-prim-int-20: #cce7ff; --color-prim-int-30: #badcfc; --color-prim-border-10: #a5cff6; --color-prim-border-20: #89beed; --color-prim-border-30: #5da7e4; --color-prim-fill-10: #1375b6; --color-prim-fill-20: #0067a7; --color-prim-text-10: #0068a9; --color-prim-text-20: #173d5d; --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: #f5f7f9; --color-bg-20: #f1f3f8; --color-int-10: #e6eaf2; --color-int-20: #dde2ec; --color-int-30: #d4dae7; --color-border-10: #cbd3e2; --color-border-20: #bec7db; --color-border-30: #a8b4ce; --color-fill-10: #828ea7; --color-fill-20: #78839b; --color-text: #282f3d; --color-text-faded: #5d6983; --color-heading: #1a1f2b; --color-bg-00-10: var(--color-background); --color-bg-00-20: var(--color-background); --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: #ea1f3b; --color-red-fill-20: #c1011b; --color-red-text-10: #da0025; --color-red-text-20: #6a0d13; --color-red-text-20-10: var(--color-red-text-20); --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.0008888888888888881 * (100vw - 22.5rem) + 0.88rem), 0.94rem); --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;}