:root { --ds-color-electric-orange-100: #ffeeeb; --ds-color-electric-orange-200: #f4d6d1; --ds-color-electric-orange-300: #f79d8c; --ds-color-electric-orange-400: #f47c66; --ds-color-electric-orange-500: #f15b40; --ds-color-electric-orange-600: #d13f26; --ds-color-electric-orange-700: #a12d18; --ds-color-electric-orange-800: #7a1e0e; --ds-color-space-purple-100: #a9a0c5; --ds-color-space-purple-200: #594d7f; --ds-color-space-purple-300: #413366; --ds-color-space-purple-400: #2d1f4d; --ds-color-space-purple-500: #1d1036; --ds-color-space-purple-600: #271649; --ds-color-space-purple-700: #110031; --ds-color-space-purple-800: #07030d; --ds-color-deep-blue-500: #000088; --ds-color-green-light-500: #a7e26e; --ds-color-teal-500: #10b981; --ds-color-neutral-white: #ffffff; --ds-color-neutral-25: #fdfdfd; --ds-color-neutral-50: #fafafa; --ds-color-neutral-100: #f5f5f5; --ds-color-neutral-200: #e9eaeb; --ds-color-neutral-300: #d5d7da; --ds-color-neutral-400: #a4a7ae; --ds-color-neutral-500: #717680; --ds-color-neutral-600: #535862; --ds-color-neutral-700: #414651; --ds-color-neutral-800: #252b37; --ds-color-neutral-900: #181d27; --ds-color-neutral-950: #0a0d12; --ds-color-space-purple-50: #eeebff; --body-2xs: clamp(0.82rem, calc(0.0001294498381877024 * (100vw - 37.5rem) + 0.82rem), 0.84rem); --body-xs: clamp(1.02rem, calc(0.0007119741100323617 * (100vw - 37.5rem) + 1.02rem), 1.13rem); --body-s: clamp(1.28rem, calc(0.0014239482200647247 * (100vw - 37.5rem) + 1.28rem), 1.5rem); --body-m: clamp(1.6rem, calc(0.002588996763754045 * (100vw - 37.5rem) + 1.6rem), 2rem); --body-l: clamp(2rem, calc(0.004336569579288026 * (100vw - 37.5rem) + 2rem), 2.67rem); --body-xl: clamp(2.5rem, calc(0.006796116504854368 * (100vw - 37.5rem) + 2.5rem), 3.55rem); --body-2xl: clamp(3.13rem, calc(0.010420711974110035 * (100vw - 37.5rem) + 3.13rem), 4.74rem); --display-2xs: clamp(1.02rem, calc(0.004336569579288026 * (100vw - 37.5rem) + 1.02rem), 1.69rem); --display-xs: clamp(1.28rem, calc(0.00627831715210356 * (100vw - 37.5rem) + 1.28rem), 2.25rem); --display-s: clamp(1.6rem, calc(0.009061488673139158 * (100vw - 37.5rem) + 1.6rem), 3rem); --display-m: clamp(2rem, calc(0.012944983818770227 * (100vw - 37.5rem) + 2rem), 4rem); --display-l: clamp(2.5rem, calc(0.018317152103559872 * (100vw - 37.5rem) + 2.5rem), 5.33rem); --display-xl: clamp(3.13rem, calc(0.025760517799352754 * (100vw - 37.5rem) + 3.13rem), 7.11rem); --display-2xl: clamp(3.91rem, calc(0.035987055016181234 * (100vw - 37.5rem) + 3.91rem), 9.47rem); --space-5xs: clamp(0.31rem, calc(-0.0001294498381877024 * (100vw - 37.5rem) + 0.31rem), 0.29rem); --space-4xs: clamp(0.39rem, calc(-0.0000647249190938512 * (100vw - 37.5rem) + 0.39rem), 0.38rem); --space-3xs: clamp(0.49rem, calc(0.0001294498381877024 * (100vw - 37.5rem) + 0.49rem), 0.51rem); --space-2xs: clamp(0.61rem, calc(0.00045307443365695836 * (100vw - 37.5rem) + 0.61rem), 0.68rem); --space-xs: clamp(0.77rem, calc(0.0008414239482200647 * (100vw - 37.5rem) + 0.77rem), 0.9rem); --space-s: clamp(0.96rem, calc(0.001553398058252427 * (100vw - 37.5rem) + 0.96rem), 1.2rem); --space-m: clamp(1.2rem, calc(0.002588996763754046 * (100vw - 37.5rem) + 1.2rem), 1.6rem); --space-l: clamp(1.5rem, calc(0.0040776699029126205 * (100vw - 37.5rem) + 1.5rem), 2.13rem); --space-xl: clamp(1.88rem, calc(0.006213592233009708 * (100vw - 37.5rem) + 1.88rem), 2.84rem); --space-2xl: clamp(2.34rem, calc(0.009385113268608416 * (100vw - 37.5rem) + 2.34rem), 3.79rem); --space-3xl: clamp(2.93rem, calc(0.013721682847896438 * (100vw - 37.5rem) + 2.93rem), 5.05rem); --space-4xl: clamp(3.66rem, calc(0.0198705501618123 * (100vw - 37.5rem) + 3.66rem), 6.73rem); --space-5xl: clamp(4.58rem, calc(0.0284789644012945 * (100vw - 37.5rem) + 4.58rem), 8.98rem); --margin-x: auto; --margin-y: auto; --button-2xs: clamp(0.61rem, calc(0.00048611111111111153 * (100vw - 48rem) + 0.61rem), 0.68rem); --button-xs: clamp(0.77rem, calc(0.0009027777777777778 * (100vw - 48rem) + 0.77rem), 0.9rem); --button-s: clamp(0.96rem, calc(0.0016666666666666666 * (100vw - 48rem) + 0.96rem), 1.2rem); --button-m: clamp(1.2rem, calc(0.0027777777777777788 * (100vw - 48rem) + 1.2rem), 1.6rem); --button-l: clamp(1.5rem, calc(0.0043749999999999995 * (100vw - 48rem) + 1.5rem), 2.13rem); --button-xl: clamp(1.88rem, calc(0.006666666666666666 * (100vw - 48rem) + 1.88rem), 2.84rem); --button-2xl: clamp(2.34rem, calc(0.010069444444444445 * (100vw - 48rem) + 2.34rem), 3.79rem); --tag-2xs: clamp(0.51rem, calc(0 * (100vw - 37.5rem) + 0.51rem), 0.51rem); --tag-xs: clamp(0.64rem, calc(0.0002588996763754048 * (100vw - 37.5rem) + 0.64rem), 0.68rem); --tag-s: clamp(0.8rem, calc(0.0006472491909385112 * (100vw - 37.5rem) + 0.8rem), 0.9rem); --tag-m: clamp(1rem, calc(0.0012944983818770225 * (100vw - 37.5rem) + 1rem), 1.2rem); --tag-l: clamp(1.25rem, calc(0.00226537216828479 * (100vw - 37.5rem) + 1.25rem), 1.6rem); --tag-xl: clamp(1.56rem, calc(0.0036893203883495134 * (100vw - 37.5rem) + 1.56rem), 2.13rem); --tag-2xl: clamp(1.95rem, calc(0.00576051779935275 * (100vw - 37.5rem) + 1.95rem), 2.84rem);}.body-2xs { font-size: var(--body-2xs); }.body-xs { font-size: var(--body-xs); }.body-s { font-size: var(--body-s); }.body-m { font-size: var(--body-m); }.body-l { font-size: var(--body-l); }.body-xl { font-size: var(--body-xl); }.body-2xl { font-size: var(--body-2xl); }.display-2xs { font-size: var(--display-2xs); }.display-xs { font-size: var(--display-xs); }.display-s { font-size: var(--display-s); }.display-m { font-size: var(--display-m); }.display-l { font-size: var(--display-l); }.display-xl { font-size: var(--display-xl); }.display-2xl { font-size: var(--display-2xl); }.space-5xs { font-size: var(--space-5xs); }.space-4xs { font-size: var(--space-4xs); }.space-3xs { font-size: var(--space-3xs); }.space-2xs { font-size: var(--space-2xs); }.space-xs { font-size: var(--space-xs); }.space-s { font-size: var(--space-s); }.space-m { font-size: var(--space-m); }.space-l { font-size: var(--space-l); }.space-xl { font-size: var(--space-xl); }.space-2xl { font-size: var(--space-2xl); }.space-3xl { font-size: var(--space-3xl); }.space-4xl { font-size: var(--space-4xl); }.space-5xl { font-size: var(--space-5xl); }.space-margin-x { font-size: var(--margin-x); }.space-margin-y { font-size: var(--margin-y); }.button-2xs { font-size: var(--button-2xs); }.button-xs { font-size: var(--button-xs); }.button-s { font-size: var(--button-s); }.button-m { font-size: var(--button-m); }.button-l { font-size: var(--button-l); }.button-xl { font-size: var(--button-xl); }.button-2xl { font-size: var(--button-2xl); }.tag-2xs { font-size: var(--tag-2xs); }.tag-xs { font-size: var(--tag-xs); }.tag-s { font-size: var(--tag-s); }.tag-m { font-size: var(--tag-m); }.tag-l { font-size: var(--tag-l); }.tag-xl { font-size: var(--tag-xl); }.tag-2xl { font-size: var(--tag-2xl); }