:host,:root{--mds-color-studio-50: oklch(.966 .017 26.74);--mds-color-studio-100: oklch(.935 .033 31.63);--mds-color-studio-200: oklch(.861 .076 32.83);--mds-color-studio-300: oklch(.796 .119 35.52);--mds-color-studio-400: oklch(.725 .178 42.06);--mds-color-studio-500: oklch(.654 .186 45.22);--mds-color-studio-600: oklch(.55 .157 45.07);--mds-color-studio-700: oklch(.452 .129 45.26);--mds-color-studio-800: oklch(.346 .099 45.16);--mds-color-studio-900: oklch(.248 .07 45.31);--mds-color-studio-950: oklch(.194 .056 44.64);--mds-color-tech-50: oklch(.945 .049 326.01);--mds-color-tech-100: oklch(.891 .101 326.41);--mds-color-tech-200: oklch(.786 .216 327.4);--mds-color-tech-300: oklch(.681 .313 328.37);--mds-color-tech-400: oklch(.551 .253 328.37);--mds-color-tech-500: oklch(.421 .193 328.37);--mds-color-tech-600: oklch(.368 .169 328.37);--mds-color-tech-700: oklch(.313 .144 328.37);--mds-color-tech-800: oklch(.258 .119 328.37);--mds-color-tech-900: oklch(.2 .092 328.37);--mds-color-tech-950: oklch(.159 .073 328.37);--mds-color-primary-50: oklch(.9843 .007382 260.7316);--mds-color-primary-100: oklch(.947 .025 263.34);--mds-color-primary-200: oklch(.887 .055 260.26);--mds-color-primary-300: oklch(.835 .082 258.13);--mds-color-primary-400: oklch(.687 .174 247.63);--mds-color-primary-500: oklch(.609 .159 246.8);--mds-color-primary-600: oklch(.516 .135 246.69);--mds-color-primary-700: oklch(.423 .11 246.71);--mds-color-primary-800: oklch(.327 .085 246.4);--mds-color-primary-900: oklch(.232 .061 246.6);--mds-color-primary-950: oklch(.177 .046 246.89);--mds-color-secondary-50: oklch(.947 .095 144.76);--mds-color-secondary-100: oklch(.881 .251 143.07);--mds-color-secondary-200: oklch(.786 .267 142.5);--mds-color-secondary-300: oklch(.703 .239 142.5);--mds-color-secondary-400: oklch(.609 .207 142.5);--mds-color-secondary-500: oklch(.52 .177 142.5);--mds-color-secondary-600: oklch(.442 .15 142.5);--mds-color-secondary-700: oklch(.367 .125 142.5);--mds-color-secondary-800: oklch(.285 .097 142.5);--mds-color-secondary-900: oklch(.207 .071 142.5);--mds-color-secondary-950: oklch(.17 .058 142.5);--mds-color-success-50: oklch(.962 .029 145.28);--mds-color-success-100: oklch(.933 .054 144.27);--mds-color-success-200: oklch(.867 .105 144.59);--mds-color-success-300: oklch(.808 .157 143.74);--mds-color-success-400: oklch(.753 .198 143.17);--mds-color-success-500: oklch(.671 .198 142.88);--mds-color-success-600: oklch(.572 .166 142.89);--mds-color-success-700: oklch(.465 .133 143.07);--mds-color-success-800: oklch(.352 .096 142.9);--mds-color-success-900: oklch(.232 .057 143.47);--mds-color-success-950: oklch(.157 .03 143.96);--mds-color-error-50: oklch(.949 .021 17.61);--mds-color-error-100: oklch(.898 .042 17.99);--mds-color-error-200: oklch(.799 .09 19.26);--mds-color-error-300: oklch(.699 .144 21.44);--mds-color-error-400: oklch(.624 .19 24.49);--mds-color-error-500: oklch(.568 .216 27.65);--mds-color-error-600: oklch(.481 .181 27.47);--mds-color-error-700: oklch(.389 .142 27.01);--mds-color-error-800: oklch(.303 .108 26.58);--mds-color-error-900: oklch(.199 .061 24.66);--mds-color-error-950: oklch(.139 .039 23.72);--mds-color-warning-50: oklch(.983 .012 67.7);--mds-color-warning-100: oklch(.965 .024 67.54);--mds-color-warning-200: oklch(.933 .05 70.99);--mds-color-warning-300: oklch(.899 .081 73.1);--mds-color-warning-400: oklch(.865 .12 76.67);--mds-color-warning-500: oklch(.831 .171 81.54);--mds-color-warning-600: oklch(.695 .143 81.64);--mds-color-warning-700: oklch(.555 .114 82.01);--mds-color-warning-800: oklch(.415 .086 81.53);--mds-color-warning-900: oklch(.278 .057 82.44);--mds-color-warning-950: oklch(.208 .043 79.58);--mds-color-waiting-50: oklch(.964 .022 58.8);--mds-color-waiting-100: oklch(.936 .039 57.37);--mds-color-waiting-200: oklch(.873 .08 55.36);--mds-color-waiting-300: oklch(.815 .12 54.53);--mds-color-waiting-400: oklch(.762 .159 51.8);--mds-color-waiting-500: oklch(.716 .191 47.13);--mds-color-waiting-600: oklch(.633 .184 43.97);--mds-color-waiting-700: oklch(.514 .147 45.16);--mds-color-waiting-800: oklch(.386 .107 46.79);--mds-color-waiting-900: oklch(.249 .063 53.07);--mds-color-waiting-950: oklch(.166 .038 61.82);--mds-color-info-50: oklch(.94 .029 259.59);--mds-color-info-100: oklch(.871 .063 260.28);--mds-color-info-200: oklch(.757 .125 259.4);--mds-color-info-300: oklch(.642 .192 259.43);--mds-color-info-400: oklch(.55 .24 261.19);--mds-color-info-500: oklch(.444 .19 260.86);--mds-color-info-600: oklch(.378 .159 260.56);--mds-color-info-700: oklch(.313 .128 260);--mds-color-info-800: oklch(.248 .094 258.58);--mds-color-info-900: oklch(.165 .052 253.9);--mds-color-info-950: oklch(.131 .034 246.55);--mds-color-red-50: oklch(.971 .013 17.38);--mds-color-red-100: oklch(.936 .032 17.717);--mds-color-red-200: oklch(.885 .062 18.334);--mds-color-red-300: oklch(.808 .114 19.571);--mds-color-red-400: oklch(.704 .191 22.216);--mds-color-red-500: oklch(.637 .237 25.331);--mds-color-red-600: oklch(.577 .245 27.325);--mds-color-red-700: oklch(.505 .213 27.518);--mds-color-red-800: oklch(.444 .177 26.899);--mds-color-red-900: oklch(.396 .141 25.723);--mds-color-red-950: oklch(.258 .092 26.042);--mds-color-orange-50: oklch(.98 .016 73.684);--mds-color-orange-100: oklch(.954 .038 75.164);--mds-color-orange-200: oklch(.901 .076 70.697);--mds-color-orange-300: oklch(.837 .128 66.29);--mds-color-orange-400: oklch(.75 .183 55.934);--mds-color-orange-500: oklch(.705 .213 47.604);--mds-color-orange-600: oklch(.646 .222 41.116);--mds-color-orange-700: oklch(.553 .195 38.402);--mds-color-orange-800: oklch(.47 .157 37.304);--mds-color-orange-900: oklch(.408 .123 38.172);--mds-color-orange-950: oklch(.266 .079 36.259);--mds-color-amber-50: oklch(.987 .022 95.277);--mds-color-amber-100: oklch(.962 .059 95.617);--mds-color-amber-200: oklch(.924 .12 95.746);--mds-color-amber-300: oklch(.879 .169 91.605);--mds-color-amber-400: oklch(.828 .189 84.429);--mds-color-amber-500: oklch(.769 .188 70.08);--mds-color-amber-600: oklch(.666 .179 58.318);--mds-color-amber-700: oklch(.555 .163 48.998);--mds-color-amber-800: oklch(.473 .137 46.201);--mds-color-amber-900: oklch(.414 .112 45.904);--mds-color-amber-950: oklch(.279 .077 45.635);--mds-color-yellow-50: oklch(.987 .026 102.212);--mds-color-yellow-100: oklch(.973 .071 103.193);--mds-color-yellow-200: oklch(.945 .129 101.54);--mds-color-yellow-300: oklch(.905 .182 98.111);--mds-color-yellow-400: oklch(.852 .199 91.936);--mds-color-yellow-500: oklch(.795 .184 86.047);--mds-color-yellow-600: oklch(.681 .162 75.834);--mds-color-yellow-700: oklch(.554 .135 66.442);--mds-color-yellow-800: oklch(.476 .114 61.907);--mds-color-yellow-900: oklch(.421 .095 57.708);--mds-color-yellow-950: oklch(.286 .066 53.813);--mds-color-lime-50: oklch(.986 .031 120.757);--mds-color-lime-100: oklch(.967 .067 122.328);--mds-color-lime-200: oklch(.938 .127 124.321);--mds-color-lime-300: oklch(.897 .196 126.665);--mds-color-lime-400: oklch(.841 .238 128.85);--mds-color-lime-500: oklch(.768 .233 130.85);--mds-color-lime-600: oklch(.648 .2 131.684);--mds-color-lime-700: oklch(.532 .157 131.589);--mds-color-lime-800: oklch(.453 .124 130.933);--mds-color-lime-900: oklch(.405 .101 131.063);--mds-color-lime-950: oklch(.274 .072 132.109);--mds-color-green-50: oklch(.982 .018 155.826);--mds-color-green-100: oklch(.962 .044 156.743);--mds-color-green-200: oklch(.925 .084 155.995);--mds-color-green-300: oklch(.871 .15 154.449);--mds-color-green-400: oklch(.792 .209 151.711);--mds-color-green-500: oklch(.723 .219 149.579);--mds-color-green-600: oklch(.627 .194 149.214);--mds-color-green-700: oklch(.527 .154 150.069);--mds-color-green-800: oklch(.448 .119 151.328);--mds-color-green-900: oklch(.393 .095 152.535);--mds-color-green-950: oklch(.266 .065 152.934);--mds-color-emerald-50: oklch(.979 .021 166.113);--mds-color-emerald-100: oklch(.95 .052 163.051);--mds-color-emerald-200: oklch(.905 .093 164.15);--mds-color-emerald-300: oklch(.845 .143 164.978);--mds-color-emerald-400: oklch(.765 .177 163.223);--mds-color-emerald-500: oklch(.696 .17 162.48);--mds-color-emerald-600: oklch(.596 .145 163.225);--mds-color-emerald-700: oklch(.508 .118 165.612);--mds-color-emerald-800: oklch(.432 .095 166.913);--mds-color-emerald-900: oklch(.378 .077 168.94);--mds-color-emerald-950: oklch(.262 .051 172.552);--mds-color-teal-50: oklch(.984 .014 180.72);--mds-color-teal-100: oklch(.953 .051 180.801);--mds-color-teal-200: oklch(.91 .096 180.426);--mds-color-teal-300: oklch(.855 .138 181.071);--mds-color-teal-400: oklch(.777 .152 181.912);--mds-color-teal-500: oklch(.704 .14 182.503);--mds-color-teal-600: oklch(.6 .118 184.704);--mds-color-teal-700: oklch(.511 .096 186.391);--mds-color-teal-800: oklch(.437 .078 188.216);--mds-color-teal-900: oklch(.386 .063 188.416);--mds-color-teal-950: oklch(.277 .046 192.524);--mds-color-cyan-50: oklch(.984 .019 200.873);--mds-color-cyan-100: oklch(.956 .045 203.388);--mds-color-cyan-200: oklch(.917 .08 205.041);--mds-color-cyan-300: oklch(.865 .127 207.078);--mds-color-cyan-400: oklch(.789 .154 211.53);--mds-color-cyan-500: oklch(.715 .143 215.221);--mds-color-cyan-600: oklch(.609 .126 221.723);--mds-color-cyan-700: oklch(.52 .105 223.128);--mds-color-cyan-800: oklch(.45 .085 224.283);--mds-color-cyan-900: oklch(.398 .07 227.392);--mds-color-cyan-950: oklch(.302 .056 229.695);--mds-color-sky-50: oklch(.977 .013 236.62);--mds-color-sky-100: oklch(.951 .026 236.824);--mds-color-sky-200: oklch(.901 .058 230.902);--mds-color-sky-300: oklch(.828 .111 230.318);--mds-color-sky-400: oklch(.746 .16 232.661);--mds-color-sky-500: oklch(.685 .169 237.323);--mds-color-sky-600: oklch(.588 .158 241.966);--mds-color-sky-700: oklch(.5 .134 242.749);--mds-color-sky-800: oklch(.443 .11 240.79);--mds-color-sky-900: oklch(.391 .09 240.876);--mds-color-sky-950: oklch(.293 .066 243.157);--mds-color-blue-50: oklch(.97 .014 254.604);--mds-color-blue-100: oklch(.932 .032 255.585);--mds-color-blue-200: oklch(.882 .059 254.128);--mds-color-blue-300: oklch(.809 .105 251.813);--mds-color-blue-400: oklch(.707 .165 254.624);--mds-color-blue-500: oklch(.623 .214 259.815);--mds-color-blue-600: oklch(.546 .245 262.881);--mds-color-blue-700: oklch(.488 .243 264.376);--mds-color-blue-800: oklch(.424 .199 265.638);--mds-color-blue-900: oklch(.379 .146 265.522);--mds-color-blue-950: oklch(.282 .091 267.935);--mds-color-indigo-50: oklch(.962 .018 272.314);--mds-color-indigo-100: oklch(.93 .034 272.788);--mds-color-indigo-200: oklch(.87 .065 274.039);--mds-color-indigo-300: oklch(.785 .115 274.713);--mds-color-indigo-400: oklch(.673 .182 276.935);--mds-color-indigo-500: oklch(.585 .233 277.117);--mds-color-indigo-600: oklch(.511 .262 276.966);--mds-color-indigo-700: oklch(.457 .24 277.023);--mds-color-indigo-800: oklch(.398 .195 277.366);--mds-color-indigo-900: oklch(.359 .144 278.697);--mds-color-indigo-950: oklch(.257 .09 281.288);--mds-color-violet-50: oklch(.969 .016 293.756);--mds-color-violet-100: oklch(.943 .029 294.588);--mds-color-violet-200: oklch(.894 .057 293.283);--mds-color-violet-300: oklch(.811 .111 293.571);--mds-color-violet-400: oklch(.702 .183 293.541);--mds-color-violet-500: oklch(.606 .25 292.717);--mds-color-violet-600: oklch(.541 .281 293.009);--mds-color-violet-700: oklch(.491 .27 292.581);--mds-color-violet-800: oklch(.432 .232 292.759);--mds-color-violet-900: oklch(.38 .189 293.745);--mds-color-violet-950: oklch(.283 .141 291.089);--mds-color-purple-50: oklch(.977 .014 308.299);--mds-color-purple-100: oklch(.946 .033 307.174);--mds-color-purple-200: oklch(.902 .063 306.703);--mds-color-purple-300: oklch(.827 .119 306.383);--mds-color-purple-400: oklch(.714 .203 305.504);--mds-color-purple-500: oklch(.627 .265 303.9);--mds-color-purple-600: oklch(.558 .288 302.321);--mds-color-purple-700: oklch(.496 .265 301.924);--mds-color-purple-800: oklch(.438 .218 303.724);--mds-color-purple-900: oklch(.381 .176 304.987);--mds-color-purple-950: oklch(.291 .149 302.717);--mds-color-fuchsia-50: oklch(.977 .017 320.058);--mds-color-fuchsia-100: oklch(.952 .037 318.852);--mds-color-fuchsia-200: oklch(.903 .076 319.62);--mds-color-fuchsia-300: oklch(.833 .145 321.434);--mds-color-fuchsia-400: oklch(.74 .238 322.16);--mds-color-fuchsia-500: oklch(.667 .295 322.15);--mds-color-fuchsia-600: oklch(.591 .293 322.896);--mds-color-fuchsia-700: oklch(.518 .253 323.949);--mds-color-fuchsia-800: oklch(.452 .211 324.591);--mds-color-fuchsia-900: oklch(.401 .17 325.612);--mds-color-fuchsia-950: oklch(.293 .136 325.661);--mds-color-pink-50: oklch(.971 .014 343.198);--mds-color-pink-100: oklch(.948 .028 342.258);--mds-color-pink-200: oklch(.899 .061 343.231);--mds-color-pink-300: oklch(.823 .12 346.018);--mds-color-pink-400: oklch(.718 .202 349.761);--mds-color-pink-500: oklch(.656 .241 354.308);--mds-color-pink-600: oklch(.592 .249 .584);--mds-color-pink-700: oklch(.525 .223 3.958);--mds-color-pink-800: oklch(.459 .187 3.815);--mds-color-pink-900: oklch(.408 .153 2.432);--mds-color-pink-950: oklch(.284 .109 3.907);--mds-color-rose-50: oklch(.969 .015 12.422);--mds-color-rose-100: oklch(.941 .03 12.58);--mds-color-rose-200: oklch(.892 .058 10.001);--mds-color-rose-300: oklch(.81 .117 11.638);--mds-color-rose-400: oklch(.712 .194 13.428);--mds-color-rose-500: oklch(.645 .246 16.439);--mds-color-rose-600: oklch(.586 .253 17.585);--mds-color-rose-700: oklch(.514 .222 16.935);--mds-color-rose-800: oklch(.455 .188 13.697);--mds-color-rose-900: oklch(.41 .159 10.272);--mds-color-rose-950: oklch(.271 .105 12.094);--mds-color-slate-50: oklch(.984 .003 247.858);--mds-color-slate-100: oklch(.968 .007 247.896);--mds-color-slate-200: oklch(.929 .013 255.508);--mds-color-slate-300: oklch(.869 .022 252.894);--mds-color-slate-400: oklch(.704 .04 256.788);--mds-color-slate-500: oklch(.554 .046 257.417);--mds-color-slate-600: oklch(.446 .043 257.281);--mds-color-slate-700: oklch(.372 .044 257.287);--mds-color-slate-800: oklch(.279 .041 260.031);--mds-color-slate-900: oklch(.208 .042 265.755);--mds-color-slate-950: oklch(.129 .042 264.695);--mds-color-gray-50: oklch(.985 .002 247.839);--mds-color-gray-100: oklch(.967 .003 264.542);--mds-color-gray-200: oklch(.928 .006 264.531);--mds-color-gray-300: oklch(.872 .01 258.338);--mds-color-gray-400: oklch(.707 .022 261.325);--mds-color-gray-500: oklch(.551 .027 264.364);--mds-color-gray-600: oklch(.446 .03 256.802);--mds-color-gray-700: oklch(.373 .034 259.733);--mds-color-gray-800: oklch(.278 .033 256.848);--mds-color-gray-900: oklch(.21 .034 264.665);--mds-color-gray-950: oklch(.13 .028 261.692);--mds-color-zinc-50: oklch(.985 0 0);--mds-color-zinc-100: oklch(.967 .001 286.375);--mds-color-zinc-200: oklch(.92 .004 286.32);--mds-color-zinc-300: oklch(.871 .006 286.286);--mds-color-zinc-400: oklch(.705 .015 286.067);--mds-color-zinc-500: oklch(.552 .016 285.938);--mds-color-zinc-600: oklch(.442 .017 285.786);--mds-color-zinc-700: oklch(.37 .013 285.805);--mds-color-zinc-800: oklch(.274 .006 286.033);--mds-color-zinc-900: oklch(.21 .006 285.885);--mds-color-zinc-950: oklch(.141 .005 285.823);--mds-color-neutral-50: oklch(.985 0 0);--mds-color-neutral-100: oklch(.97 0 0);--mds-color-neutral-200: oklch(.922 0 0);--mds-color-neutral-300: oklch(.87 0 0);--mds-color-neutral-400: oklch(.708 0 0);--mds-color-neutral-500: oklch(.556 0 0);--mds-color-neutral-600: oklch(.439 0 0);--mds-color-neutral-700: oklch(.371 0 0);--mds-color-neutral-800: oklch(.269 0 0);--mds-color-neutral-900: oklch(.205 0 0);--mds-color-neutral-950: oklch(.145 0 0);--mds-color-stone-50: oklch(.985 .001 106.423);--mds-color-stone-100: oklch(.97 .001 106.424);--mds-color-stone-200: oklch(.923 .003 48.717);--mds-color-stone-300: oklch(.869 .005 56.366);--mds-color-stone-400: oklch(.709 .01 56.259);--mds-color-stone-500: oklch(.553 .013 58.071);--mds-color-stone-600: oklch(.444 .011 73.639);--mds-color-stone-700: oklch(.374 .01 67.558);--mds-color-stone-800: oklch(.268 .007 34.298);--mds-color-stone-900: oklch(.216 .006 56.043);--mds-color-stone-950: oklch(.147 .004 49.25);--mds-color-dark: oklch(0 0 0);--mds-color-light: oklch(1 0 0);--mds-color-transparent: oklch(0 0 0 / 0%);--mds-color-overlay-dark: var(--mds-color-dark);--mds-color-overlay-light: var(--mds-color-light);--mds-opacity-base: .05;--mds-opacity-subtle: calc(100% * var(--mds-opacity-base) * 3);--mds-opacity-light: calc(100% * var(--mds-opacity-base) * 1.5);--mds-opacity-state-hover: calc(100% * var(--mds-opacity-base) * 3);--mds-opacity-state-focus: calc(100% * var(--mds-opacity-base) * 7);--mds-opacity-state-pressed: calc(100% * var(--mds-opacity-base) * 5);--mds-opacity-state-dragged: calc(100% * var(--mds-opacity-base) * 5);--mds-opacity-disabled-text: calc(100% * var(--mds-opacity-base) * 10);--mds-opacity-disabled-bg: calc(100% * var(--mds-opacity-base) * 2);--mds-color-primary: var(--mds-color-primary-500);--mds-color-primary-surface: var(--mds-color-primary-500);--mds-color-on-primary-surface: var(--mds-color-neutral-50);--mds-color-primary-container: var(--mds-color-primary-50);--mds-color-on-primary-container: var(--mds-color-neutral-900);--mds-color-primary-text: var(--mds-color-primary-700);--mds-color-primary-outline: var(--mds-color-primary-500);--mds-color-primary-hover: color-mix(in srgb, var(--mds-color-primary), var(--mds-color-overlay-dark) var(--mds-opacity-state-hover));--mds-color-primary-focus: color-mix(in srgb, var(--mds-color-primary), var(--mds-color-overlay-dark) var(--mds-opacity-state-focus));--mds-color-primary-active: color-mix(in srgb, var(--mds-color-primary), var(--mds-color-overlay-dark) var(--mds-opacity-state-pressed));--mds-color-secondary: var(--mds-color-secondary-500);--mds-color-secondary-surface: var(--mds-color-secondary-500);--mds-color-on-secondary-surface: var(--mds-color-neutral-50);--mds-color-secondary-container: var(--mds-color-secondary-50);--mds-color-on-secondary-container: var(--mds-color-neutral-900);--mds-color-secondary-text: var(--mds-color-secondary-700);--mds-color-secondary-outline: var(--mds-color-secondary-500);--mds-color-secondary-hover: color-mix(in srgb, var(--mds-color-secondary), var(--mds-color-overlay-dark) var(--mds-opacity-state-hover));--mds-color-secondary-focus: color-mix(in srgb, var(--mds-color-secondary), var(--mds-color-overlay-dark) var(--mds-opacity-state-focus));--mds-color-secondary-active: color-mix(in srgb, var(--mds-color-secondary), var(--mds-color-overlay-dark) var(--mds-opacity-state-pressed));--mds-color-neutral: var(--mds-color-neutral-500);--mds-color-neutral-surface: var(--mds-color-neutral-200);--mds-color-on-neutral-surface: var(--mds-color-neutral-900);--mds-color-neutral-container: var(--mds-color-neutral-50);--mds-color-on-neutral-container: var(--mds-color-neutral-800);--mds-color-neutral-text: var(--mds-color-neutral-800);--mds-color-neutral-outline: var(--mds-color-neutral-500);--mds-color-neutral-hover: color-mix(in srgb, var(--mds-color-neutral), var(--mds-color-overlay-dark) var(--mds-opacity-state-hover));--mds-color-neutral-focus: color-mix(in srgb, var(--mds-color-neutral), var(--mds-color-overlay-dark) var(--mds-opacity-state-focus));--mds-color-neutral-active: color-mix(in srgb, var(--mds-color-neutral), var(--mds-color-overlay-dark) var(--mds-opacity-state-pressed));--mds-color-success: var(--mds-color-success-500);--mds-color-success-surface: var(--mds-color-success-500);--mds-color-on-success-surface: var(--mds-color-neutral-50);--mds-color-success-container: var(--mds-color-success-50);--mds-color-on-success-container: var(--mds-color-neutral-900);--mds-color-success-text: var(--mds-color-success-700);--mds-color-success-outline: var(--mds-color-success-500);--mds-color-success-hover: color-mix(in srgb, var(--mds-color-success), var(--mds-color-overlay-dark) var(--mds-opacity-state-hover));--mds-color-success-focus: color-mix(in srgb, var(--mds-color-success), var(--mds-color-overlay-dark) var(--mds-opacity-state-focus));--mds-color-success-active: color-mix(in srgb, var(--mds-color-success), var(--mds-color-overlay-dark) var(--mds-opacity-state-pressed));--mds-color-error: var(--mds-color-error-500);--mds-color-error-surface: var(--mds-color-error-500);--mds-color-on-error-surface: var(--mds-color-neutral-50);--mds-color-error-container: var(--mds-color-error-50);--mds-color-on-error-container: var(--mds-color-neutral-900);--mds-color-error-text: var(--mds-color-error-700);--mds-color-error-outline: var(--mds-color-error-500);--mds-color-error-hover: color-mix(in srgb, var(--mds-color-error), var(--mds-color-overlay-dark) var(--mds-opacity-state-hover));--mds-color-error-focus: color-mix(in srgb, var(--mds-color-error), var(--mds-color-overlay-dark) var(--mds-opacity-state-focus));--mds-color-error-active: color-mix(in srgb, var(--mds-color-error), var(--mds-color-overlay-dark) var(--mds-opacity-state-pressed));--mds-color-warning: var(--mds-color-warning-500);--mds-color-warning-surface: var(--mds-color-warning-500);--mds-color-on-warning-surface: var(--mds-color-neutral-900);--mds-color-warning-container: var(--mds-color-warning-50);--mds-color-on-warning-container: var(--mds-color-neutral-800);--mds-color-warning-text: var(--mds-color-warning-700);--mds-color-warning-outline: var(--mds-color-warning-500);--mds-color-warning-hover: color-mix(in srgb, var(--mds-color-warning), var(--mds-color-overlay-dark) var(--mds-opacity-state-hover));--mds-color-warning-focus: color-mix(in srgb, var(--mds-color-warning), var(--mds-color-overlay-dark) var(--mds-opacity-state-focus));--mds-color-warning-active: color-mix(in srgb, var(--mds-color-warning), var(--mds-color-overlay-dark) var(--mds-opacity-state-pressed));--mds-color-waiting: var(--mds-color-waiting-500);--mds-color-waiting-surface: var(--mds-color-waiting-500);--mds-color-on-waiting-surface: var(--mds-color-neutral-50);--mds-color-waiting-container: var(--mds-color-waiting-50);--mds-color-on-waiting-container: var(--mds-color-neutral-900);--mds-color-waiting-text: var(--mds-color-waiting-700);--mds-color-waiting-outline: var(--mds-color-waiting-500);--mds-color-waiting-hover: color-mix(in srgb, var(--mds-color-waiting), var(--mds-color-overlay-dark) var(--mds-opacity-state-hover));--mds-color-waiting-focus: color-mix(in srgb, var(--mds-color-waiting), var(--mds-color-overlay-dark) var(--mds-opacity-state-focus));--mds-color-waiting-active: color-mix(in srgb, var(--mds-color-waiting), var(--mds-color-overlay-dark) var(--mds-opacity-state-pressed));--mds-color-info: var(--mds-color-info-500);--mds-color-info-surface: var(--mds-color-info-500);--mds-color-on-info-surface: var(--mds-color-neutral-50);--mds-color-info-container: var(--mds-color-info-50);--mds-color-on-info-container: var(--mds-color-neutral-900);--mds-color-info-text: var(--mds-color-info-700);--mds-color-info-outline: var(--mds-color-info-500);--mds-color-info-hover: color-mix(in srgb, var(--mds-color-info), var(--mds-color-overlay-dark) var(--mds-opacity-state-hover));--mds-color-info-focus: color-mix(in srgb, var(--mds-color-info), var(--mds-color-overlay-dark) var(--mds-opacity-state-focus));--mds-color-info-active: color-mix(in srgb, var(--mds-color-info), var(--mds-color-overlay-dark) var(--mds-opacity-state-pressed));--mds-color-studio: var(--mds-color-studio-500);--mds-color-studio-surface: var(--mds-color-studio-500);--mds-color-on-studio-surface: var(--mds-color-neutral-50);--mds-color-studio-container: var(--mds-color-studio-50);--mds-color-on-studio-container: var(--mds-color-neutral-900);--mds-color-studio-text: var(--mds-color-studio-700);--mds-color-studio-outline: var(--mds-color-studio-500);--mds-color-studio-hover: color-mix(in srgb, var(--mds-color-studio), var(--mds-color-overlay-dark) var(--mds-opacity-state-hover));--mds-color-studio-focus: color-mix(in srgb, var(--mds-color-studio), var(--mds-color-overlay-dark) var(--mds-opacity-state-focus));--mds-color-studio-active: color-mix(in srgb, var(--mds-color-studio), var(--mds-color-overlay-dark) var(--mds-opacity-state-pressed));--mds-color-tech: var(--mds-color-tech-500);--mds-color-tech-surface: var(--mds-color-tech-500);--mds-color-on-tech-surface: var(--mds-color-neutral-50);--mds-color-tech-container: var(--mds-color-tech-50);--mds-color-on-tech-container: var(--mds-color-neutral-900);--mds-color-tech-text: var(--mds-color-tech-700);--mds-color-tech-outline: var(--mds-color-tech-500);--mds-color-tech-hover: color-mix(in srgb, var(--mds-color-tech), var(--mds-color-overlay-dark) var(--mds-opacity-state-hover));--mds-color-tech-focus: color-mix(in srgb, var(--mds-color-tech), var(--mds-color-overlay-dark) var(--mds-opacity-state-focus));--mds-color-tech-active: color-mix(in srgb, var(--mds-color-tech), var(--mds-color-overlay-dark) var(--mds-opacity-state-pressed));--mds-color-surface-0: var(--mds-color-light);--mds-color-surface-1: color-mix(in srgb, var(--mds-color-neutral) .45%, var(--mds-color-surface-0));--mds-color-surface-2: color-mix(in srgb, var(--mds-color-neutral) 1.1%, var(--mds-color-surface-0));--mds-color-surface-3: color-mix(in srgb, var(--mds-color-neutral) 1.35%, var(--mds-color-surface-0));--mds-color-default-text: var(--mds-color-neutral-800);--mds-color-default-text-on-accent: var(--mds-color-neutral-50);--mds-color-default-background: var(--mds-color-light);--mds-color-default-border: var(--mds-color-neutral-300);--mds-color-default-border-hover: var(--mds-color-neutral-500);--mds-color-emphasis-text: var(--mds-color-neutral-950);--mds-color-emphasis-background: var(--mds-color-neutral-100);--mds-color-emphasis-border: var(--mds-color-neutral-600);--mds-color-disabled-text: var(--mds-color-neutral-500);--mds-color-disabled-background: var(--mds-color-neutral-200);--mds-color-disabled-border: var(--mds-color-neutral-300);--mds-color-subtle-text: var(--mds-color-neutral-600);--mds-color-subtle-background: var(--mds-color-neutral-50);--mds-color-subtle-border: var(--mds-color-neutral-200);--mds-font-family-sans-serif: "Nata Sans", sans-serif;--mds-font-family-serif: serif;--mds-font-family-mono: "Courier New", Courier, monospace;--mds-font-family-wp: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--mds-font-weight-light: 300;--mds-font-weight-normal: 400;--mds-font-weight-bold: 600;--mds-font-size-base: 16px;--mds-font-size-2xs: calc(var(--mds-font-size-md) * .625);--mds-font-size-xs: calc(var(--mds-font-size-md) * .75);--mds-font-size-sm: calc(var(--mds-font-size-md) * .875);--mds-font-size-md: var(--mds-font-size-base);--mds-font-size-lg: calc(var(--mds-font-size-md) * 1.125);--mds-font-size-xl: calc(var(--mds-font-size-md) * 1.25);--mds-font-size-2xl: calc(var(--mds-font-size-md) * 1.375);--mds-font-size-h1: 36px;--mds-font-size-h2: 24px;--mds-font-size-h3: 20px;--mds-font-size-h4: 18px;--mds-font-size-h5: 16px;--mds-font-size-h6: 14px;--mds-line-height-body: 1.5;--mds-line-height-heading: 1.2;--mds-breakpoint-sm: 600px;--mds-breakpoint-md: 768px;--mds-breakpoint-lg: 1024px;--mds-layout-max-width: 1280px;--mds-spacing-px: 1px;--mds-spacing-2xs: 2px;--mds-spacing-xs: 4px;--mds-spacing-sm: 8px;--mds-spacing-md: 12px;--mds-spacing-lg: 16px;--mds-spacing-xl: 24px;--mds-spacing-2xl: 32px;--mds-spacing-3xl: 48px;--mds-border-single: 1px;--mds-border-double: 2px;--mds-size-px: 1px;--mds-size-2xs: 4px;--mds-size-xs: 8px;--mds-size-sm: 12px;--mds-size-md: 16px;--mds-size-lg: 24px;--mds-size-xl: 32px;--mds-size-2xl: 48px;--mds-size-3xl: 64px;--mds-size-4xl: 128px;--mds-border-radius-base: 3.5px;--mds-radius-sm: calc( var(--mds-border-radius-base) * 1);--mds-radius-md: calc( var(--mds-border-radius-base) * 2);--mds-radius-lg: calc( var(--mds-border-radius-base) * 3);--mds-radius-full: 9999px;--mds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .1);--mds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--mds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--mds-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--mds-shadow-inset-sm: inset 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--mds-shadow-inset-md: inset 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--mds-shadow-inset-lg: inset 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--mds-focus-ring-shadow: 0 0 0 3px var(--mds-color-primary-subtle);--mds-z-index-dropdown: 10;--mds-z-index-sticky: 100;--mds-z-index-modal: 1000;--mds-z-index-notification: 2000;--mds-duration-fast: .15s;--mds-duration-standard: .3s;--mds-easing-standard: ease-in-out;--mds-pattern-bg-error: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.2) 5px, rgba(255,255,255,.2) 10px);--mds-pattern-bg-warning: radial-gradient(rgba(0,0,0,.06) 1.5px, transparent 1.5px);--mds-grad-brand-primary: linear-gradient(135deg, var(--mds-color-primary-600) 0%, var(--mds-color-primary-400) 100%);--mds-grad-brand-studio: linear-gradient(135deg, var(--mds-color-studio-600) 0%, var(--mds-color-studio-400) 100%);--mds-grad-brand-tech: linear-gradient(135deg, var(--mds-color-tech-700) 0%, var(--mds-color-tech-500) 100%);--mds-grad-brand-mixed: linear-gradient(135deg, var(--mds-color-studio-500) 0%, var(--mds-color-tech-500) 100%);--mds-grad-sunset: linear-gradient(to right, var(--mds-color-orange-500), var(--mds-color-rose-500));--mds-grad-sunrise: linear-gradient(to right, var(--mds-color-amber-200), var(--mds-color-orange-400));--mds-grad-volcanic: linear-gradient(to right, var(--mds-color-red-700), var(--mds-color-orange-600));--mds-grad-peach: linear-gradient(to right, var(--mds-color-rose-300), var(--mds-color-orange-300));--mds-grad-citrus: linear-gradient(to right, var(--mds-color-yellow-400), var(--mds-color-lime-500));--mds-grad-golden-haze: linear-gradient(to right, var(--mds-color-amber-200), var(--mds-color-yellow-500));--mds-grad-ocean: linear-gradient(to right, var(--mds-color-sky-500), var(--mds-color-indigo-500));--mds-grad-deep-sea: linear-gradient(to right, var(--mds-color-blue-800), var(--mds-color-indigo-900));--mds-grad-arctic: linear-gradient(to right, var(--mds-color-cyan-100), var(--mds-color-blue-200));--mds-grad-marine: linear-gradient(to right, var(--mds-color-teal-400), var(--mds-color-cyan-600));--mds-grad-electric-blue: linear-gradient(to right, var(--mds-color-cyan-500), var(--mds-color-blue-600));--mds-grad-forest: linear-gradient(to right, var(--mds-color-emerald-800), var(--mds-color-green-600));--mds-grad-mint: linear-gradient(to right, var(--mds-color-teal-200), var(--mds-color-emerald-400));--mds-grad-spring: linear-gradient(to right, var(--mds-color-lime-400), var(--mds-color-emerald-500));--mds-grad-leaf: linear-gradient(to right, var(--mds-color-green-300), var(--mds-color-teal-400));--mds-grad-jungle: linear-gradient(to right, var(--mds-color-emerald-600), var(--mds-color-teal-700));--mds-grad-lavender: linear-gradient(to right, var(--mds-color-violet-200), var(--mds-color-purple-300));--mds-grad-twilight: linear-gradient(to right, var(--mds-color-indigo-400), var(--mds-color-purple-500));--mds-grad-nebula: linear-gradient(to right, var(--mds-color-fuchsia-600), var(--mds-color-purple-600));--mds-grad-unicorn: linear-gradient(to right, var(--mds-color-pink-300), var(--mds-color-violet-300), var(--mds-color-sky-300));--mds-grad-midnight: linear-gradient(to right, var(--mds-color-slate-800), var(--mds-color-indigo-900));--mds-grad-cyber: linear-gradient(to right, var(--mds-color-fuchsia-500), var(--mds-color-cyan-500));--mds-grad-synthwave: linear-gradient(to right, var(--mds-color-rose-500), var(--mds-color-violet-600));--mds-grad-matrix: linear-gradient(to right, var(--mds-color-green-950), var(--mds-color-green-500));--mds-grad-neon: linear-gradient(to right, var(--mds-color-lime-400), var(--mds-color-cyan-400));--mds-grad-corporate: linear-gradient(to right, var(--mds-color-slate-500), var(--mds-color-slate-800))}html[data-theme=dark]{--mds-font-weight-base: var(--mds-font-weight-normal);--mds-opacity-subtle: calc(100% * var(--mds-opacity-base) * 6);--mds-opacity-state-hover: calc(100% * var(--mds-opacity-base) * 3);--mds-opacity-state-focus: calc(100% * var(--mds-opacity-base) * 5);--mds-opacity-state-pressed: calc(100% * var(--mds-opacity-base) * 4);--mds-opacity-state-dragged: calc(100% * var(--mds-opacity-base) * 6);--mds-opacity-disabled-text: calc(100% * var(--mds-opacity-base) * 12);--mds-opacity-disabled-bg: calc(100% * var(--mds-opacity-base) * 5);--mds-color-primary: var(--mds-color-primary-400);--mds-color-primary-surface: var(--mds-color-primary-400);--mds-color-on-primary-surface: var(--mds-color-neutral-950);--mds-color-primary-container: var(--mds-color-primary-950);--mds-color-on-primary-container: var(--mds-color-neutral-100);--mds-color-primary-text: var(--mds-color-primary-300);--mds-color-primary-outline: var(--mds-color-primary-400);--mds-color-primary-hover: color-mix(in srgb, var(--mds-color-primary), var(--mds-color-overlay-light) var(--mds-opacity-state-hover));--mds-color-primary-focus: color-mix(in srgb, var(--mds-color-primary), var(--mds-color-overlay-light) var(--mds-opacity-state-focus));--mds-color-primary-active: color-mix(in srgb, var(--mds-color-primary), var(--mds-color-overlay-light) var(--mds-opacity-state-pressed));--mds-color-secondary: var(--mds-color-secondary-400);--mds-color-secondary-surface: var(--mds-color-secondary-400);--mds-color-on-secondary-surface: var(--mds-color-neutral-950);--mds-color-secondary-container: var(--mds-color-secondary-950);--mds-color-on-secondary-container: var(--mds-color-neutral-100);--mds-color-secondary-text: var(--mds-color-secondary-300);--mds-color-secondary-outline: var(--mds-color-secondary-400);--mds-color-secondary-hover: color-mix(in srgb, var(--mds-color-secondary), var(--mds-color-overlay-light) var(--mds-opacity-state-hover));--mds-color-secondary-focus: color-mix(in srgb, var(--mds-color-secondary), var(--mds-color-overlay-light) var(--mds-opacity-state-focus));--mds-color-secondary-active: color-mix(in srgb, var(--mds-color-secondary), var(--mds-color-overlay-light) var(--mds-opacity-state-pressed));--mds-color-neutral: var(--mds-color-neutral-400);--mds-color-neutral-surface: var(--mds-color-neutral-800);--mds-color-on-neutral-surface: var(--mds-color-neutral-100);--mds-color-neutral-container: var(--mds-color-neutral-950);--mds-color-on-neutral-container: var(--mds-color-neutral-200);--mds-color-neutral-text: var(--mds-color-neutral-200);--mds-color-neutral-outline: var(--mds-color-neutral-400);--mds-color-neutral-hover: color-mix(in srgb, var(--mds-color-neutral), var(--mds-color-overlay-light) var(--mds-opacity-state-hover));--mds-color-neutral-focus: color-mix(in srgb, var(--mds-color-neutral), var(--mds-color-overlay-light) var(--mds-opacity-state-focus));--mds-color-neutral-active: color-mix(in srgb, var(--mds-color-neutral), var(--mds-color-overlay-light) var(--mds-opacity-state-pressed));--mds-color-success: var(--mds-color-success-400);--mds-color-success-surface: var(--mds-color-success-400);--mds-color-on-success-surface: var(--mds-color-neutral-950);--mds-color-success-container: var(--mds-color-success-950);--mds-color-on-success-container: var(--mds-color-neutral-100);--mds-color-success-text: var(--mds-color-success-300);--mds-color-success-outline: var(--mds-color-success-400);--mds-color-success-hover: color-mix(in srgb, var(--mds-color-success), var(--mds-color-overlay-light) var(--mds-opacity-state-hover));--mds-color-success-focus: color-mix(in srgb, var(--mds-color-success), var(--mds-color-overlay-light) var(--mds-opacity-state-focus));--mds-color-success-active: color-mix(in srgb, var(--mds-color-success), var(--mds-color-overlay-light) var(--mds-opacity-state-pressed));--mds-color-error: var(--mds-color-error-400);--mds-color-error-surface: var(--mds-color-error-400);--mds-color-on-error-surface: var(--mds-color-neutral-950);--mds-color-error-container: var(--mds-color-error-950);--mds-color-on-error-container: var(--mds-color-neutral-100);--mds-color-error-text: var(--mds-color-error-300);--mds-color-error-outline: var(--mds-color-error-400);--mds-color-error-hover: color-mix(in srgb, var(--mds-color-error), var(--mds-color-overlay-light) var(--mds-opacity-state-hover));--mds-color-error-focus: color-mix(in srgb, var(--mds-color-error), var(--mds-color-overlay-light) var(--mds-opacity-state-focus));--mds-color-error-active: color-mix(in srgb, var(--mds-color-error), var(--mds-color-overlay-light) var(--mds-opacity-state-pressed));--mds-color-warning: var(--mds-color-warning-200);--mds-color-warning-surface: var(--mds-color-warning-400);--mds-color-on-warning-surface: var(--mds-color-neutral-100);--mds-color-warning-container: var(--mds-color-warning-950);--mds-color-on-warning-container: var(--mds-color-neutral-200);--mds-color-warning-text: var(--mds-color-warning-300);--mds-color-warning-outline: var(--mds-color-warning-400);--mds-color-warning-hover: color-mix(in srgb, var(--mds-color-warning), var(--mds-color-overlay-light) var(--mds-opacity-state-hover));--mds-color-warning-focus: color-mix(in srgb, var(--mds-color-warning), var(--mds-color-overlay-light) var(--mds-opacity-state-focus));--mds-color-warning-active: color-mix(in srgb, var(--mds-color-warning), var(--mds-color-overlay-light) var(--mds-opacity-state-pressed));--mds-color-waiting: var(--mds-color-waiting-400);--mds-color-waiting-surface: var(--mds-color-waiting-400);--mds-color-on-waiting-surface: var(--mds-color-neutral-950);--mds-color-waiting-container: var(--mds-color-waiting-950);--mds-color-on-waiting-container: var(--mds-color-neutral-100);--mds-color-waiting-text: var(--mds-color-waiting-300);--mds-color-waiting-outline: var(--mds-color-waiting-400);--mds-color-waiting-hover: color-mix(in srgb, var(--mds-color-waiting), var(--mds-color-overlay-light) var(--mds-opacity-state-hover));--mds-color-waiting-focus: color-mix(in srgb, var(--mds-color-waiting), var(--mds-color-overlay-light) var(--mds-opacity-state-focus));--mds-color-waiting-active: color-mix(in srgb, var(--mds-color-waiting), var(--mds-color-overlay-light) var(--mds-opacity-state-pressed));--mds-color-info: var(--mds-color-info-400);--mds-color-info-surface: var(--mds-color-info-400);--mds-color-on-info-surface: var(--mds-color-neutral-950);--mds-color-info-container: var(--mds-color-info-950);--mds-color-on-info-container: var(--mds-color-neutral-100);--mds-color-info-text: var(--mds-color-info-300);--mds-color-info-outline: var(--mds-color-info-400);--mds-color-info-hover: color-mix(in srgb, var(--mds-color-info), var(--mds-color-overlay-light) var(--mds-opacity-state-hover));--mds-color-info-focus: color-mix(in srgb, var(--mds-color-info), var(--mds-color-overlay-light) var(--mds-opacity-state-focus));--mds-color-info-active: color-mix(in srgb, var(--mds-color-info), var(--mds-color-overlay-light) var(--mds-opacity-state-pressed));--mds-color-studio: var(--mds-color-studio-400);--mds-color-studio-surface: var(--mds-color-studio-400);--mds-color-on-studio-surface: var(--mds-color-neutral-950);--mds-color-studio-container: var(--mds-color-studio-950);--mds-color-on-studio-container: var(--mds-color-neutral-100);--mds-color-studio-text: var(--mds-color-studio-300);--mds-color-studio-outline: var(--mds-color-studio-400);--mds-color-studio-hover: color-mix(in srgb, var(--mds-color-studio), var(--mds-color-overlay-light) var(--mds-opacity-state-hover));--mds-color-studio-focus: color-mix(in srgb, var(--mds-color-studio), var(--mds-color-overlay-light) var(--mds-opacity-state-focus));--mds-color-studio-active: color-mix(in srgb, var(--mds-color-studio), var(--mds-color-overlay-light) var(--mds-opacity-state-pressed));--mds-color-tech: var(--mds-color-tech-400);--mds-color-tech-surface: var(--mds-color-tech-400);--mds-color-on-tech-surface: var(--mds-color-neutral-950);--mds-color-tech-container: var(--mds-color-tech-950);--mds-color-on-tech-container: var(--mds-color-neutral-100);--mds-color-tech-text: var(--mds-color-tech-300);--mds-color-tech-outline: var(--mds-color-tech-400);--mds-color-tech-hover: color-mix(in srgb, var(--mds-color-tech), var(--mds-color-overlay-light) var(--mds-opacity-state-hover));--mds-color-tech-focus: color-mix(in srgb, var(--mds-color-tech), var(--mds-color-overlay-light) var(--mds-opacity-state-focus));--mds-color-tech-active: color-mix(in srgb, var(--mds-color-tech), var(--mds-color-overlay-light) var(--mds-opacity-state-pressed));--mds-color-surface-0: var(--mds-color-dark);--mds-color-surface-1: color-mix(in srgb, var(--mds-color-neutral) .45%, var(--mds-color-surface-0));--mds-color-surface-2: color-mix(in srgb, var(--mds-color-neutral) 1.1%, var(--mds-color-surface-0));--mds-color-surface-3: color-mix(in srgb, var(--mds-color-neutral) 1.35%, var(--mds-color-surface-0));--mds-color-default-text: var(--mds-color-neutral-200);--mds-color-default-text-on-accent: var(--mds-color-neutral-950);--mds-color-default-background: var(--mds-color-dark);--mds-color-default-border: var(--mds-color-neutral-700);--mds-color-default-border-hover: var(--mds-color-neutral-400);--mds-color-emphasis-text: var(--mds-color-neutral-50);--mds-color-emphasis-background: var(--mds-color-neutral-900);--mds-color-emphasis-border: var(--mds-color-neutral-400);--mds-color-disabled-text: var(--mds-color-neutral-400);--mds-color-disabled-background: var(--mds-color-neutral-800);--mds-color-disabled-border: var(--mds-color-neutral-700);--mds-color-subtle-text: var(--mds-color-neutral-400);--mds-color-subtle-background: var(--mds-color-neutral-950);--mds-color-subtle-border: var(--mds-color-neutral-800);--mds-shadow-sm: 0 1px 2px 0 rgba(255, 255, 255, .05);--mds-shadow-md: 0 4px 6px -1px rgba(255, 255, 255, .1), 0 2px 4px -1px rgba(255, 255, 255, .06);--mds-shadow-lg: 0 10px 15px -3px rgba(255, 255, 255, .1), 0 4px 6px -2px rgba(255, 255, 255, .05);--mds-shadow-xl: 0 20px 25px -5px rgba(255, 255, 255, .1), 0 10px 10px -5px rgba(255, 255, 255, .04);--mds-focus-ring-shadow: 0 0 0 3px var(--mds-color-background-subtle);--mds-pattern-bg-error: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0,0,0,.2) 5px, rgba(0,0,0,.2) 10px);--mds-pattern-bg-warning: radial-gradient(rgba(255,255,255,.08) 1.5px, transparent 1.5px);--mds-pattern-diagonal-right: repeating-linear-gradient(45deg, currentColor 0, currentColor 1px, transparent 1px, transparent 6px);--mds-pattern-diagonal-left: repeating-linear-gradient(-45deg, currentColor 0, currentColor 1px, transparent 1px, transparent 6px);--mds-pattern-vertical: repeating-linear-gradient(90deg, currentColor 0, currentColor 1px, transparent 1px, transparent 6px);--mds-pattern-grid: repeating-linear-gradient(0deg, transparent, transparent 5px, currentColor 5px, currentColor 6px), repeating-linear-gradient(90deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);--mds-pattern-dots: radial-gradient(currentColor 1px, transparent 1px)}@media(min-width:600px){:host,:root{--mds-font-size-h1: 72px;--mds-font-size-h2: 32px;--mds-font-size-h3: 28px;--mds-font-size-h4: 24px;--mds-font-size-h5: 20px;--mds-font-size-h6: 18px;--mds-line-height-body: 1.75;--mds-line-height-heading: 1.25;--mds-spacing-md: 16px;--mds-spacing-lg: 24px;--mds-spacing-xl: 32px;--mds-spacing-2xl: 48px;--mds-spacing-3xl: 64px;--mds-size-2xs: 8px;--mds-size-xs: 12px;--mds-size-sm: 16px;--mds-size-md: 24px;--mds-size-lg: 32px;--mds-size-xl: 48px;--mds-size-2xl: 64px;--mds-size-3xl: 128px;--mds-size-4xl: 256px}}