@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}@theme{ --colors-test: #ffffff; --colors-dark-blue-100: #bfd8ff; --colors-dark-blue-1000: #0f131a; --colors-dark-blue-1100: #06070a; --colors-dark-blue-200: #8cb6fa; --colors-dark-blue-300: #5088e2; --colors-dark-blue-400: #3564af; --colors-dark-blue-500: #305695; --colors-dark-blue-600: #2e4e80; --colors-dark-blue-700: #213452; --colors-dark-blue-800: #1d2a3f; --colors-dark-blue-900: #171f2b; --colors-dark-blue-opacity-300-12: #11a0fe1f; --colors-dark-blue-opacity-300-16: #11a0fe29; --colors-dark-blue-opacity-300-4: #11a0fe0a; --colors-dark-blue-opacity-300-8: #11a0fe14; --colors-dark-blue-opacity-600-0: #11a0fe00; --colors-dark-brand-100: #e1e0fc; --colors-dark-brand-1000: #121032; --colors-dark-brand-1100: #070613; --colors-dark-brand-200: #b8b5ff; --colors-dark-brand-300: #9f96ff; --colors-dark-brand-400: #7d70f1; --colors-dark-brand-500: #5a4ecf; --colors-dark-brand-600: #463cbc; --colors-dark-brand-700: #312996; --colors-dark-brand-800: #211c64; --colors-dark-brand-900: #1b184e; --colors-dark-brand-opacity-400-0: #7d70f100; --colors-dark-brand-opacity-400-12: #7d70f11f; --colors-dark-brand-opacity-400-16: #7d70f129; --colors-dark-brand-opacity-400-24: #4a3ae03d; --colors-dark-brand-opacity-400-4: #7d70f10a; --colors-dark-brand-opacity-400-8: #7d70f114; --colors-dark-brand-opacity-500-0: #5a4ecf00; --colors-dark-brand-opacity-500-12: #5a4ecf1f; --colors-dark-brand-opacity-500-16: #5a4ecf29; --colors-dark-brand-opacity-500-24: #5a4ecf3d; --colors-dark-brand-opacity-500-32: #5a4ecf52; --colors-dark-brand-opacity-500-4: #5a4ecf0a; --colors-dark-brand-opacity-500-40: #5a4ecf66; --colors-dark-brand-opacity-500-48: #5a4ecf7a; --colors-dark-brand-opacity-500-8: #5a4ecf14; --colors-dark-cyan-100: #c1e8fd; --colors-dark-cyan-1000: #101719; --colors-dark-cyan-1100: #070809; --colors-dark-cyan-200: #81d4f9; --colors-dark-cyan-300: #2ea4cf; --colors-dark-cyan-400: #048fba; --colors-dark-cyan-500: #0e7797; --colors-dark-cyan-600: #156078; --colors-dark-cyan-700: #184b5b; --colors-dark-cyan-800: #193842; --colors-dark-cyan-900: #16272c; --colors-dark-cyan-opacity-300-12: #06a9e41f; --colors-dark-cyan-opacity-300-16: #06a9e429; --colors-dark-cyan-opacity-300-4: #06a9e40a; --colors-dark-cyan-opacity-300-8: #06a9e414; --colors-dark-cyan-opacity-600-0: #06a9e400; --colors-dark-gold-100: #ffeebb; --colors-dark-gold-1000: #221e10; --colors-dark-gold-1100: #0a0906; --colors-dark-gold-200: #fad565; --colors-dark-gold-300: #daaf2f; --colors-dark-gold-400: #d3a007; --colors-dark-gold-500: #94771f; --colors-dark-gold-600: #7a631f; --colors-dark-gold-700: #62511e; --colors-dark-gold-800: #483e1e; --colors-dark-gold-900: #362e16; --colors-dark-gold-opacity-300-0: #f2b70500; --colors-dark-gold-opacity-300-12: #f2b7051f; --colors-dark-gold-opacity-300-4: #f2b7050a; --colors-dark-gold-opacity-300-8: #f2b70514; --colors-dark-gold-opacity-600-16: #f2b70529; --colors-dark-green-100: #bff6c7; --colors-dark-green-1000: #101914; --colors-dark-green-1100: #060907; --colors-dark-green-200: #86e093; --colors-dark-green-300: #3db64f; --colors-dark-green-400: #2b993b; --colors-dark-green-500: #299138; --colors-dark-green-600: #157843; --colors-dark-green-700: #185b37; --colors-dark-green-800: #19422c; --colors-dark-green-900: #162c20; --colors-dark-green-opacity-100-0: #87cf9800; --colors-dark-green-opacity-100-12: #bff6c71f; --colors-dark-green-opacity-100-16: #bff6c729; --colors-dark-green-opacity-100-4: #bff6c70a; --colors-dark-green-opacity-100-8: #bff6c714; --colors-dark-green-opacity-400-0: #2b993b00; --colors-dark-green-opacity-400-12: #2b993b1f; --colors-dark-green-opacity-400-16: #2b993b29; --colors-dark-green-opacity-400-24: #2b993b3d; --colors-dark-green-opacity-400-4: #2b993b0a; --colors-dark-green-opacity-400-8: #2b993b14; --colors-dark-indigo-100: #dedaff; --colors-dark-indigo-1000: #111019; --colors-dark-indigo-1100: #070709; --colors-dark-indigo-200: #b5adfb; --colors-dark-indigo-300: #857cd3; --colors-dark-indigo-400: #6056bc; --colors-dark-indigo-500: #463ba4; --colors-dark-indigo-600: #372e82; --colors-dark-indigo-700: #231d56; --colors-dark-indigo-800: #211e3d; --colors-dark-indigo-900: #19172b; --colors-dark-indigo-opacity-300-0: #5e4ef800; --colors-dark-indigo-opacity-300-12: #5e4ef81f; --colors-dark-indigo-opacity-300-4: #5e4ef80a; --colors-dark-indigo-opacity-300-8: #5e4ef814; --colors-dark-indigo-opacity-600-16: #5e4ef829; --colors-dark-lime-100: #eefcd3; --colors-dark-lime-1000: #1c2210; --colors-dark-lime-1100: #080a06; --colors-dark-lime-200: #c2ee6c; --colors-dark-lime-300: #96cc29; --colors-dark-lime-400: #7faf1e; --colors-dark-lime-500: #6d941f; --colors-dark-lime-600: #5c7a1f; --colors-dark-lime-700: #4b621e; --colors-dark-lime-800: #394422; --colors-dark-lime-900: #2b3616; --colors-dark-lime-opacity-300-0: #a1c41600; --colors-dark-lime-opacity-300-12: #a1c4161f; --colors-dark-lime-opacity-300-16: #a1c41629; --colors-dark-lime-opacity-300-4: #a1c4160a; --colors-dark-lime-opacity-300-8: #a1c41614; --colors-dark-neutral-0: #ffffff; --colors-dark-neutral-100: #ededed; --colors-dark-neutral-1000: #141414; --colors-dark-neutral-1100: #0a0a0a; --colors-dark-neutral-200: #dbdbdb; --colors-dark-neutral-300: #c2c2c2; --colors-dark-neutral-400: #adadad; --colors-dark-neutral-500: #999999; --colors-dark-neutral-600: #858585; --colors-dark-neutral-700: #525252; --colors-dark-neutral-800: #383838; --colors-dark-neutral-900: #292929; --colors-dark-neutral-opacity-0-0: #ffffff00; --colors-dark-neutral-opacity-0-12: #ffffff1f; --colors-dark-neutral-opacity-0-16: #ffffff29; --colors-dark-neutral-opacity-0-20: #ffffff33; --colors-dark-neutral-opacity-0-24: #ffffff3d; --colors-dark-neutral-opacity-0-32: #ffffff52; --colors-dark-neutral-opacity-0-4: #ffffff0a; --colors-dark-neutral-opacity-0-40: #ffffff66; --colors-dark-neutral-opacity-0-48: #ffffff7a; --colors-dark-neutral-opacity-0-56: #ffffff8f; --colors-dark-neutral-opacity-0-64: #ffffffa3; --colors-dark-neutral-opacity-0-8: #ffffff14; --colors-dark-neutral-opacity-1200-0: #00000000; --colors-dark-neutral-opacity-1200-12: #0000001f; --colors-dark-neutral-opacity-1200-16: #00000029; --colors-dark-neutral-opacity-1200-20: #00000033; --colors-dark-neutral-opacity-1200-24: #0000003d; --colors-dark-neutral-opacity-1200-32: #00000052; --colors-dark-neutral-opacity-1200-4: #0000000a; --colors-dark-neutral-opacity-1200-40: #00000066; --colors-dark-neutral-opacity-1200-48: #0000007a; --colors-dark-neutral-opacity-1200-56: #0000008f; --colors-dark-neutral-opacity-1200-64: #000000a3; --colors-dark-neutral-opacity-1200-8: #00000014; --colors-dark-orange-100: #fddece; --colors-dark-orange-1000: #221910; --colors-dark-orange-1100: #0a0706; --colors-dark-orange-200: #eab58b; --colors-dark-orange-300: #cd7834; --colors-dark-orange-400: #af5f1e; --colors-dark-orange-500: #94541f; --colors-dark-orange-600: #7a491f; --colors-dark-orange-700: #623e1e; --colors-dark-orange-800: #4b321b; --colors-dark-orange-900: #362516; --colors-dark-orange-opacity-300-0: #d0702400; --colors-dark-orange-opacity-300-12: #d070241f; --colors-dark-orange-opacity-300-4: #d070240a; --colors-dark-orange-opacity-300-8: #d0702414; --colors-dark-orange-opacity-600-16: #d0702429; --colors-dark-pink-100: #fcd3f0; --colors-dark-pink-1000: #191016; --colors-dark-pink-1100: #090708; --colors-dark-pink-200: #f69fdc; --colors-dark-pink-300: #d855b1; --colors-dark-pink-400: #ba0483; --colors-dark-pink-500: #970e6e; --colors-dark-pink-600: #78155a; --colors-dark-pink-700: #5b1847; --colors-dark-pink-800: #421936; --colors-dark-pink-900: #2c1625; --colors-dark-pink-opacity-300-12: #e612a61f; --colors-dark-pink-opacity-300-16: #e612a629; --colors-dark-pink-opacity-300-4: #e612a60a; --colors-dark-pink-opacity-300-8: #e612a614; --colors-dark-pink-opacity-600-0: #e612a600; --colors-dark-purple-100: #f3e6ff; --colors-dark-purple-1000: #151019; --colors-dark-purple-1100: #080709; --colors-dark-purple-200: #dfbefe; --colors-dark-purple-300: #b378e9; --colors-dark-purple-400: #a052e7; --colors-dark-purple-500: #671eab; --colors-dark-purple-600: #4f1396; --colors-dark-purple-700: #3b185b; --colors-dark-purple-800: #2e1942; --colors-dark-purple-900: #21162c; --colors-dark-purple-opacity-100-0: #f3e6ff00; --colors-dark-purple-opacity-100-12: #f3e6ff1f; --colors-dark-purple-opacity-100-16: #f3e6ff29; --colors-dark-purple-opacity-100-4: #f3e6ff0a; --colors-dark-purple-opacity-100-8: #f3e6ff14; --colors-dark-purple-opacity-600-0: #c280ff00; --colors-dark-purple-opacity-600-12: #c280ff1f; --colors-dark-purple-opacity-600-16: #c280ff29; --colors-dark-purple-opacity-600-4: #c280ff0a; --colors-dark-purple-opacity-600-8: #c280ff14; --colors-dark-red-100: #ffccce; --colors-dark-red-1000: #191213; --colors-dark-red-1100: #090808; --colors-dark-red-200: #f8848c; --colors-dark-red-300: #d9636d; --colors-dark-red-400: #ad1a29; --colors-dark-red-500: #8e1f2a; --colors-dark-red-600: #712229; --colors-dark-red-700: #572127; --colors-dark-red-800: #401f22; --colors-dark-red-900: #2b1a1b; --colors-dark-red-opacity-100-0: #ffccce00; --colors-dark-red-opacity-100-12: #ffccce1f; --colors-dark-red-opacity-100-16: #ffccce29; --colors-dark-red-opacity-100-4: #ffccce0a; --colors-dark-red-opacity-100-8: #ffccce14; --colors-dark-red-opacity-300-0: #d9636d00; --colors-dark-red-opacity-300-12: #d9636d1f; --colors-dark-red-opacity-300-16: #d9636d29; --colors-dark-red-opacity-300-24: #d9636d3d; --colors-dark-red-opacity-300-4: #d9636d0a; --colors-dark-red-opacity-300-8: #d9636d14; --colors-dark-teal-100: #c8fdfb; --colors-dark-teal-1000: #101918; --colors-dark-teal-1100: #070909; --colors-dark-teal-200: #8eeeeb; --colors-dark-teal-300: #3fc2bf; --colors-dark-teal-400: #04bab7; --colors-dark-teal-500: #0e9795; --colors-dark-teal-600: #157876; --colors-dark-teal-700: #185b5a; --colors-dark-teal-800: #194241; --colors-dark-teal-900: #162c2b; --colors-dark-teal-opacity-300-0: #26d4d000; --colors-dark-teal-opacity-300-12: #26d4d01f; --colors-dark-teal-opacity-300-4: #26d4d00a; --colors-dark-teal-opacity-300-8: #26d4d014; --colors-dark-teal-opacity-600-16: #2697a829; --colors-dark-violet-100: #f2dcfd; --colors-dark-violet-1000: #171019; --colors-dark-violet-1100: #080709; --colors-dark-violet-200: #de95f6; --colors-dark-violet-300: #b55dd3; --colors-dark-violet-400: #8c04ba; --colors-dark-violet-500: #750e97; --colors-dark-violet-600: #5f1578; --colors-dark-violet-700: #4a185b; --colors-dark-violet-800: #381942; --colors-dark-violet-900: #381942; --colors-dark-violet-opacity-100-0: #f2dcfd00; --colors-dark-violet-opacity-100-12: #f2dcfd1f; --colors-dark-violet-opacity-100-16: #f2dcfd29; --colors-dark-violet-opacity-100-4: #f2dcfd0a; --colors-dark-violet-opacity-100-8: #f2dcfd14; --colors-dark-violet-opacity-300-0: #b55dd300; --colors-dark-violet-opacity-300-12: #b55dd31f; --colors-dark-violet-opacity-300-16: #b55dd329; --colors-dark-violet-opacity-300-4: #b55dd30a; --colors-dark-violet-opacity-300-8: #b55dd314; --colors-dark-yellow-100: #fcf6b6; --colors-dark-yellow-1000: #222110; --colors-dark-yellow-1100: #0a0906; --colors-dark-yellow-200: #efe46e; --colors-dark-yellow-300: #decf23; --colors-dark-yellow-400: #afa31e; --colors-dark-yellow-500: #948a1f; --colors-dark-yellow-600: #7a721f; --colors-dark-yellow-700: #625c1e; --colors-dark-yellow-800: #4b471b; --colors-dark-yellow-900: #363316; --colors-dark-yellow-opacity-300-0: #e9ce2200; --colors-dark-yellow-opacity-300-12: #e9ce221f; --colors-dark-yellow-opacity-300-16: #e9ce2229; --colors-dark-yellow-opacity-300-4: #e9ce220a; --colors-dark-yellow-opacity-300-8: #e9ce2214; --colors-light-blue-100: #f0f4fc; --colors-light-blue-1000: #071c4e; --colors-light-blue-1100: #071638; --colors-light-blue-200: #e1ebfc; --colors-light-blue-300: #cbdbf7; --colors-light-blue-400: #aac6fa; --colors-light-blue-500: #7ba4f7; --colors-light-blue-600: #4178fa; --colors-light-blue-700: #1b56e0; --colors-light-blue-800: #113ea7; --colors-light-blue-900: #0a2973; --colors-light-blue-opacity-600-0: #4178fa00; --colors-light-blue-opacity-600-12: #4178fa1f; --colors-light-blue-opacity-600-16: #2567ea29; --colors-light-blue-opacity-600-4: #4178fa0a; --colors-light-blue-opacity-600-8: #4178fa14; --colors-light-brand-100: #e4e4f1; --colors-light-brand-1000: #181664; --colors-light-brand-1100: #100f42; --colors-light-brand-200: #d9d5eb; --colors-light-brand-300: #c0bde5; --colors-light-brand-400: #9992dd; --colors-light-brand-500: #7e74dc; --colors-light-brand-600: #4e3ee0; --colors-light-brand-700: #3824bc; --colors-light-brand-800: #331d9b; --colors-light-brand-900: #201b87; --colors-light-brand-opacity-400-0: #aaa6fa00; --colors-light-brand-opacity-400-12: #aaa6fa1f; --colors-light-brand-opacity-400-16: #aaa6fa29; --colors-light-brand-opacity-400-24: #aaa6fa3d; --colors-light-brand-opacity-400-4: #aaa6fa0a; --colors-light-brand-opacity-400-8: #aaa6fa14; --colors-light-brand-opacity-600-0: #4734f700; --colors-light-brand-opacity-600-12: #4734f71f; --colors-light-brand-opacity-600-16: #4734f729; --colors-light-brand-opacity-600-4: #4734f70a; --colors-light-brand-opacity-600-8: #4734f714; --colors-light-cyan-100: #ebf7fa; --colors-light-cyan-1000: #053241; --colors-light-cyan-1100: #072c38; --colors-light-cyan-200: #daf2f7; --colors-light-cyan-300: #c6ecf5; --colors-light-cyan-400: #a6e5f4; --colors-light-cyan-500: #79d7ec; --colors-light-cyan-600: #05b9e1; --colors-light-cyan-700: #009cc7; --colors-light-cyan-800: #036b8e; --colors-light-cyan-900: #04516a; --colors-light-cyan-opacity-600-0: #05b9e100; --colors-light-cyan-opacity-600-12: #05b9e11f; --colors-light-cyan-opacity-600-16: #238bd329; --colors-light-cyan-opacity-600-4: #05b9e10a; --colors-light-cyan-opacity-600-8: #05b9e114; --colors-light-green-100: #e8f7ee; --colors-light-green-1000: #074f29; --colors-light-green-1100: #073821; --colors-light-green-200: #dcf2e5; --colors-light-green-300: #c3ebd4; --colors-light-green-400: #9bdeb7; --colors-light-green-500: #7bd5a1; --colors-light-green-600: #1eb861; --colors-light-green-700: #0e9649; --colors-light-green-800: #087b3d; --colors-light-green-900: #086734; --colors-light-green-opacity-400-0: #9bdeb700; --colors-light-green-opacity-400-12: #9bdeb71f; --colors-light-green-opacity-400-16: #9bdeb729; --colors-light-green-opacity-400-4: #9bdeb70a; --colors-light-green-opacity-400-8: #9bdeb714; --colors-light-green-opacity-600-0: #1eb86100; --colors-light-green-opacity-600-12: #1eb8611f; --colors-light-green-opacity-600-16: #1eb86129; --colors-light-green-opacity-600-4: #1eb8610a; --colors-light-green-opacity-600-8: #1eb86114; --colors-light-indigo-100: #f0f0fc; --colors-light-indigo-1000: #0e074f; --colors-light-indigo-1100: #0c0738; --colors-light-indigo-200: #e5e5fc; --colors-light-indigo-300: #d2d2f7; --colors-light-indigo-400: #ababf5; --colors-light-indigo-500: #8582e5; --colors-light-indigo-600: #524df0; --colors-light-indigo-700: #3f2de0; --colors-light-indigo-800: #2d20a1; --colors-light-indigo-900: #251c7d; --colors-light-indigo-opacity-600-0: #524df000; --colors-light-indigo-opacity-600-12: #524df01f; --colors-light-indigo-opacity-600-16: #4850e629; --colors-light-indigo-opacity-600-4: #524df00a; --colors-light-indigo-opacity-600-8: #524df014; --colors-light-lime-100: #f1f7e8; --colors-light-lime-1000: #294f07; --colors-light-lime-1100: #073821; --colors-light-lime-200: #e8f5d7; --colors-light-lime-300: #d7ebc3; --colors-light-lime-400: #bbdd96; --colors-light-lime-500: #aad57b; --colors-light-lime-600: #74b434; --colors-light-lime-700: #52990a; --colors-light-lime-800: #428509; --colors-light-lime-900: #346708; --colors-light-lime-opacity-600-0: #74b43400; --colors-light-lime-opacity-600-12: #74b4341f; --colors-light-lime-opacity-600-16: #74b43429; --colors-light-lime-opacity-600-4: #74b4340a; --colors-light-lime-opacity-600-8: #74b43414; --colors-light-neutral-0: #ffffff; --colors-light-neutral-100: #f5f5f5; --colors-light-neutral-1000: #1a1a1a; --colors-light-neutral-1100: #0f0f0f; --colors-light-neutral-200: #ededed; --colors-light-neutral-300: #dbdbdb; --colors-light-neutral-400: #c2c2c2; --colors-light-neutral-500: #adadad; --colors-light-neutral-600: #999999; --colors-light-neutral-700: #6e6e6e; --colors-light-neutral-800: #404040; --colors-light-neutral-900: #2e2e2e; --colors-light-neutral-opacity-0-0: #ffffff00; --colors-light-neutral-opacity-0-12: #ffffff1f; --colors-light-neutral-opacity-0-16: #ffffff29; --colors-light-neutral-opacity-0-20: #ffffff33; --colors-light-neutral-opacity-0-24: #ffffff3d; --colors-light-neutral-opacity-0-32: #ffffff52; --colors-light-neutral-opacity-0-4: #ffffff0a; --colors-light-neutral-opacity-0-40: #ffffff66; --colors-light-neutral-opacity-0-48: #ffffff7a; --colors-light-neutral-opacity-0-56: #ffffff8f; --colors-light-neutral-opacity-0-64: #ffffffa3; --colors-light-neutral-opacity-0-8: #ffffff14; --colors-light-neutral-opacity-1200-0: #00000000; --colors-light-neutral-opacity-1200-12: #0000001f; --colors-light-neutral-opacity-1200-16: #00000029; --colors-light-neutral-opacity-1200-20: #00000033; --colors-light-neutral-opacity-1200-24: #0000003d; --colors-light-neutral-opacity-1200-32: #00000052; --colors-light-neutral-opacity-1200-4: #0000000a; --colors-light-neutral-opacity-1200-40: #00000066; --colors-light-neutral-opacity-1200-48: #0000007a; --colors-light-neutral-opacity-1200-56: #0000008f; --colors-light-neutral-opacity-1200-64: #000000a3; --colors-light-neutral-opacity-1200-8: #00000014; --colors-light-orange-100: #fff5e8; --colors-light-orange-1000: #683712; --colors-light-orange-1100: #381c07; --colors-light-orange-200: #fcecd9; --colors-light-orange-300: #fadebe; --colors-light-orange-400: #f7c899; --colors-light-orange-500: #f5b270; --colors-light-orange-600: #f48d27; --colors-light-orange-700: #de6f00; --colors-light-orange-800: #a94f0a; --colors-light-orange-900: #854514; --colors-light-orange-opacity-600-0: #f48d2700; --colors-light-orange-opacity-600-12: #f48d271f; --colors-light-orange-opacity-600-16: #f48d2729; --colors-light-orange-opacity-600-4: #f48d270a; --colors-light-orange-opacity-600-8: #f48d2714; --colors-light-pink-100: #fcf0f4; --colors-light-pink-1000: #4f0720; --colors-light-pink-1100: #380718; --colors-light-pink-200: #fce5eb; --colors-light-pink-300: #f5cbd9; --colors-light-pink-400: #eb9cb1; --colors-light-pink-500: #e57c98; --colors-light-pink-600: #dd406a; --colors-light-pink-700: #c81856; --colors-light-pink-800: #a11c4b; --colors-light-pink-900: #7d1c3e; --colors-light-pink-opacity-600-0: #dd406a00; --colors-light-pink-opacity-600-12: #dd406a1f; --colors-light-pink-opacity-600-16: #dd406a29; --colors-light-pink-opacity-600-4: #dd406a0a; --colors-light-pink-opacity-600-8: #dd406a14; --colors-light-purple-100: #f2edfc; --colors-light-purple-1000: #24074f; --colors-light-purple-1100: #0c0738; --colors-light-purple-200: #ede5fc; --colors-light-purple-300: #dacbf5; --colors-light-purple-400: #bb9ff0; --colors-light-purple-500: #a480e5; --colors-light-purple-600: #8142f5; --colors-light-purple-700: #6619e2; --colors-light-purple-800: #511ca1; --colors-light-purple-900: #431c7d; --colors-light-purple-opacity-500-0: #a480e500; --colors-light-purple-opacity-500-12: #a480e51f; --colors-light-purple-opacity-500-16: #a480e529; --colors-light-purple-opacity-500-4: #a480e50a; --colors-light-purple-opacity-500-8: #a480e514; --colors-light-purple-opacity-600-0: #8142f500; --colors-light-purple-opacity-600-12: #8142f51f; --colors-light-purple-opacity-600-16: #8142f529; --colors-light-purple-opacity-600-4: #8142f50a; --colors-light-purple-opacity-600-8: #8142f514; --colors-light-red-100: #fcf0f1; --colors-light-red-1000: #4f070e; --colors-light-red-1100: #38070c; --colors-light-red-200: #fce5e6; --colors-light-red-300: #f5cbcd; --colors-light-red-400: #eb9c9e; --colors-light-red-500: #e57c7f; --colors-light-red-600: #dd4045; --colors-light-red-700: #c81829; --colors-light-red-800: #a11c2a; --colors-light-red-900: #7d1c25; --colors-light-red-opacity-400-0: #eb9c9e00; --colors-light-red-opacity-400-12: #eb9c9e1f; --colors-light-red-opacity-400-16: #eb9c9e29; --colors-light-red-opacity-400-4: #eb9c9e0a; --colors-light-red-opacity-400-8: #eb9c9e14; --colors-light-red-opacity-600-0: #dd404500; --colors-light-red-opacity-600-12: #dd40451f; --colors-light-red-opacity-600-16: #dd404529; --colors-light-red-opacity-600-4: #dd40450a; --colors-light-red-opacity-600-8: #dd404514; --colors-light-teal-100: #e8f7f7; --colors-light-teal-1000: #03423f; --colors-light-teal-1100: #07382d; --colors-light-teal-200: #d5f2f1; --colors-light-teal-300: #beebe9; --colors-light-teal-400: #92ddda; --colors-light-teal-500: #6dd1ce; --colors-light-teal-600: #1ec3be; --colors-light-teal-700: #00a8a2; --colors-light-teal-800: #067874; --colors-light-teal-900: #035351; --colors-light-teal-opacity-600-0: #1ec3be00; --colors-light-teal-opacity-600-12: #1ec3be1f; --colors-light-teal-opacity-600-16: #1ec3be29; --colors-light-teal-opacity-600-4: #1ec3be0a; --colors-light-teal-opacity-600-8: #1ec3be14; --colors-light-violet-100: #f8edfa; --colors-light-violet-1000: #3c074f; --colors-light-violet-1100: #2b0738; --colors-light-violet-200: #f4e6f7; --colors-light-violet-300: #ebc9f2; --colors-light-violet-400: #dd9ceb; --colors-light-violet-500: #d580e5; --colors-light-violet-600: #c040dd; --colors-light-violet-700: #9c18c8; --colors-light-violet-800: #7d1ca1; --colors-light-violet-900: #631c7d; --colors-light-violet-opacity-600-0: #c040dd00; --colors-light-violet-opacity-600-12: #c040dd1f; --colors-light-violet-opacity-600-16: #c040dd29; --colors-light-violet-opacity-600-4: #c040dd0a; --colors-light-violet-opacity-600-8: #c040dd14; --colors-light-yellow-100: #fffae6; --colors-light-yellow-1000: #684912; --colors-light-yellow-1100: #382607; --colors-light-yellow-200: #fcf4d5; --colors-light-yellow-300: #faeebe; --colors-light-yellow-400: #f7e199; --colors-light-yellow-500: #f5d670; --colors-light-yellow-600: #f4c427; --colors-light-yellow-700: #dea200; --colors-light-yellow-800: #a9740a; --colors-light-yellow-900: #855f14; --colors-light-yellow-opacity-700-0: #dea20000; --colors-light-yellow-opacity-700-12: #dea2001f; --colors-light-yellow-opacity-700-16: #dea20029; --colors-light-yellow-opacity-700-4: #dea2000a; --colors-light-yellow-opacity-700-8: #dea20014; --border-0: 0rem; --border-12-5: .0312rem; --border-25: .0625rem; --border-50: .125rem; --border-75: .1875rem; --border-100: .25rem; --border-150: .375rem; --border-200: .5rem; --breakpoints-xsmall: 0rem; --breakpoints-small: 30.625rem; --breakpoints-medium: 48rem; --breakpoints-large: 65rem; --breakpoints-xlarge: 90rem; --radius-0: 0rem; --radius-50: .125rem; --radius-100: .25rem; --radius-150: .375rem; --radius-200: .5rem; --radius-250: .625rem; --radius-300: .75rem; --radius-400: 1rem; --radius-500: 1.25rem; --radius-600: 1.5rem; --radius-full: 624.9375rem; --radius-rounded-none: 0rem; --radius-rounded-sm: .125rem; --radius-rounded: .25rem; --radius-rounded-md: .375rem; --radius-rounded-lg: .5rem; --radius-rounded-xl: .75rem; --radius-rounded-2xl: 1rem; --radius-rounded-3xl: 1.25rem; --radius-rounded-full: 624.9375rem; --space-0: 0rem; --space-25: .0625rem; --space-50: .125rem; --space-100: .25rem; --space-150: .375rem; --space-200: .5rem; --space-250: .625rem; --space-300: .75rem; --space-350: .875rem; --space-400: 1rem; --space-450: 1.125rem; --space-500: 1.25rem; --space-600: 1.5rem; --space-700: 1.75rem; --space-800: 2rem; --space-900: 2.25rem; --space-1000: 2.5rem; --space-1100: 2.75rem; --space-1200: 3rem; --space-1400: 3.5rem; --space-1600: 4rem; --space-1800: 4.5rem; --space-2000: 5rem; --space-2200: 5.5rem; --space-2400: 6rem; --space-2800: 7rem; --space-3200: 8rem; --space-3600: 9rem; --space-4000: 10rem; --text-2xs-desktop: .625rem; --text-xs-desktop: .75rem; --text-sm-desktop: .875rem; --text-base-desktop: 1rem; --text-lg-desktop: 1.125rem; --text-xl-desktop: 1.25rem; --text-2xl-desktop: 1.5rem; --text-3xl-desktop: 1.75rem; --text-4xl-desktop: 2rem; --text-5xl-desktop: 2.5rem; --text-6xl-desktop: 3rem; --text-7xl-desktop: 3.5rem; --text-8xl-desktop: 4rem; --text-9xl-desktop: 4.5rem; }@theme{ --dynamic-fill-danger-default: var(--colors-light-red-600); --dynamic-fill-danger-disabled: var(--colors-light-neutral-300); --dynamic-fill-danger-hover: var(--colors-light-red-700); --dynamic-fill-danger-pressed: var(--colors-light-red-800); --dynamic-fill-danger-alpha-default: var(--colors-light-red-opacity-600-0); --dynamic-fill-danger-alpha-hover: var(--colors-light-red-opacity-600-4); --dynamic-fill-danger-alpha-pressed: var(--colors-light-red-opacity-600-8); --dynamic-fill-danger-alpha-strong-default: var(--colors-light-red-opacity-600-4); --dynamic-fill-danger-alpha-strong-hover: var(--colors-light-red-opacity-600-8); --dynamic-fill-danger-alpha-strong-pressed: var(--colors-light-red-opacity-600-12); --dynamic-fill-inverse-default: var(--colors-light-neutral-0); --dynamic-fill-inverse-disabled: var(--colors-light-neutral-800); --dynamic-fill-inverse-hover: var(--colors-light-neutral-200); --dynamic-fill-inverse-pressed: var(--colors-light-neutral-300); --dynamic-fill-inverse-alpha-default: var(--colors-light-neutral-opacity-0-0); --dynamic-fill-inverse-alpha-hover: var(--colors-light-neutral-opacity-0-4); --dynamic-fill-inverse-alpha-pressed: var(--colors-light-neutral-opacity-0-8); --dynamic-fill-inverse-alpha-strong-default: var(--colors-light-neutral-opacity-0-4); --dynamic-fill-inverse-alpha-strong-hover: var(--colors-light-neutral-opacity-0-8); --dynamic-fill-inverse-alpha-strong-pressed: var(--colors-light-neutral-opacity-0-12); --dynamic-fill-primary-default: var(--colors-light-brand-600); --dynamic-fill-primary-disabled: var(--colors-light-neutral-300); --dynamic-fill-primary-hover: var(--colors-light-brand-800); --dynamic-fill-primary-pressed: var(--colors-light-brand-900); --dynamic-fill-primary-alpha-default: var(--colors-light-brand-opacity-600-0); --dynamic-fill-primary-alpha-hover: var(--colors-light-brand-opacity-600-4); --dynamic-fill-primary-alpha-pressed: var(--colors-light-brand-opacity-600-8); --dynamic-fill-primary-alpha-strong-default: var(--colors-light-brand-opacity-600-8); --dynamic-fill-primary-alpha-strong-hover: var(--colors-light-brand-opacity-600-12); --dynamic-fill-primary-alpha-strong-pressed: var(--colors-light-brand-opacity-600-16); --dynamic-fill-secondary-default: var(--colors-light-neutral-opacity-1200-8); --dynamic-fill-secondary-disabled: var(--colors-light-neutral-opacity-1200-4); --dynamic-fill-secondary-hover: var(--colors-light-neutral-opacity-1200-12); --dynamic-fill-secondary-pressed: var(--colors-light-neutral-opacity-1200-16); --dynamic-fill-secondary-alpha-default: var(--colors-light-neutral-opacity-1200-0); --dynamic-fill-secondary-alpha-disabled: var(--colors-light-neutral-opacity-1200-8); --dynamic-fill-secondary-alpha-hover: var(--colors-light-neutral-opacity-1200-4); --dynamic-fill-secondary-alpha-pressed: var(--colors-light-neutral-opacity-1200-8); --dynamic-fill-secondary-alpha-strong-default: var(--colors-light-neutral-opacity-1200-8); --dynamic-fill-secondary-alpha-strong-hover: var(--colors-light-neutral-opacity-1200-12); --dynamic-fill-secondary-alpha-strong-pressed: var(--colors-light-neutral-opacity-1200-16); --dynamic-fill-success-default: var(--colors-light-green-600); --dynamic-fill-success-disabled: var(--colors-light-neutral-300); --dynamic-fill-success-hover: var(--colors-light-green-700); --dynamic-fill-success-pressed: var(--colors-light-green-800); --dynamic-fill-success-alpha-default: var(--colors-light-green-opacity-600-0); --dynamic-fill-success-alpha-hover: var(--colors-light-green-opacity-600-4); --dynamic-fill-success-alpha-pressed: var(--colors-light-green-opacity-600-8); --dynamic-fill-success-alpha-strong-default: var(--colors-light-green-opacity-600-4); --dynamic-fill-success-alpha-strong-hover: var(--colors-light-green-opacity-600-8); --dynamic-fill-success-alpha-strong-pressed: var(--colors-light-green-opacity-600-12); --dynamic-fill-tertiary-default: var(--colors-light-neutral-400); --dynamic-fill-tertiary-disabled: var(--colors-light-neutral-300); --dynamic-fill-tertiary-hover: var(--colors-light-neutral-500); --dynamic-fill-tertiary-pressed: var(--colors-light-neutral-600); --dynamic-fill-tertiary-alpha-default: var(--colors-light-neutral-opacity-1200-0); --dynamic-fill-tertiary-alpha-hover: var(--colors-light-neutral-opacity-1200-4); --dynamic-fill-tertiary-alpha-pressed: var(--colors-light-neutral-opacity-1200-8); --dynamic-fill-tertiary-alpha-strong-default: var(--colors-light-neutral-opacity-1200-4); --dynamic-fill-tertiary-alpha-strong-hover: var(--colors-light-neutral-opacity-1200-8); --dynamic-fill-tertiary-alpha-strong-pressed: var(--colors-light-neutral-opacity-1200-12); --dynamic-stroke-danger-default: var(--colors-light-red-300); --dynamic-stroke-danger-disabled: var(--colors-light-neutral-300); --dynamic-stroke-danger-hover: var(--colors-light-red-400); --dynamic-stroke-danger-pressed: var(--colors-light-red-500); --dynamic-stroke-danger-strong-default: var(--colors-light-red-600); --dynamic-stroke-danger-strong-disabled: var(--colors-light-neutral-300); --dynamic-stroke-danger-strong-hover: var(--colors-light-red-800); --dynamic-stroke-danger-strong-pressed: var(--colors-light-red-1000); --dynamic-stroke-inverse-default: var(--colors-light-neutral-opacity-0-24); --dynamic-stroke-inverse-disabled: var(--colors-light-neutral-opacity-0-8); --dynamic-stroke-inverse-hover: var(--colors-light-neutral-opacity-0-40); --dynamic-stroke-inverse-pressed: var(--colors-light-neutral-opacity-0-56); --dynamic-stroke-inverse-strong-default: var(--colors-light-neutral-500); --dynamic-stroke-inverse-strong-disabled: var(--colors-light-neutral-opacity-0-8); --dynamic-stroke-inverse-strong-hover: var(--colors-light-neutral-400); --dynamic-stroke-inverse-strong-pressed: var(--colors-light-neutral-300); --dynamic-stroke-primary-default: var(--colors-light-brand-400); --dynamic-stroke-primary-disabled: var(--colors-light-neutral-opacity-1200-8); --dynamic-stroke-primary-hover: var(--colors-light-brand-500); --dynamic-stroke-primary-pressed: var(--colors-light-brand-600); --dynamic-stroke-primary-strong-default: var(--colors-light-brand-600); --dynamic-stroke-primary-strong-disabled: var(--colors-light-neutral-opacity-1200-8); --dynamic-stroke-primary-strong-hover: var(--colors-light-brand-800); --dynamic-stroke-primary-strong-pressed: var(--colors-light-brand-900); --dynamic-stroke-secondary-default: var(--colors-light-neutral-opacity-1200-16); --dynamic-stroke-secondary-disabled: var(--colors-light-neutral-opacity-1200-8); --dynamic-stroke-secondary-hover: var(--colors-light-neutral-opacity-1200-24); --dynamic-stroke-secondary-pressed: var(--colors-light-neutral-opacity-1200-32); --dynamic-stroke-secondary-strong-default: var(--colors-light-neutral-1100); --dynamic-stroke-secondary-strong-disabled: var(--colors-light-neutral-opacity-1200-8); --dynamic-stroke-secondary-strong-hover: var(--colors-light-neutral-900); --dynamic-stroke-secondary-strong-pressed: var(--colors-light-neutral-800); --dynamic-stroke-success-default: var(--colors-light-green-300); --dynamic-stroke-success-disabled: var(--colors-light-neutral-300); --dynamic-stroke-success-hover: var(--colors-light-green-400); --dynamic-stroke-success-pressed: var(--colors-light-green-500); --dynamic-stroke-success-strong-default: var(--colors-light-green-600); --dynamic-stroke-success-strong-disabled: var(--colors-light-neutral-300); --dynamic-stroke-success-strong-hover: var(--colors-light-green-800); --dynamic-stroke-success-strong-pressed: var(--colors-light-green-1000); --dynamic-text-danger-default: var(--colors-light-red-700); --dynamic-text-danger-disabled: var(--colors-light-neutral-700); --dynamic-text-danger-hover: var(--colors-light-red-800); --dynamic-text-danger-pressed: var(--colors-light-red-900); --dynamic-text-inverse-default: var(--colors-light-neutral-0); --dynamic-text-inverse-disabled: var(--colors-light-neutral-500); --dynamic-text-inverse-hover: var(--colors-light-neutral-200); --dynamic-text-inverse-pressed: var(--colors-light-neutral-300); --dynamic-text-on-danger-default: var(--colors-light-neutral-0); --dynamic-text-on-danger-disabled: var(--colors-light-neutral-700); --dynamic-text-on-danger-hover: var(--colors-light-neutral-0); --dynamic-text-on-danger-pressed: var(--colors-light-neutral-0); --dynamic-text-on-inverse-default: var(--colors-light-neutral-1100); --dynamic-text-on-inverse-disabled: var(--colors-light-neutral-400); --dynamic-text-on-inverse-hover: var(--colors-light-neutral-1100); --dynamic-text-on-inverse-pressed: var(--colors-light-neutral-1100); --dynamic-text-on-primary-default: var(--colors-light-neutral-0); --dynamic-text-on-primary-disabled: var(--colors-light-neutral-700); --dynamic-text-on-primary-hover: var(--colors-light-neutral-0); --dynamic-text-on-primary-pressed: var(--colors-light-neutral-0); --dynamic-text-on-secondary-default: var(--colors-light-neutral-900); --dynamic-text-on-secondary-disabled: var(--colors-light-neutral-600); --dynamic-text-on-secondary-hover: var(--colors-light-neutral-1000); --dynamic-text-on-secondary-pressed: var(--colors-light-neutral-1100); --dynamic-text-on-success-default: var(--colors-light-neutral-0); --dynamic-text-on-success-disabled: var(--colors-light-neutral-700); --dynamic-text-on-success-hover: var(--colors-light-neutral-0); --dynamic-text-on-success-pressed: var(--colors-light-neutral-0); --dynamic-text-primary-default: var(--colors-light-brand-600); --dynamic-text-primary-disabled: var(--colors-light-neutral-700); --dynamic-text-primary-hover: var(--colors-light-brand-700); --dynamic-text-primary-pressed: var(--colors-light-brand-800); --dynamic-text-secondary-default: var(--colors-light-neutral-1100); --dynamic-text-secondary-disabled: var(--colors-light-neutral-700); --dynamic-text-secondary-hover: var(--colors-light-neutral-1100); --dynamic-text-secondary-pressed: var(--colors-light-neutral-1100); --dynamic-text-success-default: var(--colors-light-green-700); --dynamic-text-success-disabled: var(--colors-light-neutral-700); --dynamic-text-success-hover: var(--colors-light-green-800); --dynamic-text-success-pressed: var(--colors-light-green-900); --non-semantic-fill-blue-strong: var(--colors-light-blue-600); --non-semantic-fill-blue-subtle: var(--colors-light-blue-300); --non-semantic-fill-brand-strong: var(--colors-light-brand-600); --non-semantic-fill-brand-subtle: var(--colors-light-brand-300); --non-semantic-fill-cyan-strong: var(--colors-light-cyan-600); --non-semantic-fill-cyan-subtle: var(--colors-light-cyan-300); --non-semantic-fill-green-strong: var(--colors-light-green-600); --non-semantic-fill-green-subtle: var(--colors-light-green-300); --non-semantic-fill-indigo-strong: var(--colors-light-indigo-600); --non-semantic-fill-indigo-subtle: var(--colors-light-indigo-300); --non-semantic-fill-lime-strong: var(--colors-light-lime-600); --non-semantic-fill-lime-subtle: var(--colors-light-lime-300); --non-semantic-fill-orange-strong: var(--colors-light-orange-600); --non-semantic-fill-orange-subtle: var(--colors-light-orange-300); --non-semantic-fill-pink-strong: var(--colors-light-pink-600); --non-semantic-fill-pink-subtle: var(--colors-light-pink-300); --non-semantic-fill-purple-strong: var(--colors-light-purple-600); --non-semantic-fill-purple-subtle: var(--colors-light-purple-300); --non-semantic-fill-red-strong: var(--colors-light-red-600); --non-semantic-fill-red-subtle: var(--colors-light-red-300); --non-semantic-fill-teal-strong: var(--colors-light-teal-600); --non-semantic-fill-teal-subtle: var(--colors-light-teal-300); --non-semantic-fill-violet-strong: var(--colors-light-violet-600); --non-semantic-fill-violet-subtle: var(--colors-light-violet-300); --non-semantic-fill-yellow-strong: var(--colors-light-yellow-600); --non-semantic-fill-yellow-subtle: var(--colors-light-yellow-300); --non-semantic-stroke-blue-default: var(--colors-light-blue-300); --non-semantic-stroke-brand-default: var(--colors-light-brand-300); --non-semantic-stroke-cyan-default: var(--colors-light-cyan-300); --non-semantic-stroke-green-default: var(--colors-light-green-300); --non-semantic-stroke-indigo-default: var(--colors-light-indigo-300); --non-semantic-stroke-lime-default: var(--colors-light-lime-300); --non-semantic-stroke-orange-default: var(--colors-light-orange-300); --non-semantic-stroke-pink-default: var(--colors-light-pink-300); --non-semantic-stroke-purple-default: var(--colors-light-purple-300); --non-semantic-stroke-red-default: var(--colors-light-red-300); --non-semantic-stroke-teal-default: var(--colors-light-teal-300); --non-semantic-stroke-violet-default: var(--colors-light-violet-300); --non-semantic-stroke-yellow-default: var(--colors-light-yellow-300); --non-semantic-text-blue-on-strong: var(--colors-light-neutral-0); --non-semantic-text-blue-on-subtle: var(--colors-light-blue-1100); --non-semantic-text-brand-on-strong: var(--colors-light-neutral-0); --non-semantic-text-brand-on-subtle: var(--colors-light-brand-1100); --non-semantic-text-cyan-on-strong: var(--colors-light-neutral-0); --non-semantic-text-cyan-on-subtle: var(--colors-light-cyan-1100); --non-semantic-text-green-on-strong: var(--colors-light-neutral-0); --non-semantic-text-green-on-subtle: var(--colors-light-green-1100); --non-semantic-text-indigo-on-strong: var(--colors-light-neutral-0); --non-semantic-text-indigo-on-subtle: var(--colors-light-indigo-1100); --non-semantic-text-lime-on-strong: var(--colors-light-neutral-0); --non-semantic-text-lime-on-subtle: var(--colors-light-lime-1100); --non-semantic-text-orange-on-strong: var(--colors-light-neutral-0); --non-semantic-text-orange-on-subtle: var(--colors-light-orange-1100); --non-semantic-text-pink-on-strong: var(--colors-light-neutral-0); --non-semantic-text-pink-on-subtle: var(--colors-light-pink-1100); --non-semantic-text-purple-on-strong: var(--colors-light-neutral-0); --non-semantic-text-purple-on-subtle: var(--colors-light-purple-1100); --non-semantic-text-red-on-strong: var(--colors-light-neutral-0); --non-semantic-text-red-on-subtle: var(--colors-light-red-1100); --non-semantic-text-teal-on-strong: var(--colors-light-neutral-0); --non-semantic-text-teal-on-subtle: var(--colors-light-teal-1100); --non-semantic-text-violet-on-strong: var(--colors-light-neutral-0); --non-semantic-text-violet-on-subtle: var(--colors-light-violet-1100); --non-semantic-text-yellow-on-strong: var(--colors-light-yellow-1100); --non-semantic-text-yellow-on-subtle: var(--colors-light-yellow-1100); --semantic-fill-info: var(--colors-light-blue-opacity-600-16); --semantic-fill-negative: var(--colors-light-red-opacity-600-16); --semantic-fill-neutral: var(--colors-light-neutral-opacity-1200-12); --semantic-fill-notice: var(--colors-light-yellow-opacity-700-16); --semantic-fill-positive: var(--colors-light-green-opacity-600-16); --semantic-fill-inverse-info: var(--colors-light-blue-700); --semantic-fill-inverse-negative: var(--colors-light-red-700); --semantic-fill-inverse-neutral: var(--colors-light-neutral-1100); --semantic-fill-inverse-notice: var(--colors-light-yellow-600); --semantic-fill-inverse-positive: var(--colors-light-green-700); --semantic-stroke-info: var(--colors-light-blue-600); --semantic-stroke-negative: var(--colors-light-red-600); --semantic-stroke-neutral: var(--colors-light-neutral-600); --semantic-stroke-notice: var(--colors-light-yellow-600); --semantic-stroke-positive: var(--colors-light-green-600); --semantic-text-info: var(--colors-light-blue-800); --semantic-text-negative: var(--colors-light-red-800); --semantic-text-neutral: var(--colors-light-neutral-1000); --semantic-text-notice: var(--colors-light-yellow-800); --semantic-text-positive: var(--colors-light-green-800); --semantic-text-on-inverse-info: var(--colors-light-neutral-0); --semantic-text-on-inverse-negative: var(--colors-light-neutral-0); --semantic-text-on-inverse-neutral: var(--colors-light-neutral-0); --semantic-text-on-inverse-notice: var(--colors-light-neutral-1100); --semantic-text-on-inverse-positive: var(--colors-light-neutral-0); --semantic-text-on-subtle-info: var(--colors-light-blue-1000); --semantic-text-on-subtle-negative: var(--colors-light-red-1100); --semantic-text-on-subtle-neutral: var(--colors-dark-neutral-1100); --semantic-text-on-subtle-notice: var(--colors-light-yellow-1100); --semantic-text-on-subtle-positive: var(--colors-light-green-1100); --static-fill-background: var(--colors-light-neutral-100); --static-fill-container: var(--colors-light-neutral-0); --static-fill-foreground: var(--colors-light-neutral-0); --static-fill-overlay: var(--colors-light-neutral-0); --static-fill-alpha-base: var(--colors-light-neutral-opacity-1200-8); --static-fill-alpha-strong: var(--colors-light-neutral-opacity-1200-12); --static-fill-alpha-subtle: var(--colors-light-neutral-opacity-1200-4); --static-fill-highlight-base: var(--colors-light-neutral-0); --static-fill-highlight-inverse: var(--colors-light-neutral-opacity-0-12); --static-fill-highlight-subtle: var(--colors-light-neutral-0); --static-fill-inverse-background: var(--colors-light-neutral-1100); --static-fill-inverse-container: var(--colors-light-neutral-900); --static-fill-inverse-foreground: var(--colors-light-neutral-1000); --static-fill-inverse-overlay: var(--colors-light-neutral-800); --static-fill-inverse-alpha-base: var(--colors-light-neutral-opacity-0-8); --static-fill-inverse-alpha-strong: var(--colors-light-neutral-opacity-0-12); --static-fill-inverse-alpha-subtle: var(--colors-light-neutral-opacity-0-4); --static-scrim-base: var(--colors-light-neutral-opacity-1200-48); --static-shadow-focus: var(--colors-light-neutral-1100); --static-shadow-outline: var(--colors-light-neutral-opacity-1200-8); --static-stroke-base: var(--colors-light-neutral-opacity-1200-12); --static-stroke-strong: var(--colors-light-neutral-opacity-1200-16); --static-stroke-subtle: var(--colors-light-neutral-opacity-1200-8); --static-stroke-inverse-base: var(--colors-light-neutral-opacity-0-12); --static-stroke-inverse-strong: var(--colors-light-neutral-opacity-0-24); --static-stroke-inverse-subtle: var(--colors-light-neutral-opacity-0-8); --static-text-base: var(--colors-light-neutral-900); --static-text-strong: var(--colors-light-neutral-1100); --static-text-subtle: var(--colors-light-neutral-700); --static-text-inverse-base: var(--colors-light-neutral-300); --static-text-inverse-strong: var(--colors-light-neutral-0); --static-text-inverse-subtle: var(--colors-light-neutral-500); --color: Light; }@theme{ --background-color-dynamic-danger-default: var(--dynamic-fill-danger-default); --outline-color-dynamic-danger-default: var(--dynamic-fill-danger-default); --fill-dynamic-danger-default: var(--dynamic-fill-danger-default); --background-color-dynamic-danger-disabled: var(--dynamic-fill-danger-disabled); --outline-color-dynamic-danger-disabled: var(--dynamic-fill-danger-disabled); --fill-dynamic-danger-disabled: var(--dynamic-fill-danger-disabled); --background-color-dynamic-danger-hover: var(--dynamic-fill-danger-hover); --outline-color-dynamic-danger-hover: var(--dynamic-fill-danger-hover); --fill-dynamic-danger-hover: var(--dynamic-fill-danger-hover); --background-color-dynamic-danger-pressed: var(--dynamic-fill-danger-pressed); --outline-color-dynamic-danger-pressed: var(--dynamic-fill-danger-pressed); --fill-dynamic-danger-pressed: var(--dynamic-fill-danger-pressed); --background-color-dynamic-danger-alpha-default: var(--dynamic-fill-danger-alpha-default); --outline-color-dynamic-danger-alpha-default: var(--dynamic-fill-danger-alpha-default); --fill-dynamic-danger-alpha-default: var(--dynamic-fill-danger-alpha-default); --background-color-dynamic-danger-alpha-hover: var(--dynamic-fill-danger-alpha-hover); --outline-color-dynamic-danger-alpha-hover: var(--dynamic-fill-danger-alpha-hover); --fill-dynamic-danger-alpha-hover: var(--dynamic-fill-danger-alpha-hover); --background-color-dynamic-danger-alpha-pressed: var(--dynamic-fill-danger-alpha-pressed); --outline-color-dynamic-danger-alpha-pressed: var(--dynamic-fill-danger-alpha-pressed); --fill-dynamic-danger-alpha-pressed: var(--dynamic-fill-danger-alpha-pressed); --background-color-dynamic-danger-alpha-strong-default: var( --dynamic-fill-danger-alpha-strong-default ); --outline-color-dynamic-danger-alpha-strong-default: var( --dynamic-fill-danger-alpha-strong-default ); --fill-dynamic-danger-alpha-strong-default: var(--dynamic-fill-danger-alpha-strong-default); --background-color-dynamic-danger-alpha-strong-hover: var( --dynamic-fill-danger-alpha-strong-hover ); --outline-color-dynamic-danger-alpha-strong-hover: var(--dynamic-fill-danger-alpha-strong-hover); --fill-dynamic-danger-alpha-strong-hover: var(--dynamic-fill-danger-alpha-strong-hover); --background-color-dynamic-danger-alpha-strong-pressed: var( --dynamic-fill-danger-alpha-strong-pressed ); --outline-color-dynamic-danger-alpha-strong-pressed: var( --dynamic-fill-danger-alpha-strong-pressed ); --fill-dynamic-danger-alpha-strong-pressed: var(--dynamic-fill-danger-alpha-strong-pressed); --background-color-dynamic-inverse-default: var(--dynamic-fill-inverse-default); --outline-color-dynamic-inverse-default: var(--dynamic-fill-inverse-default); --fill-dynamic-inverse-default: var(--dynamic-fill-inverse-default); --background-color-dynamic-inverse-disabled: var(--dynamic-fill-inverse-disabled); --outline-color-dynamic-inverse-disabled: var(--dynamic-fill-inverse-disabled); --fill-dynamic-inverse-disabled: var(--dynamic-fill-inverse-disabled); --background-color-dynamic-inverse-hover: var(--dynamic-fill-inverse-hover); --outline-color-dynamic-inverse-hover: var(--dynamic-fill-inverse-hover); --fill-dynamic-inverse-hover: var(--dynamic-fill-inverse-hover); --background-color-dynamic-inverse-pressed: var(--dynamic-fill-inverse-pressed); --outline-color-dynamic-inverse-pressed: var(--dynamic-fill-inverse-pressed); --fill-dynamic-inverse-pressed: var(--dynamic-fill-inverse-pressed); --background-color-dynamic-inverse-alpha-default: var(--dynamic-fill-inverse-alpha-default); --outline-color-dynamic-inverse-alpha-default: var(--dynamic-fill-inverse-alpha-default); --fill-dynamic-inverse-alpha-default: var(--dynamic-fill-inverse-alpha-default); --background-color-dynamic-inverse-alpha-hover: var(--dynamic-fill-inverse-alpha-hover); --outline-color-dynamic-inverse-alpha-hover: var(--dynamic-fill-inverse-alpha-hover); --fill-dynamic-inverse-alpha-hover: var(--dynamic-fill-inverse-alpha-hover); --background-color-dynamic-inverse-alpha-pressed: var(--dynamic-fill-inverse-alpha-pressed); --outline-color-dynamic-inverse-alpha-pressed: var(--dynamic-fill-inverse-alpha-pressed); --fill-dynamic-inverse-alpha-pressed: var(--dynamic-fill-inverse-alpha-pressed); --background-color-dynamic-inverse-alpha-strong-default: var( --dynamic-fill-inverse-alpha-strong-default ); --outline-color-dynamic-inverse-alpha-strong-default: var( --dynamic-fill-inverse-alpha-strong-default ); --fill-dynamic-inverse-alpha-strong-default: var(--dynamic-fill-inverse-alpha-strong-default); --background-color-dynamic-inverse-alpha-strong-hover: var( --dynamic-fill-inverse-alpha-strong-hover ); --outline-color-dynamic-inverse-alpha-strong-hover: var( --dynamic-fill-inverse-alpha-strong-hover ); --fill-dynamic-inverse-alpha-strong-hover: var(--dynamic-fill-inverse-alpha-strong-hover); --background-color-dynamic-inverse-alpha-strong-pressed: var( --dynamic-fill-inverse-alpha-strong-pressed ); --outline-color-dynamic-inverse-alpha-strong-pressed: var( --dynamic-fill-inverse-alpha-strong-pressed ); --fill-dynamic-inverse-alpha-strong-pressed: var(--dynamic-fill-inverse-alpha-strong-pressed); --background-color-dynamic-primary-default: var(--dynamic-fill-primary-default); --outline-color-dynamic-primary-default: var(--dynamic-fill-primary-default); --fill-dynamic-primary-default: var(--dynamic-fill-primary-default); --background-color-dynamic-primary-disabled: var(--dynamic-fill-primary-disabled); --outline-color-dynamic-primary-disabled: var(--dynamic-fill-primary-disabled); --fill-dynamic-primary-disabled: var(--dynamic-fill-primary-disabled); --background-color-dynamic-primary-hover: var(--dynamic-fill-primary-hover); --outline-color-dynamic-primary-hover: var(--dynamic-fill-primary-hover); --fill-dynamic-primary-hover: var(--dynamic-fill-primary-hover); --background-color-dynamic-primary-pressed: var(--dynamic-fill-primary-pressed); --outline-color-dynamic-primary-pressed: var(--dynamic-fill-primary-pressed); --fill-dynamic-primary-pressed: var(--dynamic-fill-primary-pressed); --background-color-dynamic-primary-alpha-default: var(--dynamic-fill-primary-alpha-default); --outline-color-dynamic-primary-alpha-default: var(--dynamic-fill-primary-alpha-default); --fill-dynamic-primary-alpha-default: var(--dynamic-fill-primary-alpha-default); --background-color-dynamic-primary-alpha-hover: var(--dynamic-fill-primary-alpha-hover); --outline-color-dynamic-primary-alpha-hover: var(--dynamic-fill-primary-alpha-hover); --fill-dynamic-primary-alpha-hover: var(--dynamic-fill-primary-alpha-hover); --background-color-dynamic-primary-alpha-pressed: var(--dynamic-fill-primary-alpha-pressed); --outline-color-dynamic-primary-alpha-pressed: var(--dynamic-fill-primary-alpha-pressed); --fill-dynamic-primary-alpha-pressed: var(--dynamic-fill-primary-alpha-pressed); --background-color-dynamic-primary-alpha-strong-default: var( --dynamic-fill-primary-alpha-strong-default ); --outline-color-dynamic-primary-alpha-strong-default: var( --dynamic-fill-primary-alpha-strong-default ); --fill-dynamic-primary-alpha-strong-default: var(--dynamic-fill-primary-alpha-strong-default); --background-color-dynamic-primary-alpha-strong-hover: var( --dynamic-fill-primary-alpha-strong-hover ); --outline-color-dynamic-primary-alpha-strong-hover: var( --dynamic-fill-primary-alpha-strong-hover ); --fill-dynamic-primary-alpha-strong-hover: var(--dynamic-fill-primary-alpha-strong-hover); --background-color-dynamic-primary-alpha-strong-pressed: var( --dynamic-fill-primary-alpha-strong-pressed ); --outline-color-dynamic-primary-alpha-strong-pressed: var( --dynamic-fill-primary-alpha-strong-pressed ); --fill-dynamic-primary-alpha-strong-pressed: var(--dynamic-fill-primary-alpha-strong-pressed); --background-color-dynamic-secondary-default: var(--dynamic-fill-secondary-default); --outline-color-dynamic-secondary-default: var(--dynamic-fill-secondary-default); --fill-dynamic-secondary-default: var(--dynamic-fill-secondary-default); --background-color-dynamic-secondary-disabled: var(--dynamic-fill-secondary-disabled); --outline-color-dynamic-secondary-disabled: var(--dynamic-fill-secondary-disabled); --fill-dynamic-secondary-disabled: var(--dynamic-fill-secondary-disabled); --background-color-dynamic-secondary-hover: var(--dynamic-fill-secondary-hover); --outline-color-dynamic-secondary-hover: var(--dynamic-fill-secondary-hover); --fill-dynamic-secondary-hover: var(--dynamic-fill-secondary-hover); --background-color-dynamic-secondary-pressed: var(--dynamic-fill-secondary-pressed); --outline-color-dynamic-secondary-pressed: var(--dynamic-fill-secondary-pressed); --fill-dynamic-secondary-pressed: var(--dynamic-fill-secondary-pressed); --background-color-dynamic-secondary-alpha-default: var(--dynamic-fill-secondary-alpha-default); --outline-color-dynamic-secondary-alpha-default: var(--dynamic-fill-secondary-alpha-default); --fill-dynamic-secondary-alpha-default: var(--dynamic-fill-secondary-alpha-default); --background-color-dynamic-secondary-alpha-disabled: var(--dynamic-fill-secondary-alpha-disabled); --outline-color-dynamic-secondary-alpha-disabled: var(--dynamic-fill-secondary-alpha-disabled); --fill-dynamic-secondary-alpha-disabled: var(--dynamic-fill-secondary-alpha-disabled); --background-color-dynamic-secondary-alpha-hover: var(--dynamic-fill-secondary-alpha-hover); --outline-color-dynamic-secondary-alpha-hover: var(--dynamic-fill-secondary-alpha-hover); --fill-dynamic-secondary-alpha-hover: var(--dynamic-fill-secondary-alpha-hover); --background-color-dynamic-secondary-alpha-pressed: var(--dynamic-fill-secondary-alpha-pressed); --outline-color-dynamic-secondary-alpha-pressed: var(--dynamic-fill-secondary-alpha-pressed); --fill-dynamic-secondary-alpha-pressed: var(--dynamic-fill-secondary-alpha-pressed); --background-color-dynamic-secondary-alpha-strong-default: var( --dynamic-fill-secondary-alpha-strong-default ); --outline-color-dynamic-secondary-alpha-strong-default: var( --dynamic-fill-secondary-alpha-strong-default ); --fill-dynamic-secondary-alpha-strong-default: var(--dynamic-fill-secondary-alpha-strong-default); --background-color-dynamic-secondary-alpha-strong-hover: var( --dynamic-fill-secondary-alpha-strong-hover ); --outline-color-dynamic-secondary-alpha-strong-hover: var( --dynamic-fill-secondary-alpha-strong-hover ); --fill-dynamic-secondary-alpha-strong-hover: var(--dynamic-fill-secondary-alpha-strong-hover); --background-color-dynamic-secondary-alpha-strong-pressed: var( --dynamic-fill-secondary-alpha-strong-pressed ); --outline-color-dynamic-secondary-alpha-strong-pressed: var( --dynamic-fill-secondary-alpha-strong-pressed ); --fill-dynamic-secondary-alpha-strong-pressed: var(--dynamic-fill-secondary-alpha-strong-pressed); --background-color-dynamic-success-default: var(--dynamic-fill-success-default); --outline-color-dynamic-success-default: var(--dynamic-fill-success-default); --fill-dynamic-success-default: var(--dynamic-fill-success-default); --background-color-dynamic-success-disabled: var(--dynamic-fill-success-disabled); --outline-color-dynamic-success-disabled: var(--dynamic-fill-success-disabled); --fill-dynamic-success-disabled: var(--dynamic-fill-success-disabled); --background-color-dynamic-success-hover: var(--dynamic-fill-success-hover); --outline-color-dynamic-success-hover: var(--dynamic-fill-success-hover); --fill-dynamic-success-hover: var(--dynamic-fill-success-hover); --background-color-dynamic-success-pressed: var(--dynamic-fill-success-pressed); --outline-color-dynamic-success-pressed: var(--dynamic-fill-success-pressed); --fill-dynamic-success-pressed: var(--dynamic-fill-success-pressed); --background-color-dynamic-success-alpha-default: var(--dynamic-fill-success-alpha-default); --outline-color-dynamic-success-alpha-default: var(--dynamic-fill-success-alpha-default); --fill-dynamic-success-alpha-default: var(--dynamic-fill-success-alpha-default); --background-color-dynamic-success-alpha-hover: var(--dynamic-fill-success-alpha-hover); --outline-color-dynamic-success-alpha-hover: var(--dynamic-fill-success-alpha-hover); --fill-dynamic-success-alpha-hover: var(--dynamic-fill-success-alpha-hover); --background-color-dynamic-success-alpha-pressed: var(--dynamic-fill-success-alpha-pressed); --outline-color-dynamic-success-alpha-pressed: var(--dynamic-fill-success-alpha-pressed); --fill-dynamic-success-alpha-pressed: var(--dynamic-fill-success-alpha-pressed); --background-color-dynamic-success-alpha-strong-default: var( --dynamic-fill-success-alpha-strong-default ); --outline-color-dynamic-success-alpha-strong-default: var( --dynamic-fill-success-alpha-strong-default ); --fill-dynamic-success-alpha-strong-default: var(--dynamic-fill-success-alpha-strong-default); --background-color-dynamic-success-alpha-strong-hover: var( --dynamic-fill-success-alpha-strong-hover ); --outline-color-dynamic-success-alpha-strong-hover: var( --dynamic-fill-success-alpha-strong-hover ); --fill-dynamic-success-alpha-strong-hover: var(--dynamic-fill-success-alpha-strong-hover); --background-color-dynamic-success-alpha-strong-pressed: var( --dynamic-fill-success-alpha-strong-pressed ); --outline-color-dynamic-success-alpha-strong-pressed: var( --dynamic-fill-success-alpha-strong-pressed ); --fill-dynamic-success-alpha-strong-pressed: var(--dynamic-fill-success-alpha-strong-pressed); --background-color-dynamic-tertiary-default: var(--dynamic-fill-tertiary-default); --outline-color-dynamic-tertiary-default: var(--dynamic-fill-tertiary-default); --fill-dynamic-tertiary-default: var(--dynamic-fill-tertiary-default); --background-color-dynamic-tertiary-disabled: var(--dynamic-fill-tertiary-disabled); --outline-color-dynamic-tertiary-disabled: var(--dynamic-fill-tertiary-disabled); --fill-dynamic-tertiary-disabled: var(--dynamic-fill-tertiary-disabled); --background-color-dynamic-tertiary-hover: var(--dynamic-fill-tertiary-hover); --outline-color-dynamic-tertiary-hover: var(--dynamic-fill-tertiary-hover); --fill-dynamic-tertiary-hover: var(--dynamic-fill-tertiary-hover); --background-color-dynamic-tertiary-pressed: var(--dynamic-fill-tertiary-pressed); --outline-color-dynamic-tertiary-pressed: var(--dynamic-fill-tertiary-pressed); --fill-dynamic-tertiary-pressed: var(--dynamic-fill-tertiary-pressed); --background-color-dynamic-tertiary-alpha-default: var(--dynamic-fill-tertiary-alpha-default); --outline-color-dynamic-tertiary-alpha-default: var(--dynamic-fill-tertiary-alpha-default); --fill-dynamic-tertiary-alpha-default: var(--dynamic-fill-tertiary-alpha-default); --background-color-dynamic-tertiary-alpha-hover: var(--dynamic-fill-tertiary-alpha-hover); --outline-color-dynamic-tertiary-alpha-hover: var(--dynamic-fill-tertiary-alpha-hover); --fill-dynamic-tertiary-alpha-hover: var(--dynamic-fill-tertiary-alpha-hover); --background-color-dynamic-tertiary-alpha-pressed: var(--dynamic-fill-tertiary-alpha-pressed); --outline-color-dynamic-tertiary-alpha-pressed: var(--dynamic-fill-tertiary-alpha-pressed); --fill-dynamic-tertiary-alpha-pressed: var(--dynamic-fill-tertiary-alpha-pressed); --background-color-dynamic-tertiary-alpha-strong-default: var( --dynamic-fill-tertiary-alpha-strong-default ); --outline-color-dynamic-tertiary-alpha-strong-default: var( --dynamic-fill-tertiary-alpha-strong-default ); --fill-dynamic-tertiary-alpha-strong-default: var(--dynamic-fill-tertiary-alpha-strong-default); --background-color-dynamic-tertiary-alpha-strong-hover: var( --dynamic-fill-tertiary-alpha-strong-hover ); --outline-color-dynamic-tertiary-alpha-strong-hover: var( --dynamic-fill-tertiary-alpha-strong-hover ); --fill-dynamic-tertiary-alpha-strong-hover: var(--dynamic-fill-tertiary-alpha-strong-hover); --background-color-dynamic-tertiary-alpha-strong-pressed: var( --dynamic-fill-tertiary-alpha-strong-pressed ); --outline-color-dynamic-tertiary-alpha-strong-pressed: var( --dynamic-fill-tertiary-alpha-strong-pressed ); --fill-dynamic-tertiary-alpha-strong-pressed: var(--dynamic-fill-tertiary-alpha-strong-pressed); --border-color-dynamic-danger-default: var(--dynamic-stroke-danger-default); --border-color-dynamic-danger-disabled: var(--dynamic-stroke-danger-disabled); --border-color-dynamic-danger-hover: var(--dynamic-stroke-danger-hover); --border-color-dynamic-danger-pressed: var(--dynamic-stroke-danger-pressed); --border-color-dynamic-danger-strong-default: var(--dynamic-stroke-danger-strong-default); --outline-color-dynamic-danger-strong-default: var(--dynamic-stroke-danger-strong-default); --border-color-dynamic-danger-strong-disabled: var(--dynamic-stroke-danger-strong-disabled); --outline-color-dynamic-danger-strong-disabled: var(--dynamic-stroke-danger-strong-disabled); --border-color-dynamic-danger-strong-hover: var(--dynamic-stroke-danger-strong-hover); --outline-color-dynamic-danger-strong-hover: var(--dynamic-stroke-danger-strong-hover); --border-color-dynamic-danger-strong-pressed: var(--dynamic-stroke-danger-strong-pressed); --outline-color-dynamic-danger-strong-pressed: var(--dynamic-stroke-danger-strong-pressed); --border-color-dynamic-inverse-default: var(--dynamic-stroke-inverse-default); --border-color-dynamic-inverse-disabled: var(--dynamic-stroke-inverse-disabled); --border-color-dynamic-inverse-hover: var(--dynamic-stroke-inverse-hover); --border-color-dynamic-inverse-pressed: var(--dynamic-stroke-inverse-pressed); --border-color-dynamic-inverse-strong-default: var(--dynamic-stroke-inverse-strong-default); --outline-color-dynamic-inverse-strong-default: var(--dynamic-stroke-inverse-strong-default); --border-color-dynamic-inverse-strong-disabled: var(--dynamic-stroke-inverse-strong-disabled); --outline-color-dynamic-inverse-strong-disabled: var(--dynamic-stroke-inverse-strong-disabled); --border-color-dynamic-inverse-strong-hover: var(--dynamic-stroke-inverse-strong-hover); --outline-color-dynamic-inverse-strong-hover: var(--dynamic-stroke-inverse-strong-hover); --border-color-dynamic-inverse-strong-pressed: var(--dynamic-stroke-inverse-strong-pressed); --outline-color-dynamic-inverse-strong-pressed: var(--dynamic-stroke-inverse-strong-pressed); --border-color-dynamic-primary-default: var(--dynamic-stroke-primary-default); --border-color-dynamic-primary-disabled: var(--dynamic-stroke-primary-disabled); --border-color-dynamic-primary-hover: var(--dynamic-stroke-primary-hover); --border-color-dynamic-primary-pressed: var(--dynamic-stroke-primary-pressed); --border-color-dynamic-primary-strong-default: var(--dynamic-stroke-primary-strong-default); --outline-color-dynamic-primary-strong-default: var(--dynamic-stroke-primary-strong-default); --border-color-dynamic-primary-strong-disabled: var(--dynamic-stroke-primary-strong-disabled); --outline-color-dynamic-primary-strong-disabled: var(--dynamic-stroke-primary-strong-disabled); --border-color-dynamic-primary-strong-hover: var(--dynamic-stroke-primary-strong-hover); --outline-color-dynamic-primary-strong-hover: var(--dynamic-stroke-primary-strong-hover); --border-color-dynamic-primary-strong-pressed: var(--dynamic-stroke-primary-strong-pressed); --outline-color-dynamic-primary-strong-pressed: var(--dynamic-stroke-primary-strong-pressed); --border-color-dynamic-secondary-default: var(--dynamic-stroke-secondary-default); --border-color-dynamic-secondary-disabled: var(--dynamic-stroke-secondary-disabled); --border-color-dynamic-secondary-hover: var(--dynamic-stroke-secondary-hover); --border-color-dynamic-secondary-pressed: var(--dynamic-stroke-secondary-pressed); --border-color-dynamic-secondary-strong-default: var(--dynamic-stroke-secondary-strong-default); --outline-color-dynamic-secondary-strong-default: var(--dynamic-stroke-secondary-strong-default); --border-color-dynamic-secondary-strong-disabled: var(--dynamic-stroke-secondary-strong-disabled); --outline-color-dynamic-secondary-strong-disabled: var( --dynamic-stroke-secondary-strong-disabled ); --border-color-dynamic-secondary-strong-hover: var(--dynamic-stroke-secondary-strong-hover); --outline-color-dynamic-secondary-strong-hover: var(--dynamic-stroke-secondary-strong-hover); --border-color-dynamic-secondary-strong-pressed: var(--dynamic-stroke-secondary-strong-pressed); --outline-color-dynamic-secondary-strong-pressed: var(--dynamic-stroke-secondary-strong-pressed); --border-color-dynamic-success-default: var(--dynamic-stroke-success-default); --border-color-dynamic-success-disabled: var(--dynamic-stroke-success-disabled); --border-color-dynamic-success-hover: var(--dynamic-stroke-success-hover); --border-color-dynamic-success-pressed: var(--dynamic-stroke-success-pressed); --border-color-dynamic-success-strong-default: var(--dynamic-stroke-success-strong-default); --outline-color-dynamic-success-strong-default: var(--dynamic-stroke-success-strong-default); --border-color-dynamic-success-strong-disabled: var(--dynamic-stroke-success-strong-disabled); --outline-color-dynamic-success-strong-disabled: var(--dynamic-stroke-success-strong-disabled); --border-color-dynamic-success-strong-hover: var(--dynamic-stroke-success-strong-hover); --outline-color-dynamic-success-strong-hover: var(--dynamic-stroke-success-strong-hover); --border-color-dynamic-success-strong-pressed: var(--dynamic-stroke-success-strong-pressed); --outline-color-dynamic-success-strong-pressed: var(--dynamic-stroke-success-strong-pressed); --text-color-dynamic-danger-default: var(--dynamic-text-danger-default); --decoration-dynamic-danger-default: var(--dynamic-text-danger-default); --stroke-dynamic-danger-default: var(--dynamic-text-danger-default); --text-color-dynamic-danger-disabled: var(--dynamic-text-danger-disabled); --decoration-dynamic-danger-disabled: var(--dynamic-text-danger-disabled); --stroke-dynamic-danger-disabled: var(--dynamic-text-danger-disabled); --text-color-dynamic-danger-hover: var(--dynamic-text-danger-hover); --decoration-dynamic-danger-hover: var(--dynamic-text-danger-hover); --stroke-dynamic-danger-hover: var(--dynamic-text-danger-hover); --text-color-dynamic-danger-pressed: var(--dynamic-text-danger-pressed); --decoration-dynamic-danger-pressed: var(--dynamic-text-danger-pressed); --stroke-dynamic-danger-pressed: var(--dynamic-text-danger-pressed); --text-color-dynamic-inverse-default: var(--dynamic-text-inverse-default); --decoration-dynamic-inverse-default: var(--dynamic-text-inverse-default); --stroke-dynamic-inverse-default: var(--dynamic-text-inverse-default); --text-color-dynamic-inverse-disabled: var(--dynamic-text-inverse-disabled); --decoration-dynamic-inverse-disabled: var(--dynamic-text-inverse-disabled); --stroke-dynamic-inverse-disabled: var(--dynamic-text-inverse-disabled); --text-color-dynamic-inverse-hover: var(--dynamic-text-inverse-hover); --decoration-dynamic-inverse-hover: var(--dynamic-text-inverse-hover); --stroke-dynamic-inverse-hover: var(--dynamic-text-inverse-hover); --text-color-dynamic-inverse-pressed: var(--dynamic-text-inverse-pressed); --decoration-dynamic-inverse-pressed: var(--dynamic-text-inverse-pressed); --stroke-dynamic-inverse-pressed: var(--dynamic-text-inverse-pressed); --text-color-dynamic-on-danger-default: var(--dynamic-text-on-danger-default); --decoration-dynamic-on-danger-default: var(--dynamic-text-on-danger-default); --fill-dynamic-on-danger-default: var(--dynamic-text-on-danger-default); --stroke-dynamic-on-danger-default: var(--dynamic-text-on-danger-default); --text-color-dynamic-on-danger-disabled: var(--dynamic-text-on-danger-disabled); --decoration-dynamic-on-danger-disabled: var(--dynamic-text-on-danger-disabled); --fill-dynamic-on-danger-disabled: var(--dynamic-text-on-danger-disabled); --stroke-dynamic-on-danger-disabled: var(--dynamic-text-on-danger-disabled); --text-color-dynamic-on-danger-hover: var(--dynamic-text-on-danger-hover); --decoration-dynamic-on-danger-hover: var(--dynamic-text-on-danger-hover); --fill-dynamic-on-danger-hover: var(--dynamic-text-on-danger-hover); --stroke-dynamic-on-danger-hover: var(--dynamic-text-on-danger-hover); --text-color-dynamic-on-danger-pressed: var(--dynamic-text-on-danger-pressed); --decoration-dynamic-on-danger-pressed: var(--dynamic-text-on-danger-pressed); --fill-dynamic-on-danger-pressed: var(--dynamic-text-on-danger-pressed); --stroke-dynamic-on-danger-pressed: var(--dynamic-text-on-danger-pressed); --text-color-dynamic-on-inverse-default: var(--dynamic-text-on-inverse-default); --decoration-dynamic-on-inverse-default: var(--dynamic-text-on-inverse-default); --fill-dynamic-on-inverse-default: var(--dynamic-text-on-inverse-default); --stroke-dynamic-on-inverse-default: var(--dynamic-text-on-inverse-default); --text-color-dynamic-on-inverse-disabled: var(--dynamic-text-on-inverse-disabled); --decoration-dynamic-on-inverse-disabled: var(--dynamic-text-on-inverse-disabled); --fill-dynamic-on-inverse-disabled: var(--dynamic-text-on-inverse-disabled); --stroke-dynamic-on-inverse-disabled: var(--dynamic-text-on-inverse-disabled); --text-color-dynamic-on-inverse-hover: var(--dynamic-text-on-inverse-hover); --decoration-dynamic-on-inverse-hover: var(--dynamic-text-on-inverse-hover); --fill-dynamic-on-inverse-hover: var(--dynamic-text-on-inverse-hover); --stroke-dynamic-on-inverse-hover: var(--dynamic-text-on-inverse-hover); --text-color-dynamic-on-inverse-pressed: var(--dynamic-text-on-inverse-pressed); --decoration-dynamic-on-inverse-pressed: var(--dynamic-text-on-inverse-pressed); --fill-dynamic-on-inverse-pressed: var(--dynamic-text-on-inverse-pressed); --stroke-dynamic-on-inverse-pressed: var(--dynamic-text-on-inverse-pressed); --text-color-dynamic-on-primary-default: var(--dynamic-text-on-primary-default); --decoration-dynamic-on-primary-default: var(--dynamic-text-on-primary-default); --fill-dynamic-on-primary-default: var(--dynamic-text-on-primary-default); --stroke-dynamic-on-primary-default: var(--dynamic-text-on-primary-default); --text-color-dynamic-on-primary-disabled: var(--dynamic-text-on-primary-disabled); --decoration-dynamic-on-primary-disabled: var(--dynamic-text-on-primary-disabled); --fill-dynamic-on-primary-disabled: var(--dynamic-text-on-primary-disabled); --stroke-dynamic-on-primary-disabled: var(--dynamic-text-on-primary-disabled); --text-color-dynamic-on-primary-hover: var(--dynamic-text-on-primary-hover); --decoration-dynamic-on-primary-hover: var(--dynamic-text-on-primary-hover); --fill-dynamic-on-primary-hover: var(--dynamic-text-on-primary-hover); --stroke-dynamic-on-primary-hover: var(--dynamic-text-on-primary-hover); --text-color-dynamic-on-primary-pressed: var(--dynamic-text-on-primary-pressed); --decoration-dynamic-on-primary-pressed: var(--dynamic-text-on-primary-pressed); --fill-dynamic-on-primary-pressed: var(--dynamic-text-on-primary-pressed); --stroke-dynamic-on-primary-pressed: var(--dynamic-text-on-primary-pressed); --text-color-dynamic-on-secondary-default: var(--dynamic-text-on-secondary-default); --decoration-dynamic-on-secondary-default: var(--dynamic-text-on-secondary-default); --fill-dynamic-on-secondary-default: var(--dynamic-text-on-secondary-default); --stroke-dynamic-on-secondary-default: var(--dynamic-text-on-secondary-default); --text-color-dynamic-on-secondary-disabled: var(--dynamic-text-on-secondary-disabled); --decoration-dynamic-on-secondary-disabled: var(--dynamic-text-on-secondary-disabled); --fill-dynamic-on-secondary-disabled: var(--dynamic-text-on-secondary-disabled); --stroke-dynamic-on-secondary-disabled: var(--dynamic-text-on-secondary-disabled); --text-color-dynamic-on-secondary-hover: var(--dynamic-text-on-secondary-hover); --decoration-dynamic-on-secondary-hover: var(--dynamic-text-on-secondary-hover); --fill-dynamic-on-secondary-hover: var(--dynamic-text-on-secondary-hover); --stroke-dynamic-on-secondary-hover: var(--dynamic-text-on-secondary-hover); --text-color-dynamic-on-secondary-pressed: var(--dynamic-text-on-secondary-pressed); --decoration-dynamic-on-secondary-pressed: var(--dynamic-text-on-secondary-pressed); --fill-dynamic-on-secondary-pressed: var(--dynamic-text-on-secondary-pressed); --stroke-dynamic-on-secondary-pressed: var(--dynamic-text-on-secondary-pressed); --text-color-dynamic-on-success-default: var(--dynamic-text-on-success-default); --decoration-dynamic-on-success-default: var(--dynamic-text-on-success-default); --fill-dynamic-on-success-default: var(--dynamic-text-on-success-default); --stroke-dynamic-on-success-default: var(--dynamic-text-on-success-default); --text-color-dynamic-on-success-disabled: var(--dynamic-text-on-success-disabled); --decoration-dynamic-on-success-disabled: var(--dynamic-text-on-success-disabled); --fill-dynamic-on-success-disabled: var(--dynamic-text-on-success-disabled); --stroke-dynamic-on-success-disabled: var(--dynamic-text-on-success-disabled); --text-color-dynamic-on-success-hover: var(--dynamic-text-on-success-hover); --decoration-dynamic-on-success-hover: var(--dynamic-text-on-success-hover); --fill-dynamic-on-success-hover: var(--dynamic-text-on-success-hover); --stroke-dynamic-on-success-hover: var(--dynamic-text-on-success-hover); --text-color-dynamic-on-success-pressed: var(--dynamic-text-on-success-pressed); --decoration-dynamic-on-success-pressed: var(--dynamic-text-on-success-pressed); --fill-dynamic-on-success-pressed: var(--dynamic-text-on-success-pressed); --stroke-dynamic-on-success-pressed: var(--dynamic-text-on-success-pressed); --text-color-dynamic-primary-default: var(--dynamic-text-primary-default); --decoration-dynamic-primary-default: var(--dynamic-text-primary-default); --stroke-dynamic-primary-default: var(--dynamic-text-primary-default); --text-color-dynamic-primary-disabled: var(--dynamic-text-primary-disabled); --decoration-dynamic-primary-disabled: var(--dynamic-text-primary-disabled); --stroke-dynamic-primary-disabled: var(--dynamic-text-primary-disabled); --text-color-dynamic-primary-hover: var(--dynamic-text-primary-hover); --decoration-dynamic-primary-hover: var(--dynamic-text-primary-hover); --stroke-dynamic-primary-hover: var(--dynamic-text-primary-hover); --text-color-dynamic-primary-pressed: var(--dynamic-text-primary-pressed); --decoration-dynamic-primary-pressed: var(--dynamic-text-primary-pressed); --stroke-dynamic-primary-pressed: var(--dynamic-text-primary-pressed); --text-color-dynamic-secondary-default: var(--dynamic-text-secondary-default); --decoration-dynamic-secondary-default: var(--dynamic-text-secondary-default); --stroke-dynamic-secondary-default: var(--dynamic-text-secondary-default); --text-color-dynamic-secondary-disabled: var(--dynamic-text-secondary-disabled); --decoration-dynamic-secondary-disabled: var(--dynamic-text-secondary-disabled); --stroke-dynamic-secondary-disabled: var(--dynamic-text-secondary-disabled); --text-color-dynamic-secondary-hover: var(--dynamic-text-secondary-hover); --decoration-dynamic-secondary-hover: var(--dynamic-text-secondary-hover); --stroke-dynamic-secondary-hover: var(--dynamic-text-secondary-hover); --text-color-dynamic-secondary-pressed: var(--dynamic-text-secondary-pressed); --decoration-dynamic-secondary-pressed: var(--dynamic-text-secondary-pressed); --stroke-dynamic-secondary-pressed: var(--dynamic-text-secondary-pressed); --text-color-dynamic-success-default: var(--dynamic-text-success-default); --decoration-dynamic-success-default: var(--dynamic-text-success-default); --stroke-dynamic-success-default: var(--dynamic-text-success-default); --text-color-dynamic-success-disabled: var(--dynamic-text-success-disabled); --decoration-dynamic-success-disabled: var(--dynamic-text-success-disabled); --stroke-dynamic-success-disabled: var(--dynamic-text-success-disabled); --text-color-dynamic-success-hover: var(--dynamic-text-success-hover); --decoration-dynamic-success-hover: var(--dynamic-text-success-hover); --stroke-dynamic-success-hover: var(--dynamic-text-success-hover); --text-color-dynamic-success-pressed: var(--dynamic-text-success-pressed); --decoration-dynamic-success-pressed: var(--dynamic-text-success-pressed); --stroke-dynamic-success-pressed: var(--dynamic-text-success-pressed); --background-color-non-semantic-blue-strong: var(--non-semantic-fill-blue-strong); --outline-color-non-semantic-blue-strong: var(--non-semantic-fill-blue-strong); --background-color-non-semantic-blue-subtle: var(--non-semantic-fill-blue-subtle); --outline-color-non-semantic-blue-subtle: var(--non-semantic-fill-blue-subtle); --background-color-non-semantic-brand-strong: var(--non-semantic-fill-brand-strong); --outline-color-non-semantic-brand-strong: var(--non-semantic-fill-brand-strong); --background-color-non-semantic-brand-subtle: var(--non-semantic-fill-brand-subtle); --outline-color-non-semantic-brand-subtle: var(--non-semantic-fill-brand-subtle); --background-color-non-semantic-cyan-strong: var(--non-semantic-fill-cyan-strong); --outline-color-non-semantic-cyan-strong: var(--non-semantic-fill-cyan-strong); --background-color-non-semantic-cyan-subtle: var(--non-semantic-fill-cyan-subtle); --outline-color-non-semantic-cyan-subtle: var(--non-semantic-fill-cyan-subtle); --background-color-non-semantic-green-strong: var(--non-semantic-fill-green-strong); --outline-color-non-semantic-green-strong: var(--non-semantic-fill-green-strong); --background-color-non-semantic-green-subtle: var(--non-semantic-fill-green-subtle); --outline-color-non-semantic-green-subtle: var(--non-semantic-fill-green-subtle); --background-color-non-semantic-indigo-strong: var(--non-semantic-fill-indigo-strong); --outline-color-non-semantic-indigo-strong: var(--non-semantic-fill-indigo-strong); --background-color-non-semantic-indigo-subtle: var(--non-semantic-fill-indigo-subtle); --outline-color-non-semantic-indigo-subtle: var(--non-semantic-fill-indigo-subtle); --background-color-non-semantic-lime-strong: var(--non-semantic-fill-lime-strong); --outline-color-non-semantic-lime-strong: var(--non-semantic-fill-lime-strong); --background-color-non-semantic-lime-subtle: var(--non-semantic-fill-lime-subtle); --outline-color-non-semantic-lime-subtle: var(--non-semantic-fill-lime-subtle); --background-color-non-semantic-orange-strong: var(--non-semantic-fill-orange-strong); --outline-color-non-semantic-orange-strong: var(--non-semantic-fill-orange-strong); --background-color-non-semantic-orange-subtle: var(--non-semantic-fill-orange-subtle); --outline-color-non-semantic-orange-subtle: var(--non-semantic-fill-orange-subtle); --background-color-non-semantic-pink-strong: var(--non-semantic-fill-pink-strong); --outline-color-non-semantic-pink-strong: var(--non-semantic-fill-pink-strong); --background-color-non-semantic-pink-subtle: var(--non-semantic-fill-pink-subtle); --outline-color-non-semantic-pink-subtle: var(--non-semantic-fill-pink-subtle); --background-color-non-semantic-purple-strong: var(--non-semantic-fill-purple-strong); --outline-color-non-semantic-purple-strong: var(--non-semantic-fill-purple-strong); --background-color-non-semantic-purple-subtle: var(--non-semantic-fill-purple-subtle); --outline-color-non-semantic-purple-subtle: var(--non-semantic-fill-purple-subtle); --background-color-non-semantic-red-strong: var(--non-semantic-fill-red-strong); --outline-color-non-semantic-red-strong: var(--non-semantic-fill-red-strong); --background-color-non-semantic-red-subtle: var(--non-semantic-fill-red-subtle); --outline-color-non-semantic-red-subtle: var(--non-semantic-fill-red-subtle); --background-color-non-semantic-teal-strong: var(--non-semantic-fill-teal-strong); --outline-color-non-semantic-teal-strong: var(--non-semantic-fill-teal-strong); --background-color-non-semantic-teal-subtle: var(--non-semantic-fill-teal-subtle); --outline-color-non-semantic-teal-subtle: var(--non-semantic-fill-teal-subtle); --background-color-non-semantic-violet-strong: var(--non-semantic-fill-violet-strong); --outline-color-non-semantic-violet-strong: var(--non-semantic-fill-violet-strong); --background-color-non-semantic-violet-subtle: var(--non-semantic-fill-violet-subtle); --outline-color-non-semantic-violet-subtle: var(--non-semantic-fill-violet-subtle); --background-color-non-semantic-yellow-strong: var(--non-semantic-fill-yellow-strong); --outline-color-non-semantic-yellow-strong: var(--non-semantic-fill-yellow-strong); --background-color-non-semantic-yellow-subtle: var(--non-semantic-fill-yellow-subtle); --outline-color-non-semantic-yellow-subtle: var(--non-semantic-fill-yellow-subtle); --border-color-non-semantic-blue-default: var(--non-semantic-stroke-blue-default); --outline-color-non-semantic-blue-default: var(--non-semantic-stroke-blue-default); --border-color-non-semantic-brand-default: var(--non-semantic-stroke-brand-default); --outline-color-non-semantic-brand-default: var(--non-semantic-stroke-brand-default); --border-color-non-semantic-cyan-default: var(--non-semantic-stroke-cyan-default); --outline-color-non-semantic-cyan-default: var(--non-semantic-stroke-cyan-default); --border-color-non-semantic-green-default: var(--non-semantic-stroke-green-default); --outline-color-non-semantic-green-default: var(--non-semantic-stroke-green-default); --border-color-non-semantic-indigo-default: var(--non-semantic-stroke-indigo-default); --outline-color-non-semantic-indigo-default: var(--non-semantic-stroke-indigo-default); --border-color-non-semantic-lime-default: var(--non-semantic-stroke-lime-default); --outline-color-non-semantic-lime-default: var(--non-semantic-stroke-lime-default); --border-color-non-semantic-orange-default: var(--non-semantic-stroke-orange-default); --outline-color-non-semantic-orange-default: var(--non-semantic-stroke-orange-default); --border-color-non-semantic-pink-default: var(--non-semantic-stroke-pink-default); --outline-color-non-semantic-pink-default: var(--non-semantic-stroke-pink-default); --border-color-non-semantic-purple-default: var(--non-semantic-stroke-purple-default); --outline-color-non-semantic-purple-default: var(--non-semantic-stroke-purple-default); --border-color-non-semantic-red-default: var(--non-semantic-stroke-red-default); --outline-color-non-semantic-red-default: var(--non-semantic-stroke-red-default); --border-color-non-semantic-teal-default: var(--non-semantic-stroke-teal-default); --outline-color-non-semantic-teal-default: var(--non-semantic-stroke-teal-default); --border-color-non-semantic-violet-default: var(--non-semantic-stroke-violet-default); --outline-color-non-semantic-violet-default: var(--non-semantic-stroke-violet-default); --border-color-non-semantic-yellow-default: var(--non-semantic-stroke-yellow-default); --outline-color-non-semantic-yellow-default: var(--non-semantic-stroke-yellow-default); --text-color-non-semantic-blue-on-strong: var(--non-semantic-text-blue-on-strong); --decoration-non-semantic-blue-on-strong: var(--non-semantic-text-blue-on-strong); --fill-non-semantic-blue-on-strong: var(--non-semantic-text-blue-on-strong); --stroke-non-semantic-blue-on-strong: var(--non-semantic-text-blue-on-strong); --text-color-non-semantic-blue-on-subtle: var(--non-semantic-text-blue-on-subtle); --decoration-non-semantic-blue-on-subtle: var(--non-semantic-text-blue-on-subtle); --fill-non-semantic-blue-on-subtle: var(--non-semantic-text-blue-on-subtle); --stroke-non-semantic-blue-on-subtle: var(--non-semantic-text-blue-on-subtle); --text-color-non-semantic-brand-on-strong: var(--non-semantic-text-brand-on-strong); --decoration-non-semantic-brand-on-strong: var(--non-semantic-text-brand-on-strong); --fill-non-semantic-brand-on-strong: var(--non-semantic-text-brand-on-strong); --stroke-non-semantic-brand-on-strong: var(--non-semantic-text-brand-on-strong); --text-color-non-semantic-brand-on-subtle: var(--non-semantic-text-brand-on-subtle); --decoration-non-semantic-brand-on-subtle: var(--non-semantic-text-brand-on-subtle); --fill-non-semantic-brand-on-subtle: var(--non-semantic-text-brand-on-subtle); --stroke-non-semantic-brand-on-subtle: var(--non-semantic-text-brand-on-subtle); --text-color-non-semantic-cyan-on-strong: var(--non-semantic-text-cyan-on-strong); --decoration-non-semantic-cyan-on-strong: var(--non-semantic-text-cyan-on-strong); --fill-non-semantic-cyan-on-strong: var(--non-semantic-text-cyan-on-strong); --stroke-non-semantic-cyan-on-strong: var(--non-semantic-text-cyan-on-strong); --text-color-non-semantic-cyan-on-subtle: var(--non-semantic-text-cyan-on-subtle); --decoration-non-semantic-cyan-on-subtle: var(--non-semantic-text-cyan-on-subtle); --fill-non-semantic-cyan-on-subtle: var(--non-semantic-text-cyan-on-subtle); --stroke-non-semantic-cyan-on-subtle: var(--non-semantic-text-cyan-on-subtle); --text-color-non-semantic-green-on-strong: var(--non-semantic-text-green-on-strong); --decoration-non-semantic-green-on-strong: var(--non-semantic-text-green-on-strong); --fill-non-semantic-green-on-strong: var(--non-semantic-text-green-on-strong); --stroke-non-semantic-green-on-strong: var(--non-semantic-text-green-on-strong); --text-color-non-semantic-green-on-subtle: var(--non-semantic-text-green-on-subtle); --decoration-non-semantic-green-on-subtle: var(--non-semantic-text-green-on-subtle); --fill-non-semantic-green-on-subtle: var(--non-semantic-text-green-on-subtle); --stroke-non-semantic-green-on-subtle: var(--non-semantic-text-green-on-subtle); --text-color-non-semantic-indigo-on-strong: var(--non-semantic-text-indigo-on-strong); --decoration-non-semantic-indigo-on-strong: var(--non-semantic-text-indigo-on-strong); --fill-non-semantic-indigo-on-strong: var(--non-semantic-text-indigo-on-strong); --stroke-non-semantic-indigo-on-strong: var(--non-semantic-text-indigo-on-strong); --text-color-non-semantic-indigo-on-subtle: var(--non-semantic-text-indigo-on-subtle); --decoration-non-semantic-indigo-on-subtle: var(--non-semantic-text-indigo-on-subtle); --fill-non-semantic-indigo-on-subtle: var(--non-semantic-text-indigo-on-subtle); --stroke-non-semantic-indigo-on-subtle: var(--non-semantic-text-indigo-on-subtle); --text-color-non-semantic-lime-on-strong: var(--non-semantic-text-lime-on-strong); --decoration-non-semantic-lime-on-strong: var(--non-semantic-text-lime-on-strong); --fill-non-semantic-lime-on-strong: var(--non-semantic-text-lime-on-strong); --stroke-non-semantic-lime-on-strong: var(--non-semantic-text-lime-on-strong); --text-color-non-semantic-lime-on-subtle: var(--non-semantic-text-lime-on-subtle); --decoration-non-semantic-lime-on-subtle: var(--non-semantic-text-lime-on-subtle); --fill-non-semantic-lime-on-subtle: var(--non-semantic-text-lime-on-subtle); --stroke-non-semantic-lime-on-subtle: var(--non-semantic-text-lime-on-subtle); --text-color-non-semantic-orange-on-strong: var(--non-semantic-text-orange-on-strong); --decoration-non-semantic-orange-on-strong: var(--non-semantic-text-orange-on-strong); --fill-non-semantic-orange-on-strong: var(--non-semantic-text-orange-on-strong); --stroke-non-semantic-orange-on-strong: var(--non-semantic-text-orange-on-strong); --text-color-non-semantic-orange-on-subtle: var(--non-semantic-text-orange-on-subtle); --decoration-non-semantic-orange-on-subtle: var(--non-semantic-text-orange-on-subtle); --fill-non-semantic-orange-on-subtle: var(--non-semantic-text-orange-on-subtle); --stroke-non-semantic-orange-on-subtle: var(--non-semantic-text-orange-on-subtle); --text-color-non-semantic-pink-on-strong: var(--non-semantic-text-pink-on-strong); --decoration-non-semantic-pink-on-strong: var(--non-semantic-text-pink-on-strong); --fill-non-semantic-pink-on-strong: var(--non-semantic-text-pink-on-strong); --stroke-non-semantic-pink-on-strong: var(--non-semantic-text-pink-on-strong); --text-color-non-semantic-pink-on-subtle: var(--non-semantic-text-pink-on-subtle); --decoration-non-semantic-pink-on-subtle: var(--non-semantic-text-pink-on-subtle); --fill-non-semantic-pink-on-subtle: var(--non-semantic-text-pink-on-subtle); --stroke-non-semantic-pink-on-subtle: var(--non-semantic-text-pink-on-subtle); --text-color-non-semantic-purple-on-strong: var(--non-semantic-text-purple-on-strong); --decoration-non-semantic-purple-on-strong: var(--non-semantic-text-purple-on-strong); --fill-non-semantic-purple-on-strong: var(--non-semantic-text-purple-on-strong); --stroke-non-semantic-purple-on-strong: var(--non-semantic-text-purple-on-strong); --text-color-non-semantic-purple-on-subtle: var(--non-semantic-text-purple-on-subtle); --decoration-non-semantic-purple-on-subtle: var(--non-semantic-text-purple-on-subtle); --fill-non-semantic-purple-on-subtle: var(--non-semantic-text-purple-on-subtle); --stroke-non-semantic-purple-on-subtle: var(--non-semantic-text-purple-on-subtle); --text-color-non-semantic-red-on-strong: var(--non-semantic-text-red-on-strong); --decoration-non-semantic-red-on-strong: var(--non-semantic-text-red-on-strong); --fill-non-semantic-red-on-strong: var(--non-semantic-text-red-on-strong); --stroke-non-semantic-red-on-strong: var(--non-semantic-text-red-on-strong); --text-color-non-semantic-red-on-subtle: var(--non-semantic-text-red-on-subtle); --decoration-non-semantic-red-on-subtle: var(--non-semantic-text-red-on-subtle); --fill-non-semantic-red-on-subtle: var(--non-semantic-text-red-on-subtle); --stroke-non-semantic-red-on-subtle: var(--non-semantic-text-red-on-subtle); --text-color-non-semantic-teal-on-strong: var(--non-semantic-text-teal-on-strong); --decoration-non-semantic-teal-on-strong: var(--non-semantic-text-teal-on-strong); --fill-non-semantic-teal-on-strong: var(--non-semantic-text-teal-on-strong); --stroke-non-semantic-teal-on-strong: var(--non-semantic-text-teal-on-strong); --text-color-non-semantic-teal-on-subtle: var(--non-semantic-text-teal-on-subtle); --decoration-non-semantic-teal-on-subtle: var(--non-semantic-text-teal-on-subtle); --fill-non-semantic-teal-on-subtle: var(--non-semantic-text-teal-on-subtle); --stroke-non-semantic-teal-on-subtle: var(--non-semantic-text-teal-on-subtle); --text-color-non-semantic-violet-on-strong: var(--non-semantic-text-violet-on-strong); --decoration-non-semantic-violet-on-strong: var(--non-semantic-text-violet-on-strong); --fill-non-semantic-violet-on-strong: var(--non-semantic-text-violet-on-strong); --stroke-non-semantic-violet-on-strong: var(--non-semantic-text-violet-on-strong); --text-color-non-semantic-violet-on-subtle: var(--non-semantic-text-violet-on-subtle); --decoration-non-semantic-violet-on-subtle: var(--non-semantic-text-violet-on-subtle); --fill-non-semantic-violet-on-subtle: var(--non-semantic-text-violet-on-subtle); --stroke-non-semantic-violet-on-subtle: var(--non-semantic-text-violet-on-subtle); --text-color-non-semantic-yellow-on-strong: var(--non-semantic-text-yellow-on-strong); --decoration-non-semantic-yellow-on-strong: var(--non-semantic-text-yellow-on-strong); --fill-non-semantic-yellow-on-strong: var(--non-semantic-text-yellow-on-strong); --stroke-non-semantic-yellow-on-strong: var(--non-semantic-text-yellow-on-strong); --text-color-non-semantic-yellow-on-subtle: var(--non-semantic-text-yellow-on-subtle); --decoration-non-semantic-yellow-on-subtle: var(--non-semantic-text-yellow-on-subtle); --fill-non-semantic-yellow-on-subtle: var(--non-semantic-text-yellow-on-subtle); --stroke-non-semantic-yellow-on-subtle: var(--non-semantic-text-yellow-on-subtle); --background-color-semantic-info: var(--semantic-fill-info); --outline-color-semantic-info: var(--semantic-fill-info); --background-color-semantic-negative: var(--semantic-fill-negative); --outline-color-semantic-negative: var(--semantic-fill-negative); --background-color-semantic-neutral: var(--semantic-fill-neutral); --outline-color-semantic-neutral: var(--semantic-fill-neutral); --background-color-semantic-notice: var(--semantic-fill-notice); --outline-color-semantic-notice: var(--semantic-fill-notice); --background-color-semantic-positive: var(--semantic-fill-positive); --outline-color-semantic-positive: var(--semantic-fill-positive); --background-color-semantic-inverse-info: var(--semantic-fill-inverse-info); --outline-color-semantic-inverse-info: var(--semantic-fill-inverse-info); --background-color-semantic-inverse-negative: var(--semantic-fill-inverse-negative); --outline-color-semantic-inverse-negative: var(--semantic-fill-inverse-negative); --background-color-semantic-inverse-neutral: var(--semantic-fill-inverse-neutral); --outline-color-semantic-inverse-neutral: var(--semantic-fill-inverse-neutral); --background-color-semantic-inverse-notice: var(--semantic-fill-inverse-notice); --outline-color-semantic-inverse-notice: var(--semantic-fill-inverse-notice); --background-color-semantic-inverse-positive: var(--semantic-fill-inverse-positive); --outline-color-semantic-inverse-positive: var(--semantic-fill-inverse-positive); --border-color-semantic-info: var(--semantic-stroke-info); --border-color-semantic-negative: var(--semantic-stroke-negative); --border-color-semantic-neutral: var(--semantic-stroke-neutral); --border-color-semantic-notice: var(--semantic-stroke-notice); --border-color-semantic-positive: var(--semantic-stroke-positive); --text-color-semantic-info: var(--semantic-text-info); --decoration-semantic-info: var(--semantic-text-info); --fill-semantic-info: var(--semantic-text-info); --stroke-semantic-info: var(--semantic-text-info); --text-color-semantic-negative: var(--semantic-text-negative); --decoration-semantic-negative: var(--semantic-text-negative); --fill-semantic-negative: var(--semantic-text-negative); --stroke-semantic-negative: var(--semantic-text-negative); --text-color-semantic-neutral: var(--semantic-text-neutral); --decoration-semantic-neutral: var(--semantic-text-neutral); --fill-semantic-neutral: var(--semantic-text-neutral); --stroke-semantic-neutral: var(--semantic-text-neutral); --text-color-semantic-notice: var(--semantic-text-notice); --decoration-semantic-notice: var(--semantic-text-notice); --fill-semantic-notice: var(--semantic-text-notice); --stroke-semantic-notice: var(--semantic-text-notice); --text-color-semantic-positive: var(--semantic-text-positive); --decoration-semantic-positive: var(--semantic-text-positive); --fill-semantic-positive: var(--semantic-text-positive); --stroke-semantic-positive: var(--semantic-text-positive); --text-color-semantic-on-inverse-info: var(--semantic-text-on-inverse-info); --decoration-semantic-on-inverse-info: var(--semantic-text-on-inverse-info); --fill-semantic-on-inverse-info: var(--semantic-text-on-inverse-info); --stroke-semantic-on-inverse-info: var(--semantic-text-on-inverse-info); --text-color-semantic-on-inverse-negative: var(--semantic-text-on-inverse-negative); --decoration-semantic-on-inverse-negative: var(--semantic-text-on-inverse-negative); --fill-semantic-on-inverse-negative: var(--semantic-text-on-inverse-negative); --stroke-semantic-on-inverse-negative: var(--semantic-text-on-inverse-negative); --text-color-semantic-on-inverse-neutral: var(--semantic-text-on-inverse-neutral); --decoration-semantic-on-inverse-neutral: var(--semantic-text-on-inverse-neutral); --fill-semantic-on-inverse-neutral: var(--semantic-text-on-inverse-neutral); --stroke-semantic-on-inverse-neutral: var(--semantic-text-on-inverse-neutral); --text-color-semantic-on-inverse-notice: var(--semantic-text-on-inverse-notice); --decoration-semantic-on-inverse-notice: var(--semantic-text-on-inverse-notice); --fill-semantic-on-inverse-notice: var(--semantic-text-on-inverse-notice); --stroke-semantic-on-inverse-notice: var(--semantic-text-on-inverse-notice); --text-color-semantic-on-inverse-positive: var(--semantic-text-on-inverse-positive); --decoration-semantic-on-inverse-positive: var(--semantic-text-on-inverse-positive); --fill-semantic-on-inverse-positive: var(--semantic-text-on-inverse-positive); --stroke-semantic-on-inverse-positive: var(--semantic-text-on-inverse-positive); --text-color-semantic-on-subtle-info: var(--semantic-text-on-subtle-info); --decoration-semantic-on-subtle-info: var(--semantic-text-on-subtle-info); --fill-semantic-on-subtle-info: var(--semantic-text-on-subtle-info); --stroke-semantic-on-subtle-info: var(--semantic-text-on-subtle-info); --text-color-semantic-on-subtle-negative: var(--semantic-text-on-subtle-negative); --decoration-semantic-on-subtle-negative: var(--semantic-text-on-subtle-negative); --fill-semantic-on-subtle-negative: var(--semantic-text-on-subtle-negative); --stroke-semantic-on-subtle-negative: var(--semantic-text-on-subtle-negative); --text-color-semantic-on-subtle-neutral: var(--semantic-text-on-subtle-neutral); --decoration-semantic-on-subtle-neutral: var(--semantic-text-on-subtle-neutral); --fill-semantic-on-subtle-neutral: var(--semantic-text-on-subtle-neutral); --stroke-semantic-on-subtle-neutral: var(--semantic-text-on-subtle-neutral); --text-color-semantic-on-subtle-notice: var(--semantic-text-on-subtle-notice); --decoration-semantic-on-subtle-notice: var(--semantic-text-on-subtle-notice); --fill-semantic-on-subtle-notice: var(--semantic-text-on-subtle-notice); --stroke-semantic-on-subtle-notice: var(--semantic-text-on-subtle-notice); --text-color-semantic-on-subtle-positive: var(--semantic-text-on-subtle-positive); --decoration-semantic-on-subtle-positive: var(--semantic-text-on-subtle-positive); --fill-semantic-on-subtle-positive: var(--semantic-text-on-subtle-positive); --stroke-semantic-on-subtle-positive: var(--semantic-text-on-subtle-positive); --background-color-static-background: var(--static-fill-background); --outline-color-static-background: var(--static-fill-background); --background-color-static-container: var(--static-fill-container); --outline-color-static-container: var(--static-fill-container); --background-color-static-foreground: var(--static-fill-foreground); --outline-color-static-foreground: var(--static-fill-foreground); --background-color-static-overlay: var(--static-fill-overlay); --outline-color-static-overlay: var(--static-fill-overlay); --background-color-static-alpha-base: var(--static-fill-alpha-base); --outline-color-static-alpha-base: var(--static-fill-alpha-base); --background-color-static-alpha-strong: var(--static-fill-alpha-strong); --outline-color-static-alpha-strong: var(--static-fill-alpha-strong); --background-color-static-alpha-subtle: var(--static-fill-alpha-subtle); --outline-color-static-alpha-subtle: var(--static-fill-alpha-subtle); --background-color-static-highlight-base: var(--static-fill-highlight-base); --outline-color-static-highlight-base: var(--static-fill-highlight-base); --background-color-static-highlight-inverse: var(--static-fill-highlight-inverse); --outline-color-static-highlight-inverse: var(--static-fill-highlight-inverse); --background-color-static-highlight-subtle: var(--static-fill-highlight-subtle); --outline-color-static-highlight-subtle: var(--static-fill-highlight-subtle); --background-color-static-inverse-background: var(--static-fill-inverse-background); --outline-color-static-inverse-background: var(--static-fill-inverse-background); --background-color-static-inverse-container: var(--static-fill-inverse-container); --outline-color-static-inverse-container: var(--static-fill-inverse-container); --background-color-static-inverse-foreground: var(--static-fill-inverse-foreground); --outline-color-static-inverse-foreground: var(--static-fill-inverse-foreground); --background-color-static-inverse-overlay: var(--static-fill-inverse-overlay); --outline-color-static-inverse-overlay: var(--static-fill-inverse-overlay); --background-color-static-inverse-alpha-base: var(--static-fill-inverse-alpha-base); --outline-color-static-inverse-alpha-base: var(--static-fill-inverse-alpha-base); --background-color-static-inverse-alpha-strong: var(--static-fill-inverse-alpha-strong); --outline-color-static-inverse-alpha-strong: var(--static-fill-inverse-alpha-strong); --background-color-static-inverse-alpha-subtle: var(--static-fill-inverse-alpha-subtle); --outline-color-static-inverse-alpha-subtle: var(--static-fill-inverse-alpha-subtle); --shadow-static-focus: var(--static-shadow-focus); --shadow-static-outline: var(--static-shadow-outline); --border-color-static-base: var(--static-stroke-base); --outline-color-static-base: var(--static-stroke-base); --border-color-static-strong: var(--static-stroke-strong); --outline-color-static-strong: var(--static-stroke-strong); --border-color-static-subtle: var(--static-stroke-subtle); --outline-color-static-subtle: var(--static-stroke-subtle); --border-color-static-inverse-base: var(--static-stroke-inverse-base); --outline-color-static-inverse-base: var(--static-stroke-inverse-base); --border-color-static-inverse-strong: var(--static-stroke-inverse-strong); --outline-color-static-inverse-strong: var(--static-stroke-inverse-strong); --border-color-static-inverse-subtle: var(--static-stroke-inverse-subtle); --outline-color-static-inverse-subtle: var(--static-stroke-inverse-subtle); --text-color-static-base: var(--static-text-base); --decoration-static-base: var(--static-text-base); --fill-static-base: var(--static-text-base); --stroke-static-base: var(--static-text-base); --text-color-static-strong: var(--static-text-strong); --decoration-static-strong: var(--static-text-strong); --fill-static-strong: var(--static-text-strong); --stroke-static-strong: var(--static-text-strong); --text-color-static-subtle: var(--static-text-subtle); --decoration-static-subtle: var(--static-text-subtle); --fill-static-subtle: var(--static-text-subtle); --stroke-static-subtle: var(--static-text-subtle); --text-color-static-inverse-base: var(--static-text-inverse-base); --decoration-static-inverse-base: var(--static-text-inverse-base); --fill-static-inverse-base: var(--static-text-inverse-base); --stroke-static-inverse-base: var(--static-text-inverse-base); --text-color-static-inverse-strong: var(--static-text-inverse-strong); --decoration-static-inverse-strong: var(--static-text-inverse-strong); --fill-static-inverse-strong: var(--static-text-inverse-strong); --stroke-static-inverse-strong: var(--static-text-inverse-strong); --text-color-static-inverse-subtle: var(--static-text-inverse-subtle); --decoration-static-inverse-subtle: var(--static-text-inverse-subtle); --fill-static-inverse-subtle: var(--static-text-inverse-subtle); --stroke-static-inverse-subtle: var(--static-text-inverse-subtle); }@layer base{.dark{--dynamic-fill-danger-default: var(--colors-light-red-400);--dynamic-fill-danger-disabled: var(--colors-light-neutral-1100);--dynamic-fill-danger-hover: var(--colors-light-red-300);--dynamic-fill-danger-pressed: var(--colors-light-red-200);--dynamic-fill-danger-alpha-default: var(--colors-light-red-opacity-400-0);--dynamic-fill-danger-alpha-hover: var(--colors-light-red-opacity-400-4);--dynamic-fill-danger-alpha-pressed: var(--colors-light-red-opacity-400-8);--dynamic-fill-danger-alpha-strong-default: var(--colors-light-red-opacity-400-4);--dynamic-fill-danger-alpha-strong-hover: var(--colors-light-red-opacity-400-8);--dynamic-fill-danger-alpha-strong-pressed: var(--colors-light-red-opacity-400-12);--dynamic-fill-inverse-default: var(--colors-light-neutral-1100);--dynamic-fill-inverse-disabled: var(--colors-light-neutral-300);--dynamic-fill-inverse-hover: var(--colors-light-neutral-1000);--dynamic-fill-inverse-pressed: var(--colors-light-neutral-900);--dynamic-fill-inverse-alpha-default: var(--colors-light-neutral-opacity-1200-0);--dynamic-fill-inverse-alpha-hover: var(--colors-light-neutral-opacity-1200-4);--dynamic-fill-inverse-alpha-pressed: var(--colors-light-neutral-opacity-1200-8);--dynamic-fill-inverse-alpha-strong-default: var(--colors-light-neutral-opacity-1200-4);--dynamic-fill-inverse-alpha-strong-hover: var(--colors-light-neutral-opacity-1200-8);--dynamic-fill-inverse-alpha-strong-pressed: var(--colors-light-neutral-opacity-1200-12);--dynamic-fill-primary-default: var(--colors-dark-brand-500);--dynamic-fill-primary-disabled: var(--colors-dark-neutral-opacity-0-12);--dynamic-fill-primary-hover: var(--colors-dark-brand-600);--dynamic-fill-primary-pressed: var(--colors-dark-brand-700);--dynamic-fill-primary-alpha-default: var(--colors-dark-brand-opacity-500-0);--dynamic-fill-primary-alpha-hover: var(--colors-dark-brand-opacity-500-12);--dynamic-fill-primary-alpha-pressed: var(--colors-dark-brand-opacity-500-24);--dynamic-fill-primary-alpha-strong-default: var(--colors-dark-brand-opacity-500-16);--dynamic-fill-primary-alpha-strong-hover: var(--colors-dark-brand-opacity-500-24);--dynamic-fill-primary-alpha-strong-pressed: var(--colors-dark-brand-opacity-500-32);--dynamic-fill-secondary-default: var(--colors-dark-neutral-opacity-0-16);--dynamic-fill-secondary-disabled: var(--colors-dark-neutral-opacity-0-8);--dynamic-fill-secondary-hover: var(--colors-dark-neutral-opacity-0-24);--dynamic-fill-secondary-pressed: var(--colors-dark-neutral-opacity-0-32);--dynamic-fill-secondary-alpha-default: var(--colors-light-neutral-opacity-0-0);--dynamic-fill-secondary-alpha-disabled: var(--colors-dark-neutral-opacity-0-12);--dynamic-fill-secondary-alpha-hover: var(--colors-light-neutral-opacity-0-8);--dynamic-fill-secondary-alpha-pressed: var(--colors-light-neutral-opacity-0-12);--dynamic-fill-secondary-alpha-strong-default: var(--colors-dark-neutral-opacity-0-12);--dynamic-fill-secondary-alpha-strong-hover: var(--colors-dark-neutral-opacity-0-16);--dynamic-fill-secondary-alpha-strong-pressed: var(--colors-dark-neutral-opacity-0-20);--dynamic-fill-success-default: var(--colors-light-green-500);--dynamic-fill-success-disabled: var(--colors-light-neutral-1100);--dynamic-fill-success-hover: var(--colors-light-green-400);--dynamic-fill-success-pressed: var(--colors-light-green-300);--dynamic-fill-success-alpha-default: var(--colors-light-green-opacity-400-0);--dynamic-fill-success-alpha-hover: var(--colors-light-green-opacity-400-4);--dynamic-fill-success-alpha-pressed: var(--colors-light-green-opacity-400-8);--dynamic-fill-success-alpha-strong-default: var(--colors-light-green-opacity-400-4);--dynamic-fill-success-alpha-strong-hover: var(--colors-light-green-opacity-400-8);--dynamic-fill-success-alpha-strong-pressed: var(--colors-light-green-opacity-400-12);--dynamic-fill-tertiary-default: var(--colors-dark-neutral-1100);--dynamic-fill-tertiary-disabled: var(--colors-dark-neutral-800);--dynamic-fill-tertiary-hover: var(--colors-dark-neutral-1000);--dynamic-fill-tertiary-pressed: var(--colors-dark-neutral-900);--dynamic-fill-tertiary-alpha-default: var(--colors-light-neutral-opacity-0-0);--dynamic-fill-tertiary-alpha-hover: var(--colors-light-neutral-opacity-0-8);--dynamic-fill-tertiary-alpha-pressed: var(--colors-light-neutral-opacity-0-12);--dynamic-fill-tertiary-alpha-strong-default: var(--colors-light-neutral-opacity-0-12);--dynamic-fill-tertiary-alpha-strong-hover: var(--colors-light-neutral-opacity-0-16);--dynamic-fill-tertiary-alpha-strong-pressed: var(--colors-light-neutral-opacity-0-24);--dynamic-stroke-danger-default: var(--colors-light-red-400);--dynamic-stroke-danger-disabled: var(--colors-light-neutral-1100);--dynamic-stroke-danger-hover: var(--colors-light-red-300);--dynamic-stroke-danger-pressed: var(--colors-light-red-200);--dynamic-stroke-danger-strong-default: var(--colors-light-red-500);--dynamic-stroke-danger-strong-disabled: var(--colors-light-neutral-1100);--dynamic-stroke-danger-strong-hover: var(--colors-light-red-400);--dynamic-stroke-danger-strong-pressed: var(--colors-light-red-300);--dynamic-stroke-inverse-default: var(--colors-light-neutral-400);--dynamic-stroke-inverse-disabled: var(--colors-light-neutral-300);--dynamic-stroke-inverse-hover: var(--colors-light-neutral-500);--dynamic-stroke-inverse-pressed: var(--colors-light-neutral-600);--dynamic-stroke-inverse-strong-default: var(--colors-light-neutral-500);--dynamic-stroke-inverse-strong-disabled: var(--colors-light-neutral-300);--dynamic-stroke-inverse-strong-hover: var(--colors-light-neutral-600);--dynamic-stroke-inverse-strong-pressed: var(--colors-light-neutral-700);--dynamic-stroke-primary-default: var(--colors-light-brand-500);--dynamic-stroke-primary-disabled: var(--colors-light-neutral-1100);--dynamic-stroke-primary-hover: var(--colors-light-brand-400);--dynamic-stroke-primary-pressed: var(--colors-light-brand-300);--dynamic-stroke-primary-strong-default: var(--colors-light-brand-400);--dynamic-stroke-primary-strong-disabled: var(--colors-light-neutral-1100);--dynamic-stroke-primary-strong-hover: var(--colors-light-brand-300);--dynamic-stroke-primary-strong-pressed: var(--colors-light-brand-200);--dynamic-stroke-secondary-default: var(--colors-dark-neutral-opacity-0-16);--dynamic-stroke-secondary-disabled: var(--colors-dark-neutral-opacity-0-12);--dynamic-stroke-secondary-hover: var(--colors-dark-neutral-opacity-0-20);--dynamic-stroke-secondary-pressed: var(--colors-dark-neutral-opacity-0-32);--dynamic-stroke-secondary-strong-default: var(--colors-dark-neutral-0);--dynamic-stroke-secondary-strong-disabled: var(--colors-dark-neutral-opacity-0-8);--dynamic-stroke-secondary-strong-hover: var(--colors-dark-neutral-100);--dynamic-stroke-secondary-strong-pressed: var(--colors-dark-neutral-200);--dynamic-stroke-success-default: var(--colors-light-green-400);--dynamic-stroke-success-disabled: var(--colors-light-neutral-1100);--dynamic-stroke-success-hover: var(--colors-light-green-300);--dynamic-stroke-success-pressed: var(--colors-light-green-200);--dynamic-stroke-success-strong-default: var(--colors-light-green-500);--dynamic-stroke-success-strong-disabled: var(--colors-light-neutral-1100);--dynamic-stroke-success-strong-hover: var(--colors-light-green-400);--dynamic-stroke-success-strong-pressed: var(--colors-light-green-300);--dynamic-text-danger-default: var(--colors-light-red-500);--dynamic-text-danger-disabled: var(--colors-light-neutral-600);--dynamic-text-danger-hover: var(--colors-light-red-400);--dynamic-text-danger-pressed: var(--colors-light-red-300);--dynamic-text-inverse-default: var(--colors-light-neutral-1100);--dynamic-text-inverse-disabled: var(--colors-light-neutral-700);--dynamic-text-inverse-hover: var(--colors-light-neutral-1100);--dynamic-text-inverse-pressed: var(--colors-light-neutral-1100);--dynamic-text-on-danger-default: var(--colors-light-neutral-1100);--dynamic-text-on-danger-disabled: var(--colors-light-neutral-600);--dynamic-text-on-danger-hover: var(--colors-light-neutral-1100);--dynamic-text-on-danger-pressed: var(--colors-light-neutral-1100);--dynamic-text-on-inverse-default: var(--colors-light-neutral-0);--dynamic-text-on-inverse-disabled: var(--colors-light-neutral-700);--dynamic-text-on-inverse-hover: var(--colors-light-neutral-0);--dynamic-text-on-inverse-pressed: var(--colors-light-neutral-0);--dynamic-text-on-primary-default: var(--colors-dark-neutral-0);--dynamic-text-on-primary-disabled: var(--colors-dark-neutral-opacity-0-56);--dynamic-text-on-primary-hover: var(--colors-dark-neutral-0);--dynamic-text-on-primary-pressed: var(--colors-dark-neutral-0);--dynamic-text-on-secondary-default: var(--colors-dark-neutral-100);--dynamic-text-on-secondary-disabled: var(--colors-light-neutral-600);--dynamic-text-on-secondary-hover: var(--colors-dark-neutral-100);--dynamic-text-on-secondary-pressed: var(--colors-dark-neutral-100);--dynamic-text-on-success-default: var(--colors-light-neutral-1100);--dynamic-text-on-success-disabled: var(--colors-light-neutral-600);--dynamic-text-on-success-hover: var(--colors-light-neutral-1000);--dynamic-text-on-success-pressed: var(--colors-light-neutral-900);--dynamic-text-primary-default: var(--colors-light-brand-300);--dynamic-text-primary-disabled: var(--colors-light-neutral-600);--dynamic-text-primary-hover: var(--colors-light-brand-500);--dynamic-text-primary-pressed: var(--colors-light-brand-600);--dynamic-text-secondary-default: var(--colors-light-neutral-100);--dynamic-text-secondary-disabled: var(--colors-light-neutral-600);--dynamic-text-secondary-hover: var(--colors-light-neutral-200);--dynamic-text-secondary-pressed: var(--colors-light-neutral-200);--dynamic-text-success-default: var(--colors-light-green-500);--dynamic-text-success-disabled: var(--colors-light-neutral-600);--dynamic-text-success-hover: var(--colors-light-green-400);--dynamic-text-success-pressed: var(--colors-light-green-300);--non-semantic-fill-blue-strong: var(--colors-dark-blue-400);--non-semantic-fill-blue-subtle: var(--colors-dark-blue-600);--non-semantic-fill-brand-strong: var(--colors-dark-brand-400);--non-semantic-fill-brand-subtle: var(--colors-dark-brand-600);--non-semantic-fill-cyan-strong: var(--colors-dark-cyan-400);--non-semantic-fill-cyan-subtle: var(--colors-dark-cyan-600);--non-semantic-fill-green-strong: var(--colors-dark-green-400);--non-semantic-fill-green-subtle: var(--colors-dark-green-600);--non-semantic-fill-indigo-strong: var(--colors-dark-indigo-400);--non-semantic-fill-indigo-subtle: var(--colors-dark-indigo-600);--non-semantic-fill-lime-strong: var(--colors-dark-lime-400);--non-semantic-fill-lime-subtle: var(--colors-dark-lime-600);--non-semantic-fill-orange-strong: var(--colors-dark-orange-400);--non-semantic-fill-orange-subtle: var(--colors-dark-orange-600);--non-semantic-fill-pink-strong: var(--colors-dark-pink-400);--non-semantic-fill-pink-subtle: var(--colors-dark-pink-600);--non-semantic-fill-purple-strong: var(--colors-dark-purple-400);--non-semantic-fill-purple-subtle: var(--colors-dark-purple-600);--non-semantic-fill-red-strong: var(--colors-dark-red-400);--non-semantic-fill-red-subtle: var(--colors-dark-red-600);--non-semantic-fill-teal-strong: var(--colors-dark-teal-400);--non-semantic-fill-teal-subtle: var(--colors-dark-teal-600);--non-semantic-fill-violet-strong: var(--colors-dark-violet-400);--non-semantic-fill-violet-subtle: var(--colors-dark-purple-600);--non-semantic-fill-yellow-strong: var(--colors-dark-yellow-400);--non-semantic-fill-yellow-subtle: var(--colors-dark-yellow-600);--non-semantic-stroke-blue-default: var(--colors-dark-blue-600);--non-semantic-stroke-brand-default: var(--colors-dark-brand-600);--non-semantic-stroke-cyan-default: var(--colors-dark-cyan-600);--non-semantic-stroke-green-default: var(--colors-dark-green-600);--non-semantic-stroke-indigo-default: var(--colors-dark-indigo-500);--non-semantic-stroke-lime-default: var(--colors-dark-lime-600);--non-semantic-stroke-orange-default: var(--colors-dark-orange-600);--non-semantic-stroke-pink-default: var(--colors-dark-pink-600);--non-semantic-stroke-purple-default: var(--colors-dark-purple-600);--non-semantic-stroke-red-default: var(--colors-dark-red-600);--non-semantic-stroke-teal-default: var(--colors-dark-teal-600);--non-semantic-stroke-violet-default: var(--colors-dark-violet-600);--non-semantic-stroke-yellow-default: var(--colors-dark-yellow-600);--non-semantic-text-blue-on-strong: var(--colors-light-neutral-0);--non-semantic-text-blue-on-subtle: var(--colors-dark-blue-100);--non-semantic-text-brand-on-strong: var(--colors-light-neutral-0);--non-semantic-text-brand-on-subtle: var(--colors-dark-brand-100);--non-semantic-text-cyan-on-strong: var(--colors-light-neutral-0);--non-semantic-text-cyan-on-subtle: var(--colors-dark-cyan-100);--non-semantic-text-green-on-strong: var(--colors-light-neutral-0);--non-semantic-text-green-on-subtle: var(--colors-dark-green-100);--non-semantic-text-indigo-on-strong: var(--colors-light-neutral-0);--non-semantic-text-indigo-on-subtle: var(--colors-dark-indigo-100);--non-semantic-text-lime-on-strong: var(--colors-light-neutral-0);--non-semantic-text-lime-on-subtle: var(--colors-dark-lime-100);--non-semantic-text-orange-on-strong: var(--colors-light-neutral-0);--non-semantic-text-orange-on-subtle: var(--colors-dark-orange-100);--non-semantic-text-pink-on-strong: var(--colors-light-neutral-0);--non-semantic-text-pink-on-subtle: var(--colors-dark-pink-100);--non-semantic-text-purple-on-strong: var(--colors-light-neutral-0);--non-semantic-text-purple-on-subtle: var(--colors-dark-purple-100);--non-semantic-text-red-on-strong: var(--colors-light-neutral-0);--non-semantic-text-red-on-subtle: var(--colors-dark-red-100);--non-semantic-text-teal-on-strong: var(--colors-light-neutral-0);--non-semantic-text-teal-on-subtle: var(--colors-dark-teal-100);--non-semantic-text-violet-on-strong: var(--colors-light-neutral-0);--non-semantic-text-violet-on-subtle: var(--colors-dark-pink-100);--non-semantic-text-yellow-on-strong: var(--colors-light-yellow-1100);--non-semantic-text-yellow-on-subtle: var(--colors-dark-yellow-100);--semantic-fill-info: var(--colors-dark-blue-opacity-300-16);--semantic-fill-negative: var(--colors-dark-red-opacity-300-24);--semantic-fill-neutral: var(--colors-dark-neutral-opacity-0-12);--semantic-fill-notice: var(--colors-light-yellow-opacity-700-16);--semantic-fill-positive: var(--colors-dark-green-opacity-400-24);--semantic-fill-inverse-info: var(--colors-dark-blue-500);--semantic-fill-inverse-negative: var(--colors-dark-red-500);--semantic-fill-inverse-neutral: var(--colors-dark-neutral-0);--semantic-fill-inverse-notice: var(--colors-dark-yellow-400);--semantic-fill-inverse-positive: var(--colors-dark-green-500);--semantic-stroke-info: var(--colors-dark-blue-600);--semantic-stroke-negative: var(--colors-dark-red-600);--semantic-stroke-neutral: var(--colors-dark-neutral-600);--semantic-stroke-notice: var(--colors-dark-yellow-600);--semantic-stroke-positive: var(--colors-dark-green-600);--semantic-text-info: var(--colors-light-blue-400);--semantic-text-negative: var(--colors-light-red-400);--semantic-text-neutral: var(--colors-light-neutral-1100);--semantic-text-notice: var(--colors-light-yellow-400);--semantic-text-positive: var(--colors-light-green-400);--semantic-text-on-inverse-info: var(--colors-dark-neutral-0);--semantic-text-on-inverse-negative: var(--colors-dark-neutral-0);--semantic-text-on-inverse-neutral: var(--colors-dark-neutral-1100);--semantic-text-on-inverse-notice: var(--colors-dark-neutral-1100);--semantic-text-on-inverse-positive: var(--colors-dark-neutral-0);--semantic-text-on-subtle-info: var(--colors-dark-blue-200);--semantic-text-on-subtle-negative: var(--colors-dark-red-200);--semantic-text-on-subtle-neutral: var(--colors-dark-neutral-100);--semantic-text-on-subtle-notice: var(--colors-dark-yellow-200);--semantic-text-on-subtle-positive: var(--colors-dark-green-200);--static-fill-background: var(--colors-dark-neutral-1100);--static-fill-container: var(--colors-dark-neutral-900);--static-fill-foreground: var(--colors-dark-neutral-1000);--static-fill-overlay: var(--colors-dark-neutral-800);--static-fill-alpha-base: var(--colors-dark-neutral-opacity-0-12);--static-fill-alpha-strong: var(--colors-dark-neutral-opacity-0-16);--static-fill-alpha-subtle: var(--colors-dark-neutral-opacity-0-8);--static-fill-highlight-base: var(--colors-dark-neutral-opacity-0-12);--static-fill-highlight-inverse: var(--colors-dark-neutral-opacity-0-8);--static-fill-highlight-subtle: var(--colors-dark-neutral-opacity-0-0);--static-fill-inverse-background: var(--colors-dark-neutral-0);--static-fill-inverse-container: var(--colors-dark-neutral-0);--static-fill-inverse-foreground: var(--colors-dark-neutral-200);--static-fill-inverse-overlay: var(--colors-dark-neutral-0);--static-fill-inverse-alpha-base: var(--colors-dark-neutral-opacity-1200-8);--static-fill-inverse-alpha-strong: var(--colors-dark-neutral-opacity-1200-12);--static-fill-inverse-alpha-subtle: var(--colors-dark-neutral-opacity-1200-4);--static-scrim-base: var(--colors-dark-neutral-opacity-1200-56);--static-shadow-focus: var(--colors-dark-neutral-0);--static-shadow-outline: var(--colors-dark-neutral-opacity-1200-12);--static-stroke-base: var(--colors-dark-neutral-opacity-0-12);--static-stroke-strong: var(--colors-dark-neutral-opacity-0-12);--static-stroke-subtle: var(--colors-dark-neutral-opacity-0-8);--static-stroke-inverse-base: var(--colors-dark-neutral-opacity-1200-12);--static-stroke-inverse-strong: var(--colors-dark-neutral-opacity-1200-16);--static-stroke-inverse-subtle: var(--colors-dark-neutral-opacity-1200-8);--static-text-base: var(--colors-dark-neutral-300);--static-text-strong: var(--colors-dark-neutral-0);--static-text-subtle: var(--colors-dark-neutral-400);--static-text-inverse-base: var(--colors-dark-neutral-900);--static-text-inverse-strong: var(--colors-dark-neutral-1100);--static-text-inverse-subtle: var(--colors-dark-neutral-700);--color: Dark}}@layer base{.dark{--background-color-dynamic-danger-default: var(--dynamic-fill-danger-default);--outline-color-dynamic-danger-default: var(--dynamic-fill-danger-default);--fill-dynamic-danger-default: var(--dynamic-fill-danger-default);--background-color-dynamic-danger-disabled: var(--dynamic-fill-danger-disabled);--outline-color-dynamic-danger-disabled: var(--dynamic-fill-danger-disabled);--fill-dynamic-danger-disabled: var(--dynamic-fill-danger-disabled);--background-color-dynamic-danger-hover: var(--dynamic-fill-danger-hover);--outline-color-dynamic-danger-hover: var(--dynamic-fill-danger-hover);--fill-dynamic-danger-hover: var(--dynamic-fill-danger-hover);--background-color-dynamic-danger-pressed: var(--dynamic-fill-danger-pressed);--outline-color-dynamic-danger-pressed: var(--dynamic-fill-danger-pressed);--fill-dynamic-danger-pressed: var(--dynamic-fill-danger-pressed);--background-color-dynamic-danger-alpha-default: var(--dynamic-fill-danger-alpha-default);--outline-color-dynamic-danger-alpha-default: var(--dynamic-fill-danger-alpha-default);--fill-dynamic-danger-alpha-default: var(--dynamic-fill-danger-alpha-default);--background-color-dynamic-danger-alpha-hover: var(--dynamic-fill-danger-alpha-hover);--outline-color-dynamic-danger-alpha-hover: var(--dynamic-fill-danger-alpha-hover);--fill-dynamic-danger-alpha-hover: var(--dynamic-fill-danger-alpha-hover);--background-color-dynamic-danger-alpha-pressed: var(--dynamic-fill-danger-alpha-pressed);--outline-color-dynamic-danger-alpha-pressed: var(--dynamic-fill-danger-alpha-pressed);--fill-dynamic-danger-alpha-pressed: var(--dynamic-fill-danger-alpha-pressed);--background-color-dynamic-danger-alpha-strong-default: var( --dynamic-fill-danger-alpha-strong-default );--outline-color-dynamic-danger-alpha-strong-default: var( --dynamic-fill-danger-alpha-strong-default );--fill-dynamic-danger-alpha-strong-default: var(--dynamic-fill-danger-alpha-strong-default);--background-color-dynamic-danger-alpha-strong-hover: var( --dynamic-fill-danger-alpha-strong-hover );--outline-color-dynamic-danger-alpha-strong-hover: var( --dynamic-fill-danger-alpha-strong-hover );--fill-dynamic-danger-alpha-strong-hover: var(--dynamic-fill-danger-alpha-strong-hover);--background-color-dynamic-danger-alpha-strong-pressed: var( --dynamic-fill-danger-alpha-strong-pressed );--outline-color-dynamic-danger-alpha-strong-pressed: var( --dynamic-fill-danger-alpha-strong-pressed );--fill-dynamic-danger-alpha-strong-pressed: var(--dynamic-fill-danger-alpha-strong-pressed);--background-color-dynamic-inverse-default: var(--dynamic-fill-inverse-default);--outline-color-dynamic-inverse-default: var(--dynamic-fill-inverse-default);--fill-dynamic-inverse-default: var(--dynamic-fill-inverse-default);--background-color-dynamic-inverse-disabled: var(--dynamic-fill-inverse-disabled);--outline-color-dynamic-inverse-disabled: var(--dynamic-fill-inverse-disabled);--fill-dynamic-inverse-disabled: var(--dynamic-fill-inverse-disabled);--background-color-dynamic-inverse-hover: var(--dynamic-fill-inverse-hover);--outline-color-dynamic-inverse-hover: var(--dynamic-fill-inverse-hover);--fill-dynamic-inverse-hover: var(--dynamic-fill-inverse-hover);--background-color-dynamic-inverse-pressed: var(--dynamic-fill-inverse-pressed);--outline-color-dynamic-inverse-pressed: var(--dynamic-fill-inverse-pressed);--fill-dynamic-inverse-pressed: var(--dynamic-fill-inverse-pressed);--background-color-dynamic-inverse-alpha-default: var(--dynamic-fill-inverse-alpha-default);--outline-color-dynamic-inverse-alpha-default: var(--dynamic-fill-inverse-alpha-default);--fill-dynamic-inverse-alpha-default: var(--dynamic-fill-inverse-alpha-default);--background-color-dynamic-inverse-alpha-hover: var(--dynamic-fill-inverse-alpha-hover);--outline-color-dynamic-inverse-alpha-hover: var(--dynamic-fill-inverse-alpha-hover);--fill-dynamic-inverse-alpha-hover: var(--dynamic-fill-inverse-alpha-hover);--background-color-dynamic-inverse-alpha-pressed: var(--dynamic-fill-inverse-alpha-pressed);--outline-color-dynamic-inverse-alpha-pressed: var(--dynamic-fill-inverse-alpha-pressed);--fill-dynamic-inverse-alpha-pressed: var(--dynamic-fill-inverse-alpha-pressed);--background-color-dynamic-inverse-alpha-strong-default: var( --dynamic-fill-inverse-alpha-strong-default );--outline-color-dynamic-inverse-alpha-strong-default: var( --dynamic-fill-inverse-alpha-strong-default );--fill-dynamic-inverse-alpha-strong-default: var(--dynamic-fill-inverse-alpha-strong-default);--background-color-dynamic-inverse-alpha-strong-hover: var( --dynamic-fill-inverse-alpha-strong-hover );--outline-color-dynamic-inverse-alpha-strong-hover: var( --dynamic-fill-inverse-alpha-strong-hover );--fill-dynamic-inverse-alpha-strong-hover: var(--dynamic-fill-inverse-alpha-strong-hover);--background-color-dynamic-inverse-alpha-strong-pressed: var( --dynamic-fill-inverse-alpha-strong-pressed );--outline-color-dynamic-inverse-alpha-strong-pressed: var( --dynamic-fill-inverse-alpha-strong-pressed );--fill-dynamic-inverse-alpha-strong-pressed: var(--dynamic-fill-inverse-alpha-strong-pressed);--background-color-dynamic-primary-default: var(--dynamic-fill-primary-default);--outline-color-dynamic-primary-default: var(--dynamic-fill-primary-default);--fill-dynamic-primary-default: var(--dynamic-fill-primary-default);--background-color-dynamic-primary-disabled: var(--dynamic-fill-primary-disabled);--outline-color-dynamic-primary-disabled: var(--dynamic-fill-primary-disabled);--fill-dynamic-primary-disabled: var(--dynamic-fill-primary-disabled);--background-color-dynamic-primary-hover: var(--dynamic-fill-primary-hover);--outline-color-dynamic-primary-hover: var(--dynamic-fill-primary-hover);--fill-dynamic-primary-hover: var(--dynamic-fill-primary-hover);--background-color-dynamic-primary-pressed: var(--dynamic-fill-primary-pressed);--outline-color-dynamic-primary-pressed: var(--dynamic-fill-primary-pressed);--fill-dynamic-primary-pressed: var(--dynamic-fill-primary-pressed);--background-color-dynamic-primary-alpha-default: var(--dynamic-fill-primary-alpha-default);--outline-color-dynamic-primary-alpha-default: var(--dynamic-fill-primary-alpha-default);--fill-dynamic-primary-alpha-default: var(--dynamic-fill-primary-alpha-default);--background-color-dynamic-primary-alpha-hover: var(--dynamic-fill-primary-alpha-hover);--outline-color-dynamic-primary-alpha-hover: var(--dynamic-fill-primary-alpha-hover);--fill-dynamic-primary-alpha-hover: var(--dynamic-fill-primary-alpha-hover);--background-color-dynamic-primary-alpha-pressed: var(--dynamic-fill-primary-alpha-pressed);--outline-color-dynamic-primary-alpha-pressed: var(--dynamic-fill-primary-alpha-pressed);--fill-dynamic-primary-alpha-pressed: var(--dynamic-fill-primary-alpha-pressed);--background-color-dynamic-primary-alpha-strong-default: var( --dynamic-fill-primary-alpha-strong-default );--outline-color-dynamic-primary-alpha-strong-default: var( --dynamic-fill-primary-alpha-strong-default );--fill-dynamic-primary-alpha-strong-default: var(--dynamic-fill-primary-alpha-strong-default);--background-color-dynamic-primary-alpha-strong-hover: var( --dynamic-fill-primary-alpha-strong-hover );--outline-color-dynamic-primary-alpha-strong-hover: var( --dynamic-fill-primary-alpha-strong-hover );--fill-dynamic-primary-alpha-strong-hover: var(--dynamic-fill-primary-alpha-strong-hover);--background-color-dynamic-primary-alpha-strong-pressed: var( --dynamic-fill-primary-alpha-strong-pressed );--outline-color-dynamic-primary-alpha-strong-pressed: var( --dynamic-fill-primary-alpha-strong-pressed );--fill-dynamic-primary-alpha-strong-pressed: var(--dynamic-fill-primary-alpha-strong-pressed);--background-color-dynamic-secondary-default: var(--dynamic-fill-secondary-default);--outline-color-dynamic-secondary-default: var(--dynamic-fill-secondary-default);--fill-dynamic-secondary-default: var(--dynamic-fill-secondary-default);--background-color-dynamic-secondary-disabled: var(--dynamic-fill-secondary-disabled);--outline-color-dynamic-secondary-disabled: var(--dynamic-fill-secondary-disabled);--fill-dynamic-secondary-disabled: var(--dynamic-fill-secondary-disabled);--background-color-dynamic-secondary-hover: var(--dynamic-fill-secondary-hover);--outline-color-dynamic-secondary-hover: var(--dynamic-fill-secondary-hover);--fill-dynamic-secondary-hover: var(--dynamic-fill-secondary-hover);--background-color-dynamic-secondary-pressed: var(--dynamic-fill-secondary-pressed);--outline-color-dynamic-secondary-pressed: var(--dynamic-fill-secondary-pressed);--fill-dynamic-secondary-pressed: var(--dynamic-fill-secondary-pressed);--background-color-dynamic-secondary-alpha-default: var(--dynamic-fill-secondary-alpha-default);--outline-color-dynamic-secondary-alpha-default: var(--dynamic-fill-secondary-alpha-default);--fill-dynamic-secondary-alpha-default: var(--dynamic-fill-secondary-alpha-default);--background-color-dynamic-secondary-alpha-disabled: var( --dynamic-fill-secondary-alpha-disabled );--outline-color-dynamic-secondary-alpha-disabled: var(--dynamic-fill-secondary-alpha-disabled);--fill-dynamic-secondary-alpha-disabled: var(--dynamic-fill-secondary-alpha-disabled);--background-color-dynamic-secondary-alpha-hover: var(--dynamic-fill-secondary-alpha-hover);--outline-color-dynamic-secondary-alpha-hover: var(--dynamic-fill-secondary-alpha-hover);--fill-dynamic-secondary-alpha-hover: var(--dynamic-fill-secondary-alpha-hover);--background-color-dynamic-secondary-alpha-pressed: var(--dynamic-fill-secondary-alpha-pressed);--outline-color-dynamic-secondary-alpha-pressed: var(--dynamic-fill-secondary-alpha-pressed);--fill-dynamic-secondary-alpha-pressed: var(--dynamic-fill-secondary-alpha-pressed);--background-color-dynamic-secondary-alpha-strong-default: var( --dynamic-fill-secondary-alpha-strong-default );--outline-color-dynamic-secondary-alpha-strong-default: var( --dynamic-fill-secondary-alpha-strong-default );--fill-dynamic-secondary-alpha-strong-default: var( --dynamic-fill-secondary-alpha-strong-default );--background-color-dynamic-secondary-alpha-strong-hover: var( --dynamic-fill-secondary-alpha-strong-hover );--outline-color-dynamic-secondary-alpha-strong-hover: var( --dynamic-fill-secondary-alpha-strong-hover );--fill-dynamic-secondary-alpha-strong-hover: var(--dynamic-fill-secondary-alpha-strong-hover);--background-color-dynamic-secondary-alpha-strong-pressed: var( --dynamic-fill-secondary-alpha-strong-pressed );--outline-color-dynamic-secondary-alpha-strong-pressed: var( --dynamic-fill-secondary-alpha-strong-pressed );--fill-dynamic-secondary-alpha-strong-pressed: var( --dynamic-fill-secondary-alpha-strong-pressed );--background-color-dynamic-success-default: var(--dynamic-fill-success-default);--outline-color-dynamic-success-default: var(--dynamic-fill-success-default);--fill-dynamic-success-default: var(--dynamic-fill-success-default);--background-color-dynamic-success-disabled: var(--dynamic-fill-success-disabled);--outline-color-dynamic-success-disabled: var(--dynamic-fill-success-disabled);--fill-dynamic-success-disabled: var(--dynamic-fill-success-disabled);--background-color-dynamic-success-hover: var(--dynamic-fill-success-hover);--outline-color-dynamic-success-hover: var(--dynamic-fill-success-hover);--fill-dynamic-success-hover: var(--dynamic-fill-success-hover);--background-color-dynamic-success-pressed: var(--dynamic-fill-success-pressed);--outline-color-dynamic-success-pressed: var(--dynamic-fill-success-pressed);--fill-dynamic-success-pressed: var(--dynamic-fill-success-pressed);--background-color-dynamic-success-alpha-default: var(--dynamic-fill-success-alpha-default);--outline-color-dynamic-success-alpha-default: var(--dynamic-fill-success-alpha-default);--fill-dynamic-success-alpha-default: var(--dynamic-fill-success-alpha-default);--background-color-dynamic-success-alpha-hover: var(--dynamic-fill-success-alpha-hover);--outline-color-dynamic-success-alpha-hover: var(--dynamic-fill-success-alpha-hover);--fill-dynamic-success-alpha-hover: var(--dynamic-fill-success-alpha-hover);--background-color-dynamic-success-alpha-pressed: var(--dynamic-fill-success-alpha-pressed);--outline-color-dynamic-success-alpha-pressed: var(--dynamic-fill-success-alpha-pressed);--fill-dynamic-success-alpha-pressed: var(--dynamic-fill-success-alpha-pressed);--background-color-dynamic-success-alpha-strong-default: var( --dynamic-fill-success-alpha-strong-default );--outline-color-dynamic-success-alpha-strong-default: var( --dynamic-fill-success-alpha-strong-default );--fill-dynamic-success-alpha-strong-default: var(--dynamic-fill-success-alpha-strong-default);--background-color-dynamic-success-alpha-strong-hover: var( --dynamic-fill-success-alpha-strong-hover );--outline-color-dynamic-success-alpha-strong-hover: var( --dynamic-fill-success-alpha-strong-hover );--fill-dynamic-success-alpha-strong-hover: var(--dynamic-fill-success-alpha-strong-hover);--background-color-dynamic-success-alpha-strong-pressed: var( --dynamic-fill-success-alpha-strong-pressed );--outline-color-dynamic-success-alpha-strong-pressed: var( --dynamic-fill-success-alpha-strong-pressed );--fill-dynamic-success-alpha-strong-pressed: var(--dynamic-fill-success-alpha-strong-pressed);--background-color-dynamic-tertiary-default: var(--dynamic-fill-tertiary-default);--outline-color-dynamic-tertiary-default: var(--dynamic-fill-tertiary-default);--fill-dynamic-tertiary-default: var(--dynamic-fill-tertiary-default);--background-color-dynamic-tertiary-disabled: var(--dynamic-fill-tertiary-disabled);--outline-color-dynamic-tertiary-disabled: var(--dynamic-fill-tertiary-disabled);--fill-dynamic-tertiary-disabled: var(--dynamic-fill-tertiary-disabled);--background-color-dynamic-tertiary-hover: var(--dynamic-fill-tertiary-hover);--outline-color-dynamic-tertiary-hover: var(--dynamic-fill-tertiary-hover);--fill-dynamic-tertiary-hover: var(--dynamic-fill-tertiary-hover);--background-color-dynamic-tertiary-pressed: var(--dynamic-fill-tertiary-pressed);--outline-color-dynamic-tertiary-pressed: var(--dynamic-fill-tertiary-pressed);--fill-dynamic-tertiary-pressed: var(--dynamic-fill-tertiary-pressed);--background-color-dynamic-tertiary-alpha-default: var(--dynamic-fill-tertiary-alpha-default);--outline-color-dynamic-tertiary-alpha-default: var(--dynamic-fill-tertiary-alpha-default);--fill-dynamic-tertiary-alpha-default: var(--dynamic-fill-tertiary-alpha-default);--background-color-dynamic-tertiary-alpha-hover: var(--dynamic-fill-tertiary-alpha-hover);--outline-color-dynamic-tertiary-alpha-hover: var(--dynamic-fill-tertiary-alpha-hover);--fill-dynamic-tertiary-alpha-hover: var(--dynamic-fill-tertiary-alpha-hover);--background-color-dynamic-tertiary-alpha-pressed: var(--dynamic-fill-tertiary-alpha-pressed);--outline-color-dynamic-tertiary-alpha-pressed: var(--dynamic-fill-tertiary-alpha-pressed);--fill-dynamic-tertiary-alpha-pressed: var(--dynamic-fill-tertiary-alpha-pressed);--background-color-dynamic-tertiary-alpha-strong-default: var( --dynamic-fill-tertiary-alpha-strong-default );--outline-color-dynamic-tertiary-alpha-strong-default: var( --dynamic-fill-tertiary-alpha-strong-default );--fill-dynamic-tertiary-alpha-strong-default: var(--dynamic-fill-tertiary-alpha-strong-default);--background-color-dynamic-tertiary-alpha-strong-hover: var( --dynamic-fill-tertiary-alpha-strong-hover );--outline-color-dynamic-tertiary-alpha-strong-hover: var( --dynamic-fill-tertiary-alpha-strong-hover );--fill-dynamic-tertiary-alpha-strong-hover: var(--dynamic-fill-tertiary-alpha-strong-hover);--background-color-dynamic-tertiary-alpha-strong-pressed: var( --dynamic-fill-tertiary-alpha-strong-pressed );--outline-color-dynamic-tertiary-alpha-strong-pressed: var( --dynamic-fill-tertiary-alpha-strong-pressed );--fill-dynamic-tertiary-alpha-strong-pressed: var(--dynamic-fill-tertiary-alpha-strong-pressed);--border-color-dynamic-danger-default: var(--dynamic-stroke-danger-default);--border-color-dynamic-danger-disabled: var(--dynamic-stroke-danger-disabled);--border-color-dynamic-danger-hover: var(--dynamic-stroke-danger-hover);--border-color-dynamic-danger-pressed: var(--dynamic-stroke-danger-pressed);--border-color-dynamic-danger-strong-default: var(--dynamic-stroke-danger-strong-default);--outline-color-dynamic-danger-strong-default: var(--dynamic-stroke-danger-strong-default);--border-color-dynamic-danger-strong-disabled: var(--dynamic-stroke-danger-strong-disabled);--outline-color-dynamic-danger-strong-disabled: var(--dynamic-stroke-danger-strong-disabled);--border-color-dynamic-danger-strong-hover: var(--dynamic-stroke-danger-strong-hover);--outline-color-dynamic-danger-strong-hover: var(--dynamic-stroke-danger-strong-hover);--border-color-dynamic-danger-strong-pressed: var(--dynamic-stroke-danger-strong-pressed);--outline-color-dynamic-danger-strong-pressed: var(--dynamic-stroke-danger-strong-pressed);--border-color-dynamic-inverse-default: var(--dynamic-stroke-inverse-default);--border-color-dynamic-inverse-disabled: var(--dynamic-stroke-inverse-disabled);--border-color-dynamic-inverse-hover: var(--dynamic-stroke-inverse-hover);--border-color-dynamic-inverse-pressed: var(--dynamic-stroke-inverse-pressed);--border-color-dynamic-inverse-strong-default: var(--dynamic-stroke-inverse-strong-default);--outline-color-dynamic-inverse-strong-default: var(--dynamic-stroke-inverse-strong-default);--border-color-dynamic-inverse-strong-disabled: var(--dynamic-stroke-inverse-strong-disabled);--outline-color-dynamic-inverse-strong-disabled: var(--dynamic-stroke-inverse-strong-disabled);--border-color-dynamic-inverse-strong-hover: var(--dynamic-stroke-inverse-strong-hover);--outline-color-dynamic-inverse-strong-hover: var(--dynamic-stroke-inverse-strong-hover);--border-color-dynamic-inverse-strong-pressed: var(--dynamic-stroke-inverse-strong-pressed);--outline-color-dynamic-inverse-strong-pressed: var(--dynamic-stroke-inverse-strong-pressed);--border-color-dynamic-primary-default: var(--dynamic-stroke-primary-default);--border-color-dynamic-primary-disabled: var(--dynamic-stroke-primary-disabled);--border-color-dynamic-primary-hover: var(--dynamic-stroke-primary-hover);--border-color-dynamic-primary-pressed: var(--dynamic-stroke-primary-pressed);--border-color-dynamic-primary-strong-default: var(--dynamic-stroke-primary-strong-default);--outline-color-dynamic-primary-strong-default: var(--dynamic-stroke-primary-strong-default);--border-color-dynamic-primary-strong-disabled: var(--dynamic-stroke-primary-strong-disabled);--outline-color-dynamic-primary-strong-disabled: var(--dynamic-stroke-primary-strong-disabled);--border-color-dynamic-primary-strong-hover: var(--dynamic-stroke-primary-strong-hover);--outline-color-dynamic-primary-strong-hover: var(--dynamic-stroke-primary-strong-hover);--border-color-dynamic-primary-strong-pressed: var(--dynamic-stroke-primary-strong-pressed);--outline-color-dynamic-primary-strong-pressed: var(--dynamic-stroke-primary-strong-pressed);--border-color-dynamic-secondary-default: var(--dynamic-stroke-secondary-default);--border-color-dynamic-secondary-disabled: var(--dynamic-stroke-secondary-disabled);--border-color-dynamic-secondary-hover: var(--dynamic-stroke-secondary-hover);--border-color-dynamic-secondary-pressed: var(--dynamic-stroke-secondary-pressed);--border-color-dynamic-secondary-strong-default: var(--dynamic-stroke-secondary-strong-default);--outline-color-dynamic-secondary-strong-default: var( --dynamic-stroke-secondary-strong-default );--border-color-dynamic-secondary-strong-disabled: var( --dynamic-stroke-secondary-strong-disabled );--outline-color-dynamic-secondary-strong-disabled: var( --dynamic-stroke-secondary-strong-disabled );--border-color-dynamic-secondary-strong-hover: var(--dynamic-stroke-secondary-strong-hover);--outline-color-dynamic-secondary-strong-hover: var(--dynamic-stroke-secondary-strong-hover);--border-color-dynamic-secondary-strong-pressed: var(--dynamic-stroke-secondary-strong-pressed);--outline-color-dynamic-secondary-strong-pressed: var( --dynamic-stroke-secondary-strong-pressed );--border-color-dynamic-success-default: var(--dynamic-stroke-success-default);--border-color-dynamic-success-disabled: var(--dynamic-stroke-success-disabled);--border-color-dynamic-success-hover: var(--dynamic-stroke-success-hover);--border-color-dynamic-success-pressed: var(--dynamic-stroke-success-pressed);--border-color-dynamic-success-strong-default: var(--dynamic-stroke-success-strong-default);--outline-color-dynamic-success-strong-default: var(--dynamic-stroke-success-strong-default);--border-color-dynamic-success-strong-disabled: var(--dynamic-stroke-success-strong-disabled);--outline-color-dynamic-success-strong-disabled: var(--dynamic-stroke-success-strong-disabled);--border-color-dynamic-success-strong-hover: var(--dynamic-stroke-success-strong-hover);--outline-color-dynamic-success-strong-hover: var(--dynamic-stroke-success-strong-hover);--border-color-dynamic-success-strong-pressed: var(--dynamic-stroke-success-strong-pressed);--outline-color-dynamic-success-strong-pressed: var(--dynamic-stroke-success-strong-pressed);--text-color-dynamic-danger-default: var(--dynamic-text-danger-default);--decoration-dynamic-danger-default: var(--dynamic-text-danger-default);--stroke-dynamic-danger-default: var(--dynamic-text-danger-default);--text-color-dynamic-danger-disabled: var(--dynamic-text-danger-disabled);--decoration-dynamic-danger-disabled: var(--dynamic-text-danger-disabled);--stroke-dynamic-danger-disabled: var(--dynamic-text-danger-disabled);--text-color-dynamic-danger-hover: var(--dynamic-text-danger-hover);--decoration-dynamic-danger-hover: var(--dynamic-text-danger-hover);--stroke-dynamic-danger-hover: var(--dynamic-text-danger-hover);--text-color-dynamic-danger-pressed: var(--dynamic-text-danger-pressed);--decoration-dynamic-danger-pressed: var(--dynamic-text-danger-pressed);--stroke-dynamic-danger-pressed: var(--dynamic-text-danger-pressed);--text-color-dynamic-inverse-default: var(--dynamic-text-inverse-default);--decoration-dynamic-inverse-default: var(--dynamic-text-inverse-default);--stroke-dynamic-inverse-default: var(--dynamic-text-inverse-default);--text-color-dynamic-inverse-disabled: var(--dynamic-text-inverse-disabled);--decoration-dynamic-inverse-disabled: var(--dynamic-text-inverse-disabled);--stroke-dynamic-inverse-disabled: var(--dynamic-text-inverse-disabled);--text-color-dynamic-inverse-hover: var(--dynamic-text-inverse-hover);--decoration-dynamic-inverse-hover: var(--dynamic-text-inverse-hover);--stroke-dynamic-inverse-hover: var(--dynamic-text-inverse-hover);--text-color-dynamic-inverse-pressed: var(--dynamic-text-inverse-pressed);--decoration-dynamic-inverse-pressed: var(--dynamic-text-inverse-pressed);--stroke-dynamic-inverse-pressed: var(--dynamic-text-inverse-pressed);--text-color-dynamic-on-danger-default: var(--dynamic-text-on-danger-default);--decoration-dynamic-on-danger-default: var(--dynamic-text-on-danger-default);--fill-dynamic-on-danger-default: var(--dynamic-text-on-danger-default);--stroke-dynamic-on-danger-default: var(--dynamic-text-on-danger-default);--text-color-dynamic-on-danger-disabled: var(--dynamic-text-on-danger-disabled);--decoration-dynamic-on-danger-disabled: var(--dynamic-text-on-danger-disabled);--fill-dynamic-on-danger-disabled: var(--dynamic-text-on-danger-disabled);--stroke-dynamic-on-danger-disabled: var(--dynamic-text-on-danger-disabled);--text-color-dynamic-on-danger-hover: var(--dynamic-text-on-danger-hover);--decoration-dynamic-on-danger-hover: var(--dynamic-text-on-danger-hover);--fill-dynamic-on-danger-hover: var(--dynamic-text-on-danger-hover);--stroke-dynamic-on-danger-hover: var(--dynamic-text-on-danger-hover);--text-color-dynamic-on-danger-pressed: var(--dynamic-text-on-danger-pressed);--decoration-dynamic-on-danger-pressed: var(--dynamic-text-on-danger-pressed);--fill-dynamic-on-danger-pressed: var(--dynamic-text-on-danger-pressed);--stroke-dynamic-on-danger-pressed: var(--dynamic-text-on-danger-pressed);--text-color-dynamic-on-inverse-default: var(--dynamic-text-on-inverse-default);--decoration-dynamic-on-inverse-default: var(--dynamic-text-on-inverse-default);--fill-dynamic-on-inverse-default: var(--dynamic-text-on-inverse-default);--stroke-dynamic-on-inverse-default: var(--dynamic-text-on-inverse-default);--text-color-dynamic-on-inverse-disabled: var(--dynamic-text-on-inverse-disabled);--decoration-dynamic-on-inverse-disabled: var(--dynamic-text-on-inverse-disabled);--fill-dynamic-on-inverse-disabled: var(--dynamic-text-on-inverse-disabled);--stroke-dynamic-on-inverse-disabled: var(--dynamic-text-on-inverse-disabled);--text-color-dynamic-on-inverse-hover: var(--dynamic-text-on-inverse-hover);--decoration-dynamic-on-inverse-hover: var(--dynamic-text-on-inverse-hover);--fill-dynamic-on-inverse-hover: var(--dynamic-text-on-inverse-hover);--stroke-dynamic-on-inverse-hover: var(--dynamic-text-on-inverse-hover);--text-color-dynamic-on-inverse-pressed: var(--dynamic-text-on-inverse-pressed);--decoration-dynamic-on-inverse-pressed: var(--dynamic-text-on-inverse-pressed);--fill-dynamic-on-inverse-pressed: var(--dynamic-text-on-inverse-pressed);--stroke-dynamic-on-inverse-pressed: var(--dynamic-text-on-inverse-pressed);--text-color-dynamic-on-primary-default: var(--dynamic-text-on-primary-default);--decoration-dynamic-on-primary-default: var(--dynamic-text-on-primary-default);--fill-dynamic-on-primary-default: var(--dynamic-text-on-primary-default);--stroke-dynamic-on-primary-default: var(--dynamic-text-on-primary-default);--text-color-dynamic-on-primary-disabled: var(--dynamic-text-on-primary-disabled);--decoration-dynamic-on-primary-disabled: var(--dynamic-text-on-primary-disabled);--fill-dynamic-on-primary-disabled: var(--dynamic-text-on-primary-disabled);--stroke-dynamic-on-primary-disabled: var(--dynamic-text-on-primary-disabled);--text-color-dynamic-on-primary-hover: var(--dynamic-text-on-primary-hover);--decoration-dynamic-on-primary-hover: var(--dynamic-text-on-primary-hover);--fill-dynamic-on-primary-hover: var(--dynamic-text-on-primary-hover);--stroke-dynamic-on-primary-hover: var(--dynamic-text-on-primary-hover);--text-color-dynamic-on-primary-pressed: var(--dynamic-text-on-primary-pressed);--decoration-dynamic-on-primary-pressed: var(--dynamic-text-on-primary-pressed);--fill-dynamic-on-primary-pressed: var(--dynamic-text-on-primary-pressed);--stroke-dynamic-on-primary-pressed: var(--dynamic-text-on-primary-pressed);--text-color-dynamic-on-secondary-default: var(--dynamic-text-on-secondary-default);--decoration-dynamic-on-secondary-default: var(--dynamic-text-on-secondary-default);--fill-dynamic-on-secondary-default: var(--dynamic-text-on-secondary-default);--stroke-dynamic-on-secondary-default: var(--dynamic-text-on-secondary-default);--text-color-dynamic-on-secondary-disabled: var(--dynamic-text-on-secondary-disabled);--decoration-dynamic-on-secondary-disabled: var(--dynamic-text-on-secondary-disabled);--fill-dynamic-on-secondary-disabled: var(--dynamic-text-on-secondary-disabled);--stroke-dynamic-on-secondary-disabled: var(--dynamic-text-on-secondary-disabled);--text-color-dynamic-on-secondary-hover: var(--dynamic-text-on-secondary-hover);--decoration-dynamic-on-secondary-hover: var(--dynamic-text-on-secondary-hover);--fill-dynamic-on-secondary-hover: var(--dynamic-text-on-secondary-hover);--stroke-dynamic-on-secondary-hover: var(--dynamic-text-on-secondary-hover);--text-color-dynamic-on-secondary-pressed: var(--dynamic-text-on-secondary-pressed);--decoration-dynamic-on-secondary-pressed: var(--dynamic-text-on-secondary-pressed);--fill-dynamic-on-secondary-pressed: var(--dynamic-text-on-secondary-pressed);--stroke-dynamic-on-secondary-pressed: var(--dynamic-text-on-secondary-pressed);--text-color-dynamic-on-success-default: var(--dynamic-text-on-success-default);--decoration-dynamic-on-success-default: var(--dynamic-text-on-success-default);--fill-dynamic-on-success-default: var(--dynamic-text-on-success-default);--stroke-dynamic-on-success-default: var(--dynamic-text-on-success-default);--text-color-dynamic-on-success-disabled: var(--dynamic-text-on-success-disabled);--decoration-dynamic-on-success-disabled: var(--dynamic-text-on-success-disabled);--fill-dynamic-on-success-disabled: var(--dynamic-text-on-success-disabled);--stroke-dynamic-on-success-disabled: var(--dynamic-text-on-success-disabled);--text-color-dynamic-on-success-hover: var(--dynamic-text-on-success-hover);--decoration-dynamic-on-success-hover: var(--dynamic-text-on-success-hover);--fill-dynamic-on-success-hover: var(--dynamic-text-on-success-hover);--stroke-dynamic-on-success-hover: var(--dynamic-text-on-success-hover);--text-color-dynamic-on-success-pressed: var(--dynamic-text-on-success-pressed);--decoration-dynamic-on-success-pressed: var(--dynamic-text-on-success-pressed);--fill-dynamic-on-success-pressed: var(--dynamic-text-on-success-pressed);--stroke-dynamic-on-success-pressed: var(--dynamic-text-on-success-pressed);--text-color-dynamic-primary-default: var(--dynamic-text-primary-default);--decoration-dynamic-primary-default: var(--dynamic-text-primary-default);--stroke-dynamic-primary-default: var(--dynamic-text-primary-default);--text-color-dynamic-primary-disabled: var(--dynamic-text-primary-disabled);--decoration-dynamic-primary-disabled: var(--dynamic-text-primary-disabled);--stroke-dynamic-primary-disabled: var(--dynamic-text-primary-disabled);--text-color-dynamic-primary-hover: var(--dynamic-text-primary-hover);--decoration-dynamic-primary-hover: var(--dynamic-text-primary-hover);--stroke-dynamic-primary-hover: var(--dynamic-text-primary-hover);--text-color-dynamic-primary-pressed: var(--dynamic-text-primary-pressed);--decoration-dynamic-primary-pressed: var(--dynamic-text-primary-pressed);--stroke-dynamic-primary-pressed: var(--dynamic-text-primary-pressed);--text-color-dynamic-secondary-default: var(--dynamic-text-secondary-default);--decoration-dynamic-secondary-default: var(--dynamic-text-secondary-default);--stroke-dynamic-secondary-default: var(--dynamic-text-secondary-default);--text-color-dynamic-secondary-disabled: var(--dynamic-text-secondary-disabled);--decoration-dynamic-secondary-disabled: var(--dynamic-text-secondary-disabled);--stroke-dynamic-secondary-disabled: var(--dynamic-text-secondary-disabled);--text-color-dynamic-secondary-hover: var(--dynamic-text-secondary-hover);--decoration-dynamic-secondary-hover: var(--dynamic-text-secondary-hover);--stroke-dynamic-secondary-hover: var(--dynamic-text-secondary-hover);--text-color-dynamic-secondary-pressed: var(--dynamic-text-secondary-pressed);--decoration-dynamic-secondary-pressed: var(--dynamic-text-secondary-pressed);--stroke-dynamic-secondary-pressed: var(--dynamic-text-secondary-pressed);--text-color-dynamic-success-default: var(--dynamic-text-success-default);--decoration-dynamic-success-default: var(--dynamic-text-success-default);--stroke-dynamic-success-default: var(--dynamic-text-success-default);--text-color-dynamic-success-disabled: var(--dynamic-text-success-disabled);--decoration-dynamic-success-disabled: var(--dynamic-text-success-disabled);--stroke-dynamic-success-disabled: var(--dynamic-text-success-disabled);--text-color-dynamic-success-hover: var(--dynamic-text-success-hover);--decoration-dynamic-success-hover: var(--dynamic-text-success-hover);--stroke-dynamic-success-hover: var(--dynamic-text-success-hover);--text-color-dynamic-success-pressed: var(--dynamic-text-success-pressed);--decoration-dynamic-success-pressed: var(--dynamic-text-success-pressed);--stroke-dynamic-success-pressed: var(--dynamic-text-success-pressed);--background-color-non-semantic-blue-strong: var(--non-semantic-fill-blue-strong);--outline-color-non-semantic-blue-strong: var(--non-semantic-fill-blue-strong);--background-color-non-semantic-blue-subtle: var(--non-semantic-fill-blue-subtle);--outline-color-non-semantic-blue-subtle: var(--non-semantic-fill-blue-subtle);--background-color-non-semantic-brand-strong: var(--non-semantic-fill-brand-strong);--outline-color-non-semantic-brand-strong: var(--non-semantic-fill-brand-strong);--background-color-non-semantic-brand-subtle: var(--non-semantic-fill-brand-subtle);--outline-color-non-semantic-brand-subtle: var(--non-semantic-fill-brand-subtle);--background-color-non-semantic-cyan-strong: var(--non-semantic-fill-cyan-strong);--outline-color-non-semantic-cyan-strong: var(--non-semantic-fill-cyan-strong);--background-color-non-semantic-cyan-subtle: var(--non-semantic-fill-cyan-subtle);--outline-color-non-semantic-cyan-subtle: var(--non-semantic-fill-cyan-subtle);--background-color-non-semantic-green-strong: var(--non-semantic-fill-green-strong);--outline-color-non-semantic-green-strong: var(--non-semantic-fill-green-strong);--background-color-non-semantic-green-subtle: var(--non-semantic-fill-green-subtle);--outline-color-non-semantic-green-subtle: var(--non-semantic-fill-green-subtle);--background-color-non-semantic-indigo-strong: var(--non-semantic-fill-indigo-strong);--outline-color-non-semantic-indigo-strong: var(--non-semantic-fill-indigo-strong);--background-color-non-semantic-indigo-subtle: var(--non-semantic-fill-indigo-subtle);--outline-color-non-semantic-indigo-subtle: var(--non-semantic-fill-indigo-subtle);--background-color-non-semantic-lime-strong: var(--non-semantic-fill-lime-strong);--outline-color-non-semantic-lime-strong: var(--non-semantic-fill-lime-strong);--background-color-non-semantic-lime-subtle: var(--non-semantic-fill-lime-subtle);--outline-color-non-semantic-lime-subtle: var(--non-semantic-fill-lime-subtle);--background-color-non-semantic-orange-strong: var(--non-semantic-fill-orange-strong);--outline-color-non-semantic-orange-strong: var(--non-semantic-fill-orange-strong);--background-color-non-semantic-orange-subtle: var(--non-semantic-fill-orange-subtle);--outline-color-non-semantic-orange-subtle: var(--non-semantic-fill-orange-subtle);--background-color-non-semantic-pink-strong: var(--non-semantic-fill-pink-strong);--outline-color-non-semantic-pink-strong: var(--non-semantic-fill-pink-strong);--background-color-non-semantic-pink-subtle: var(--non-semantic-fill-pink-subtle);--outline-color-non-semantic-pink-subtle: var(--non-semantic-fill-pink-subtle);--background-color-non-semantic-purple-strong: var(--non-semantic-fill-purple-strong);--outline-color-non-semantic-purple-strong: var(--non-semantic-fill-purple-strong);--background-color-non-semantic-purple-subtle: var(--non-semantic-fill-purple-subtle);--outline-color-non-semantic-purple-subtle: var(--non-semantic-fill-purple-subtle);--background-color-non-semantic-red-strong: var(--non-semantic-fill-red-strong);--outline-color-non-semantic-red-strong: var(--non-semantic-fill-red-strong);--background-color-non-semantic-red-subtle: var(--non-semantic-fill-red-subtle);--outline-color-non-semantic-red-subtle: var(--non-semantic-fill-red-subtle);--background-color-non-semantic-teal-strong: var(--non-semantic-fill-teal-strong);--outline-color-non-semantic-teal-strong: var(--non-semantic-fill-teal-strong);--background-color-non-semantic-teal-subtle: var(--non-semantic-fill-teal-subtle);--outline-color-non-semantic-teal-subtle: var(--non-semantic-fill-teal-subtle);--background-color-non-semantic-violet-strong: var(--non-semantic-fill-violet-strong);--outline-color-non-semantic-violet-strong: var(--non-semantic-fill-violet-strong);--background-color-non-semantic-violet-subtle: var(--non-semantic-fill-violet-subtle);--outline-color-non-semantic-violet-subtle: var(--non-semantic-fill-violet-subtle);--background-color-non-semantic-yellow-strong: var(--non-semantic-fill-yellow-strong);--outline-color-non-semantic-yellow-strong: var(--non-semantic-fill-yellow-strong);--background-color-non-semantic-yellow-subtle: var(--non-semantic-fill-yellow-subtle);--outline-color-non-semantic-yellow-subtle: var(--non-semantic-fill-yellow-subtle);--border-color-non-semantic-blue-default: var(--non-semantic-stroke-blue-default);--outline-color-non-semantic-blue-default: var(--non-semantic-stroke-blue-default);--border-color-non-semantic-brand-default: var(--non-semantic-stroke-brand-default);--outline-color-non-semantic-brand-default: var(--non-semantic-stroke-brand-default);--border-color-non-semantic-cyan-default: var(--non-semantic-stroke-cyan-default);--outline-color-non-semantic-cyan-default: var(--non-semantic-stroke-cyan-default);--border-color-non-semantic-green-default: var(--non-semantic-stroke-green-default);--outline-color-non-semantic-green-default: var(--non-semantic-stroke-green-default);--border-color-non-semantic-indigo-default: var(--non-semantic-stroke-indigo-default);--outline-color-non-semantic-indigo-default: var(--non-semantic-stroke-indigo-default);--border-color-non-semantic-lime-default: var(--non-semantic-stroke-lime-default);--outline-color-non-semantic-lime-default: var(--non-semantic-stroke-lime-default);--border-color-non-semantic-orange-default: var(--non-semantic-stroke-orange-default);--outline-color-non-semantic-orange-default: var(--non-semantic-stroke-orange-default);--border-color-non-semantic-pink-default: var(--non-semantic-stroke-pink-default);--outline-color-non-semantic-pink-default: var(--non-semantic-stroke-pink-default);--border-color-non-semantic-purple-default: var(--non-semantic-stroke-purple-default);--outline-color-non-semantic-purple-default: var(--non-semantic-stroke-purple-default);--border-color-non-semantic-red-default: var(--non-semantic-stroke-red-default);--outline-color-non-semantic-red-default: var(--non-semantic-stroke-red-default);--border-color-non-semantic-teal-default: var(--non-semantic-stroke-teal-default);--outline-color-non-semantic-teal-default: var(--non-semantic-stroke-teal-default);--border-color-non-semantic-violet-default: var(--non-semantic-stroke-violet-default);--outline-color-non-semantic-violet-default: var(--non-semantic-stroke-violet-default);--border-color-non-semantic-yellow-default: var(--non-semantic-stroke-yellow-default);--outline-color-non-semantic-yellow-default: var(--non-semantic-stroke-yellow-default);--text-color-non-semantic-blue-on-strong: var(--non-semantic-text-blue-on-strong);--decoration-non-semantic-blue-on-strong: var(--non-semantic-text-blue-on-strong);--fill-non-semantic-blue-on-strong: var(--non-semantic-text-blue-on-strong);--stroke-non-semantic-blue-on-strong: var(--non-semantic-text-blue-on-strong);--text-color-non-semantic-blue-on-subtle: var(--non-semantic-text-blue-on-subtle);--decoration-non-semantic-blue-on-subtle: var(--non-semantic-text-blue-on-subtle);--fill-non-semantic-blue-on-subtle: var(--non-semantic-text-blue-on-subtle);--stroke-non-semantic-blue-on-subtle: var(--non-semantic-text-blue-on-subtle);--text-color-non-semantic-brand-on-strong: var(--non-semantic-text-brand-on-strong);--decoration-non-semantic-brand-on-strong: var(--non-semantic-text-brand-on-strong);--fill-non-semantic-brand-on-strong: var(--non-semantic-text-brand-on-strong);--stroke-non-semantic-brand-on-strong: var(--non-semantic-text-brand-on-strong);--text-color-non-semantic-brand-on-subtle: var(--non-semantic-text-brand-on-subtle);--decoration-non-semantic-brand-on-subtle: var(--non-semantic-text-brand-on-subtle);--fill-non-semantic-brand-on-subtle: var(--non-semantic-text-brand-on-subtle);--stroke-non-semantic-brand-on-subtle: var(--non-semantic-text-brand-on-subtle);--text-color-non-semantic-cyan-on-strong: var(--non-semantic-text-cyan-on-strong);--decoration-non-semantic-cyan-on-strong: var(--non-semantic-text-cyan-on-strong);--fill-non-semantic-cyan-on-strong: var(--non-semantic-text-cyan-on-strong);--stroke-non-semantic-cyan-on-strong: var(--non-semantic-text-cyan-on-strong);--text-color-non-semantic-cyan-on-subtle: var(--non-semantic-text-cyan-on-subtle);--decoration-non-semantic-cyan-on-subtle: var(--non-semantic-text-cyan-on-subtle);--fill-non-semantic-cyan-on-subtle: var(--non-semantic-text-cyan-on-subtle);--stroke-non-semantic-cyan-on-subtle: var(--non-semantic-text-cyan-on-subtle);--text-color-non-semantic-green-on-strong: var(--non-semantic-text-green-on-strong);--decoration-non-semantic-green-on-strong: var(--non-semantic-text-green-on-strong);--fill-non-semantic-green-on-strong: var(--non-semantic-text-green-on-strong);--stroke-non-semantic-green-on-strong: var(--non-semantic-text-green-on-strong);--text-color-non-semantic-green-on-subtle: var(--non-semantic-text-green-on-subtle);--decoration-non-semantic-green-on-subtle: var(--non-semantic-text-green-on-subtle);--fill-non-semantic-green-on-subtle: var(--non-semantic-text-green-on-subtle);--stroke-non-semantic-green-on-subtle: var(--non-semantic-text-green-on-subtle);--text-color-non-semantic-indigo-on-strong: var(--non-semantic-text-indigo-on-strong);--decoration-non-semantic-indigo-on-strong: var(--non-semantic-text-indigo-on-strong);--fill-non-semantic-indigo-on-strong: var(--non-semantic-text-indigo-on-strong);--stroke-non-semantic-indigo-on-strong: var(--non-semantic-text-indigo-on-strong);--text-color-non-semantic-indigo-on-subtle: var(--non-semantic-text-indigo-on-subtle);--decoration-non-semantic-indigo-on-subtle: var(--non-semantic-text-indigo-on-subtle);--fill-non-semantic-indigo-on-subtle: var(--non-semantic-text-indigo-on-subtle);--stroke-non-semantic-indigo-on-subtle: var(--non-semantic-text-indigo-on-subtle);--text-color-non-semantic-lime-on-strong: var(--non-semantic-text-lime-on-strong);--decoration-non-semantic-lime-on-strong: var(--non-semantic-text-lime-on-strong);--fill-non-semantic-lime-on-strong: var(--non-semantic-text-lime-on-strong);--stroke-non-semantic-lime-on-strong: var(--non-semantic-text-lime-on-strong);--text-color-non-semantic-lime-on-subtle: var(--non-semantic-text-lime-on-subtle);--decoration-non-semantic-lime-on-subtle: var(--non-semantic-text-lime-on-subtle);--fill-non-semantic-lime-on-subtle: var(--non-semantic-text-lime-on-subtle);--stroke-non-semantic-lime-on-subtle: var(--non-semantic-text-lime-on-subtle);--text-color-non-semantic-orange-on-strong: var(--non-semantic-text-orange-on-strong);--decoration-non-semantic-orange-on-strong: var(--non-semantic-text-orange-on-strong);--fill-non-semantic-orange-on-strong: var(--non-semantic-text-orange-on-strong);--stroke-non-semantic-orange-on-strong: var(--non-semantic-text-orange-on-strong);--text-color-non-semantic-orange-on-subtle: var(--non-semantic-text-orange-on-subtle);--decoration-non-semantic-orange-on-subtle: var(--non-semantic-text-orange-on-subtle);--fill-non-semantic-orange-on-subtle: var(--non-semantic-text-orange-on-subtle);--stroke-non-semantic-orange-on-subtle: var(--non-semantic-text-orange-on-subtle);--text-color-non-semantic-pink-on-strong: var(--non-semantic-text-pink-on-strong);--decoration-non-semantic-pink-on-strong: var(--non-semantic-text-pink-on-strong);--fill-non-semantic-pink-on-strong: var(--non-semantic-text-pink-on-strong);--stroke-non-semantic-pink-on-strong: var(--non-semantic-text-pink-on-strong);--text-color-non-semantic-pink-on-subtle: var(--non-semantic-text-pink-on-subtle);--decoration-non-semantic-pink-on-subtle: var(--non-semantic-text-pink-on-subtle);--fill-non-semantic-pink-on-subtle: var(--non-semantic-text-pink-on-subtle);--stroke-non-semantic-pink-on-subtle: var(--non-semantic-text-pink-on-subtle);--text-color-non-semantic-purple-on-strong: var(--non-semantic-text-purple-on-strong);--decoration-non-semantic-purple-on-strong: var(--non-semantic-text-purple-on-strong);--fill-non-semantic-purple-on-strong: var(--non-semantic-text-purple-on-strong);--stroke-non-semantic-purple-on-strong: var(--non-semantic-text-purple-on-strong);--text-color-non-semantic-purple-on-subtle: var(--non-semantic-text-purple-on-subtle);--decoration-non-semantic-purple-on-subtle: var(--non-semantic-text-purple-on-subtle);--fill-non-semantic-purple-on-subtle: var(--non-semantic-text-purple-on-subtle);--stroke-non-semantic-purple-on-subtle: var(--non-semantic-text-purple-on-subtle);--text-color-non-semantic-red-on-strong: var(--non-semantic-text-red-on-strong);--decoration-non-semantic-red-on-strong: var(--non-semantic-text-red-on-strong);--fill-non-semantic-red-on-strong: var(--non-semantic-text-red-on-strong);--stroke-non-semantic-red-on-strong: var(--non-semantic-text-red-on-strong);--text-color-non-semantic-red-on-subtle: var(--non-semantic-text-red-on-subtle);--decoration-non-semantic-red-on-subtle: var(--non-semantic-text-red-on-subtle);--fill-non-semantic-red-on-subtle: var(--non-semantic-text-red-on-subtle);--stroke-non-semantic-red-on-subtle: var(--non-semantic-text-red-on-subtle);--text-color-non-semantic-teal-on-strong: var(--non-semantic-text-teal-on-strong);--decoration-non-semantic-teal-on-strong: var(--non-semantic-text-teal-on-strong);--fill-non-semantic-teal-on-strong: var(--non-semantic-text-teal-on-strong);--stroke-non-semantic-teal-on-strong: var(--non-semantic-text-teal-on-strong);--text-color-non-semantic-teal-on-subtle: var(--non-semantic-text-teal-on-subtle);--decoration-non-semantic-teal-on-subtle: var(--non-semantic-text-teal-on-subtle);--fill-non-semantic-teal-on-subtle: var(--non-semantic-text-teal-on-subtle);--stroke-non-semantic-teal-on-subtle: var(--non-semantic-text-teal-on-subtle);--text-color-non-semantic-violet-on-strong: var(--non-semantic-text-violet-on-strong);--decoration-non-semantic-violet-on-strong: var(--non-semantic-text-violet-on-strong);--fill-non-semantic-violet-on-strong: var(--non-semantic-text-violet-on-strong);--stroke-non-semantic-violet-on-strong: var(--non-semantic-text-violet-on-strong);--text-color-non-semantic-violet-on-subtle: var(--non-semantic-text-violet-on-subtle);--decoration-non-semantic-violet-on-subtle: var(--non-semantic-text-violet-on-subtle);--fill-non-semantic-violet-on-subtle: var(--non-semantic-text-violet-on-subtle);--stroke-non-semantic-violet-on-subtle: var(--non-semantic-text-violet-on-subtle);--text-color-non-semantic-yellow-on-strong: var(--non-semantic-text-yellow-on-strong);--decoration-non-semantic-yellow-on-strong: var(--non-semantic-text-yellow-on-strong);--fill-non-semantic-yellow-on-strong: var(--non-semantic-text-yellow-on-strong);--stroke-non-semantic-yellow-on-strong: var(--non-semantic-text-yellow-on-strong);--text-color-non-semantic-yellow-on-subtle: var(--non-semantic-text-yellow-on-subtle);--decoration-non-semantic-yellow-on-subtle: var(--non-semantic-text-yellow-on-subtle);--fill-non-semantic-yellow-on-subtle: var(--non-semantic-text-yellow-on-subtle);--stroke-non-semantic-yellow-on-subtle: var(--non-semantic-text-yellow-on-subtle);--background-color-semantic-info: var(--semantic-fill-info);--outline-color-semantic-info: var(--semantic-fill-info);--background-color-semantic-negative: var(--semantic-fill-negative);--outline-color-semantic-negative: var(--semantic-fill-negative);--background-color-semantic-neutral: var(--semantic-fill-neutral);--outline-color-semantic-neutral: var(--semantic-fill-neutral);--background-color-semantic-notice: var(--semantic-fill-notice);--outline-color-semantic-notice: var(--semantic-fill-notice);--background-color-semantic-positive: var(--semantic-fill-positive);--outline-color-semantic-positive: var(--semantic-fill-positive);--background-color-semantic-inverse-info: var(--semantic-fill-inverse-info);--outline-color-semantic-inverse-info: var(--semantic-fill-inverse-info);--background-color-semantic-inverse-negative: var(--semantic-fill-inverse-negative);--outline-color-semantic-inverse-negative: var(--semantic-fill-inverse-negative);--background-color-semantic-inverse-neutral: var(--semantic-fill-inverse-neutral);--outline-color-semantic-inverse-neutral: var(--semantic-fill-inverse-neutral);--background-color-semantic-inverse-notice: var(--semantic-fill-inverse-notice);--outline-color-semantic-inverse-notice: var(--semantic-fill-inverse-notice);--background-color-semantic-inverse-positive: var(--semantic-fill-inverse-positive);--outline-color-semantic-inverse-positive: var(--semantic-fill-inverse-positive);--border-color-semantic-info: var(--semantic-stroke-info);--border-color-semantic-negative: var(--semantic-stroke-negative);--border-color-semantic-neutral: var(--semantic-stroke-neutral);--border-color-semantic-notice: var(--semantic-stroke-notice);--border-color-semantic-positive: var(--semantic-stroke-positive);--text-color-semantic-info: var(--semantic-text-info);--decoration-semantic-info: var(--semantic-text-info);--fill-semantic-info: var(--semantic-text-info);--stroke-semantic-info: var(--semantic-text-info);--text-color-semantic-negative: var(--semantic-text-negative);--decoration-semantic-negative: var(--semantic-text-negative);--fill-semantic-negative: var(--semantic-text-negative);--stroke-semantic-negative: var(--semantic-text-negative);--text-color-semantic-neutral: var(--semantic-text-neutral);--decoration-semantic-neutral: var(--semantic-text-neutral);--fill-semantic-neutral: var(--semantic-text-neutral);--stroke-semantic-neutral: var(--semantic-text-neutral);--text-color-semantic-notice: var(--semantic-text-notice);--decoration-semantic-notice: var(--semantic-text-notice);--fill-semantic-notice: var(--semantic-text-notice);--stroke-semantic-notice: var(--semantic-text-notice);--text-color-semantic-positive: var(--semantic-text-positive);--decoration-semantic-positive: var(--semantic-text-positive);--fill-semantic-positive: var(--semantic-text-positive);--stroke-semantic-positive: var(--semantic-text-positive);--text-color-semantic-on-inverse-info: var(--semantic-text-on-inverse-info);--decoration-semantic-on-inverse-info: var(--semantic-text-on-inverse-info);--fill-semantic-on-inverse-info: var(--semantic-text-on-inverse-info);--stroke-semantic-on-inverse-info: var(--semantic-text-on-inverse-info);--text-color-semantic-on-inverse-negative: var(--semantic-text-on-inverse-negative);--decoration-semantic-on-inverse-negative: var(--semantic-text-on-inverse-negative);--fill-semantic-on-inverse-negative: var(--semantic-text-on-inverse-negative);--stroke-semantic-on-inverse-negative: var(--semantic-text-on-inverse-negative);--text-color-semantic-on-inverse-neutral: var(--semantic-text-on-inverse-neutral);--decoration-semantic-on-inverse-neutral: var(--semantic-text-on-inverse-neutral);--fill-semantic-on-inverse-neutral: var(--semantic-text-on-inverse-neutral);--stroke-semantic-on-inverse-neutral: var(--semantic-text-on-inverse-neutral);--text-color-semantic-on-inverse-notice: var(--semantic-text-on-inverse-notice);--decoration-semantic-on-inverse-notice: var(--semantic-text-on-inverse-notice);--fill-semantic-on-inverse-notice: var(--semantic-text-on-inverse-notice);--stroke-semantic-on-inverse-notice: var(--semantic-text-on-inverse-notice);--text-color-semantic-on-inverse-positive: var(--semantic-text-on-inverse-positive);--decoration-semantic-on-inverse-positive: var(--semantic-text-on-inverse-positive);--fill-semantic-on-inverse-positive: var(--semantic-text-on-inverse-positive);--stroke-semantic-on-inverse-positive: var(--semantic-text-on-inverse-positive);--text-color-semantic-on-subtle-info: var(--semantic-text-on-subtle-info);--decoration-semantic-on-subtle-info: var(--semantic-text-on-subtle-info);--fill-semantic-on-subtle-info: var(--semantic-text-on-subtle-info);--stroke-semantic-on-subtle-info: var(--semantic-text-on-subtle-info);--text-color-semantic-on-subtle-negative: var(--semantic-text-on-subtle-negative);--decoration-semantic-on-subtle-negative: var(--semantic-text-on-subtle-negative);--fill-semantic-on-subtle-negative: var(--semantic-text-on-subtle-negative);--stroke-semantic-on-subtle-negative: var(--semantic-text-on-subtle-negative);--text-color-semantic-on-subtle-neutral: var(--semantic-text-on-subtle-neutral);--decoration-semantic-on-subtle-neutral: var(--semantic-text-on-subtle-neutral);--fill-semantic-on-subtle-neutral: var(--semantic-text-on-subtle-neutral);--stroke-semantic-on-subtle-neutral: var(--semantic-text-on-subtle-neutral);--text-color-semantic-on-subtle-notice: var(--semantic-text-on-subtle-notice);--decoration-semantic-on-subtle-notice: var(--semantic-text-on-subtle-notice);--fill-semantic-on-subtle-notice: var(--semantic-text-on-subtle-notice);--stroke-semantic-on-subtle-notice: var(--semantic-text-on-subtle-notice);--text-color-semantic-on-subtle-positive: var(--semantic-text-on-subtle-positive);--decoration-semantic-on-subtle-positive: var(--semantic-text-on-subtle-positive);--fill-semantic-on-subtle-positive: var(--semantic-text-on-subtle-positive);--stroke-semantic-on-subtle-positive: var(--semantic-text-on-subtle-positive);--background-color-static-background: var(--static-fill-background);--outline-color-static-background: var(--static-fill-background);--background-color-static-container: var(--static-fill-container);--outline-color-static-container: var(--static-fill-container);--background-color-static-foreground: var(--static-fill-foreground);--outline-color-static-foreground: var(--static-fill-foreground);--background-color-static-overlay: var(--static-fill-overlay);--outline-color-static-overlay: var(--static-fill-overlay);--background-color-static-alpha-base: var(--static-fill-alpha-base);--outline-color-static-alpha-base: var(--static-fill-alpha-base);--background-color-static-alpha-strong: var(--static-fill-alpha-strong);--outline-color-static-alpha-strong: var(--static-fill-alpha-strong);--background-color-static-alpha-subtle: var(--static-fill-alpha-subtle);--outline-color-static-alpha-subtle: var(--static-fill-alpha-subtle);--background-color-static-highlight-base: var(--static-fill-highlight-base);--outline-color-static-highlight-base: var(--static-fill-highlight-base);--background-color-static-highlight-inverse: var(--static-fill-highlight-inverse);--outline-color-static-highlight-inverse: var(--static-fill-highlight-inverse);--background-color-static-highlight-subtle: var(--static-fill-highlight-subtle);--outline-color-static-highlight-subtle: var(--static-fill-highlight-subtle);--background-color-static-inverse-background: var(--static-fill-inverse-background);--outline-color-static-inverse-background: var(--static-fill-inverse-background);--background-color-static-inverse-container: var(--static-fill-inverse-container);--outline-color-static-inverse-container: var(--static-fill-inverse-container);--background-color-static-inverse-foreground: var(--static-fill-inverse-foreground);--outline-color-static-inverse-foreground: var(--static-fill-inverse-foreground);--background-color-static-inverse-overlay: var(--static-fill-inverse-overlay);--outline-color-static-inverse-overlay: var(--static-fill-inverse-overlay);--background-color-static-inverse-alpha-base: var(--static-fill-inverse-alpha-base);--outline-color-static-inverse-alpha-base: var(--static-fill-inverse-alpha-base);--background-color-static-inverse-alpha-strong: var(--static-fill-inverse-alpha-strong);--outline-color-static-inverse-alpha-strong: var(--static-fill-inverse-alpha-strong);--background-color-static-inverse-alpha-subtle: var(--static-fill-inverse-alpha-subtle);--outline-color-static-inverse-alpha-subtle: var(--static-fill-inverse-alpha-subtle);--shadow-static-focus: var(--static-shadow-focus);--shadow-static-outline: var(--static-shadow-outline);--border-color-static-base: var(--static-stroke-base);--outline-color-static-base: var(--static-stroke-base);--border-color-static-strong: var(--static-stroke-strong);--outline-color-static-strong: var(--static-stroke-strong);--border-color-static-subtle: var(--static-stroke-subtle);--outline-color-static-subtle: var(--static-stroke-subtle);--border-color-static-inverse-base: var(--static-stroke-inverse-base);--outline-color-static-inverse-base: var(--static-stroke-inverse-base);--border-color-static-inverse-strong: var(--static-stroke-inverse-strong);--outline-color-static-inverse-strong: var(--static-stroke-inverse-strong);--border-color-static-inverse-subtle: var(--static-stroke-inverse-subtle);--outline-color-static-inverse-subtle: var(--static-stroke-inverse-subtle);--text-color-static-base: var(--static-text-base);--decoration-static-base: var(--static-text-base);--fill-static-base: var(--static-text-base);--stroke-static-base: var(--static-text-base);--text-color-static-strong: var(--static-text-strong);--decoration-static-strong: var(--static-text-strong);--fill-static-strong: var(--static-text-strong);--stroke-static-strong: var(--static-text-strong);--text-color-static-subtle: var(--static-text-subtle);--decoration-static-subtle: var(--static-text-subtle);--fill-static-subtle: var(--static-text-subtle);--stroke-static-subtle: var(--static-text-subtle);--text-color-static-inverse-base: var(--static-text-inverse-base);--decoration-static-inverse-base: var(--static-text-inverse-base);--fill-static-inverse-base: var(--static-text-inverse-base);--stroke-static-inverse-base: var(--static-text-inverse-base);--text-color-static-inverse-strong: var(--static-text-inverse-strong);--decoration-static-inverse-strong: var(--static-text-inverse-strong);--fill-static-inverse-strong: var(--static-text-inverse-strong);--stroke-static-inverse-strong: var(--static-text-inverse-strong);--text-color-static-inverse-subtle: var(--static-text-inverse-subtle);--decoration-static-inverse-subtle: var(--static-text-inverse-subtle);--fill-static-inverse-subtle: var(--static-text-inverse-subtle);--stroke-static-inverse-subtle: var(--static-text-inverse-subtle)}}@theme{ --border-width-none: var(--border-0); --border-width-xsmall: var(--border-12, 5); --border-width-small: var(--border-25); --border-width-medium: var(--border-50); --border-width-large: var(--border-75); --components-control-xsmall: .75rem; --components-control-small: 1rem; --components-control-medium: 1.25rem; --components-control-large: 1.5rem; --components-control-xlarge: 1.75rem; --components-control-xxlarge: 2rem; --components-forms-xsmall: 1.5rem; --components-forms-small: 2rem; --components-forms-medium: 2.5rem; --components-forms-large: 3rem; --corner-radius-container-none: var(--radius-0); --corner-radius-container-small: var(--radius-200); --corner-radius-container-medium: var(--radius-300); --corner-radius-container-large: var(--radius-400); --corner-radius-container-xlarge: var(--radius-500); --corner-radius-control-none: var(--radius-0); --corner-radius-control-small: var(--radius-100); --corner-radius-control-medium: var(--radius-150); --corner-radius-control-large: var(--radius-200); --corner-radius-control-xlarge: var(--radius-250); --corner-radius-control-full: var(--radius-full); --gap-0: var(--space-0); --gap-1: var(--space-25); --gap-2: var(--space-50); --gap-3: var(--space-100); --gap-4: var(--space-150); --gap-5: var(--space-200); --gap-6: var(--space-250); --gap-7: var(--space-300); --gap-8: var(--space-350); --gap-9: var(--space-400); --gap-10: var(--space-450); --gap-11: var(--space-500); --gap-12: var(--space-600); --gap-13: var(--space-700); --gap-14: var(--space-800); --gap-15: var(--space-900); --gap-16: var(--space-1000); --gap-17: var(--space-1100); --gap-18: var(--space-1200); --gap-19: var(--space-1400); --gap-20: var(--space-1600); --gap-21: var(--space-1800); --gap-22: var(--space-2000); --gap-23: var(--space-2200); --gap-24: var(--space-2400); --gap-25: var(--space-2800); --gap-26: var(--space-3200); --size-0: var(--space-0); --size-1: var(--space-25); --size-2: var(--space-50); --size-3: var(--space-100); --size-4: var(--space-150); --size-5: var(--space-200); --size-6: var(--space-250); --size-7: var(--space-300); --size-8: var(--space-350); --size-9: var(--space-400); --size-10: var(--space-450); --size-11: var(--space-500); --size-12: var(--space-600); --size-13: var(--space-700); --size-14: var(--space-800); --size-15: var(--space-900); --size-16: var(--space-1000); --size-17: var(--space-1100); --size-18: var(--space-1200); --size-19: var(--space-1400); --size-20: var(--space-1600); --size-21: var(--space-1800); --size-22: var(--space-2000); --size-23: var(--space-2200); --size-24: var(--space-2400); --size-25: var(--space-2800); --size-26: var(--space-3200); --size-27: var(--space-3600); --size-28: var(--space-4000); --font-lineheight-250: .625rem; --font-lineheight-300: .75rem; --font-lineheight-350: .875rem; --font-lineheight-400: 1rem; --font-lineheight-450: 1.125rem; --font-lineheight-500: 1.25rem; --font-lineheight-600: 1.5rem; --font-lineheight-700: 1.75rem; --font-lineheight-800: 2rem; --font-lineheight-1000: 2.5rem; --font-lineheight-1200: 3rem; --font-lineheight-1400: 3.5rem; --font-lineheight-1600: 4rem; --font-lineheight-1800: 4.5rem; --font-size-250: .625rem; --font-size-300: .75rem; --font-size-350: .875rem; --font-size-400: 1rem; --font-size-450: 1.125rem; --font-size-500: 1.25rem; --font-size-600: 1.5rem; --font-size-700: 1.75rem; --font-size-800: 2rem; --font-size-1000: 2.5rem; --font-size-1200: 3rem; --font-size-1400: 3.5rem; --font-size-1600: 4rem; --font-size-1800: 4.5rem; --font-spacing-tight-300: -.075rem; --font-spacing-tight-200: -.05rem; --font-spacing-tight-100: -.025rem; --font-spacing-tight-50: -.0125rem; --font-spacing-tight-25: -.0063rem; --font-spacing-normal: 0rem; --font-spacing-wide-25: .0063rem; --font-spacing-wide-50: .0125rem; --font-spacing-wide-100: .025rem; --font-spacing-wide-200: .05rem; --font-spacing-wide-300: .075rem; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 340; --font-weight-normal: 480; --font-weight-medium: 520; --font-weight-semibold: 545; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; }@theme{ --border-width-width-none: var(--border-width-none); --border-width-width-xs: var(--border-width-xsmall); --border-width-width-sm: var(--border-width-small); --border-width-width-md: var(--border-width-medium); --border-width-width-lg: var(--border-width-large); --spacing-control-xs: var(--components-control-xsmall); --spacing-control-sm: var(--components-control-small); --spacing-control-md: var(--components-control-medium); --spacing-control-lg: var(--components-control-large); --spacing-control-xl: var(--components-control-xlarge); --spacing-control-xxl: var(--components-control-xxlarge); --spacing-forms-xs: var(--components-forms-xsmall); --spacing-forms-sm: var(--components-forms-small); --spacing-forms-md: var(--components-forms-medium); --spacing-forms-lg: var(--components-forms-large); --radius-container-none: var(--corner-radius-container-none); --radius-container-sm: var(--corner-radius-container-small); --radius-container-md: var(--corner-radius-container-medium); --radius-container-lg: var(--corner-radius-container-large); --radius-container-xl: var(--corner-radius-container-xlarge); --radius-control-none: var(--corner-radius-control-none); --radius-control-sm: var(--corner-radius-control-small); --radius-control-md: var(--corner-radius-control-medium); --radius-control-lg: var(--corner-radius-control-large); --radius-control-xl: var(--corner-radius-control-xlarge); --radius-control-full: var(--corner-radius-control-full); --spacing-0: var(--size-0); --spacing-1: var(--size-1); --spacing-2: var(--size-2); --spacing-3: var(--size-3); --spacing-4: var(--size-4); --spacing-5: var(--size-5); --spacing-6: var(--size-6); --spacing-7: var(--size-7); --spacing-8: var(--size-8); --spacing-9: var(--size-9); --spacing-10: var(--size-10); --spacing-11: var(--size-11); --spacing-12: var(--size-12); --spacing-13: var(--size-13); --spacing-14: var(--size-14); --spacing-15: var(--size-15); --spacing-16: var(--size-16); --spacing-17: var(--size-17); --spacing-18: var(--size-18); --spacing-19: var(--size-19); --spacing-20: var(--size-20); --spacing-21: var(--size-21); --spacing-22: var(--size-22); --spacing-23: var(--size-23); --spacing-24: var(--size-24); --spacing-25: var(--size-25); --spacing-26: var(--size-26); --spacing-27: var(--size-27); --spacing-28: var(--size-28); --leading-250: var(--font-lineheight-250); --leading-300: var(--font-lineheight-300); --leading-350: var(--font-lineheight-350); --leading-400: var(--font-lineheight-400); --leading-450: var(--font-lineheight-450); --leading-500: var(--font-lineheight-500); --leading-600: var(--font-lineheight-600); --leading-700: var(--font-lineheight-700); --leading-800: var(--font-lineheight-800); --leading-1000: var(--font-lineheight-1000); --leading-1200: var(--font-lineheight-1200); --leading-1400: var(--font-lineheight-1400); --leading-1600: var(--font-lineheight-1600); --leading-1800: var(--font-lineheight-1800); --text-250: var(--font-size-250); --text-300: var(--font-size-300); --text-350: var(--font-size-350); --text-400: var(--font-size-400); --text-450: var(--font-size-450); --text-500: var(--font-size-500); --text-600: var(--font-size-600); --text-700: var(--font-size-700); --text-800: var(--font-size-800); --text-1000: var(--font-size-1000); --text-1200: var(--font-size-1200); --text-1400: var(--font-size-1400); --text-1600: var(--font-size-1600); --text-1800: var(--font-size-1800); --tracking-tight-300: var(--font-spacing-tight-300); --tracking-tight-200: var(--font-spacing-tight-200); --tracking-tight-100: var(--font-spacing-tight-100); --tracking-tight-50: var(--font-spacing-tight-50); --tracking-tight-25: var(--font-spacing-tight-25); --tracking-normal: var(--font-spacing-normal); --tracking-wide-25: var(--font-spacing-wide-25); --tracking-wide-50: var(--font-spacing-wide-50); --tracking-wide-100: var(--font-spacing-wide-100); --tracking-wide-200: var(--font-spacing-wide-200); --tracking-wide-300: var(--font-spacing-wide-300); --font-weight-md: var(--font-weight-medium); }@layer base{body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,[role=button]{cursor:pointer}:disabled{cursor:default}}:root{--colors-light-orange-600: #f48d27;--colors-light-teal-600: #1ec3be;--colors-dark-neutral-300: #c2c2c2;--colors-dark-neutral-600: #858585;--colors-dark-neutral-700: #525252;--colors-dark-neutral-800: #383838;--colors-dark-neutral-900: #292929;--colors-dark-neutral-1000: #141414;--colors-dark-brand-300: #9f96ff;--background-color-static-overlay: var(--colors-dark-neutral-800);--background-color-static-container: var(--colors-dark-neutral-900);--background-color-static-foreground: var(--colors-dark-neutral-1000);--text-color-static-base: var(--colors-dark-neutral-300)}html.dark body [role=tabpanel] input[type=text],html.dark body [role=tabpanel] input[type=number],html.dark body [role=tabpanel] input[type=date],html.dark body [role=tabpanel] input[type=color],html.dark body [role=tabpanel] textarea,html.dark body [role=tabpanel] select{background-color:var(--background-color-static-overlay);color:var(--text-color-static-base);border-color:var(--colors-dark-neutral-700)}html.light body [role=tabpanel] input[type=radio],html.light body [role=tabpanel] input[type=checkbox]{accent-color:var(--colors-light-brand-600, #4e3ee0)}body [role=tabpanel] input[type=text]:focus,body [role=tabpanel] input[type=text]:focus-visible,body [role=tabpanel] input[type=number]:focus,body [role=tabpanel] input[type=number]:focus-visible,body [role=tabpanel] input[type=date]:focus,body [role=tabpanel] input[type=date]:focus-visible,body [role=tabpanel] input[type=color]:focus,body [role=tabpanel] input[type=color]:focus-visible,body [role=tabpanel] textarea:focus,body [role=tabpanel] textarea:focus-visible,body [role=tabpanel] select:focus,body [role=tabpanel] select:focus-visible{border-color:var(--colors-dark-brand-300);outline:none;box-shadow:var(--colors-dark-brand-300) 0 0 0 1px inset}html body [data-nodetype=document] svg{color:var(--colors-light-orange-600)}html body [data-nodetype=story] svg{color:var(--colors-light-teal-600)}html.dark body [role=tabpanel] code,html.dark body [role=tabpanel] span[class*=type],html.dark body [role=tabpanel] span[class*=prop]{color:var(--colors-dark-neutral-600);background-color:var(--background-color-static-foreground)}