.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@layer substrata;@layer substrata.base,substrata.theme,substrata.native,substrata.components,substrata.blocks,substrata.utilities;@layer substrata.base{html{box-sizing:border-box;margin:0;padding:0;tab-size:4;background-color:var(--color-layer-base);interpolate-size:allow-keywords;scroll-behavior:smooth;scrollbar-gutter:auto}*,*:before,*:after{box-sizing:inherit}body{min-height:100vh;margin:0;padding:0;color:var(--color-text-normal);font-family:var(--font-family-body);font-size:var(--font-size-m);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-size-adjust:none;-moz-text-size-adjust:none;-webkit-text-size-adjust:none}:where(*){margin:0;font-feature-settings:var(--opentype-case, "case" off),var(--opentype-sinf, "sinf" off)}:where(img,picture,video,canvas,svg,iframe){display:block;max-width:100%}:where(input,button,textarea,select){font-family:inherit;font-size:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(p){text-wrap:pretty}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}:where(input,textarea,progress,meter){accent-color:var(--form-control-activated-color)}}@layer substrata.theme;@layer substrata.theme{:where(:root),:host{--color-red-gte-60: calc(100% - (clamp(0, 60 - var(--color-red-key), 1)*100%)) ;--color-orange-gte-60: calc(100% - (clamp(0, 60 - var(--color-orange-key), 1)*100%)) ;--color-yellow-gte-60: calc(100% - (clamp(0, 60 - var(--color-yellow-key), 1)*100%)) ;--color-green-gte-60: calc(100% - (clamp(0, 60 - var(--color-green-key), 1)*100%)) ;--color-cyan-gte-60: calc(100% - (clamp(0, 60 - var(--color-cyan-key), 1)*100%)) ;--color-blue-gte-60: calc(100% - (clamp(0, 60 - var(--color-blue-key), 1)*100%)) ;--color-indigo-gte-60: calc(100% - (clamp(0, 60 - var(--color-indigo-key), 1)*100%)) ;--color-purple-gte-60: calc(100% - (clamp(0, 60 - var(--color-purple-key), 1)*100%)) ;--color-pink-gte-60: calc(100% - (clamp(0, 60 - var(--color-pink-key), 1)*100%)) ;--color-gray-gte-60: calc(100% - (clamp(0, 60 - var(--color-gray-key), 1)*100%)) ;--color-red-on: color-mix(in oklab, var(--color-red-10) var(--color-red-gte-60), white);--color-orange-on: color-mix(in oklab, var(--color-orange-10) var(--color-orange-gte-60), white);--color-yellow-on: color-mix(in oklab, var(--color-yellow-10) var(--color-yellow-gte-60), white);--color-green-on: color-mix(in oklab, var(--color-green-10) var(--color-green-gte-60), white);--color-cyan-on: color-mix(in oklab, var(--color-cyan-10) var(--color-cyan-gte-60), white);--color-blue-on: color-mix(in oklab, var(--color-blue-10) var(--color-blue-gte-60), white);--color-indigo-on: color-mix(in oklab, var(--color-indigo-10) var(--color-indigo-gte-60), white);--color-purple-on: color-mix(in oklab, var(--color-purple-10) var(--color-purple-gte-60), white);--color-pink-on: color-mix(in oklab, var(--color-pink-10) var(--color-pink-gte-60), white);--color-gray-on: color-mix(in oklab, var(--color-gray-10) var(--color-gray-gte-60), white)}}@layer substrata.theme{:where(:root),.palette-default{--blue-05: oklch(.1923 .12571 270.9);--blue-10: oklch(.24366 .15927 270.91);--blue-20: oklch(.33738 .22049 270.93);--blue-30: oklch(.4311 .28168 270.96);--blue-40: oklch(.51486 .29194 273.89);--blue-50: oklch(.59077 .2439 278.37);--blue-60: oklch(.66982 .19436 281.43);--blue-70: oklch(.75091 .14445 283.78);--blue-80: oklch(.83334 .09521 286.03);--blue-90: oklch(.91667 .04744 289.78);--blue-95: oklch(.95857 .02438 295.51);--blue: var(--blue-30);--blue-key: 30;--red-05: oklch(.18768 .08511 20.864);--red-10: oklch(.23781 .10784 20.857);--red-20: oklch(.32928 .14931 20.843);--red-30: oklch(.41905 .17859 20.819);--red-40: oklch(.50664 .19163 20.7);--red-50: oklch(.59402 .20257 20.547);--red-60: oklch(.68123 .21202 20.396);--red-70: oklch(.76332 .18108 19.979);--red-80: oklch(.84106 .11328 19.402);--red-90: oklch(.92003 .05326 19.371);--red-95: oklch(.95988 .02584 20.289);--red: var(--red-60);--red-key: 60;--green-05: oklch(.16985 .07122 146.8);--green-10: oklch(.21522 .09023 146.81);--green-20: oklch(.298 .12489 146.82);--green-30: oklch(.38078 .1595 146.84);--green-40: oklch(.46356 .19407 146.86);--green-50: oklch(.54645 .22746 146.83);--green-60: oklch(.63185 .23549 146.03);--green-70: oklch(.71734 .24226 145.43);--green-80: oklch(.80291 .24815 144.95);--green-90: oklch(.88886 .25003 144.5);--green-95: oklch(.94529 .11434 141.33);--green: var(--green-90);--green-key: 90;--pink-05: oklch(.18975 .09379 332.91);--pink-10: oklch(.24043 .11885 332.9);--pink-20: oklch(.3329 .16457 332.88);--pink-30: oklch(.42538 .2103 332.86);--pink-40: oklch(.51412 .23197 333.21);--pink-50: oklch(.60028 .23566 333.7);--pink-60: oklch(.68656 .23908 334.09);--pink-70: oklch(.7729 .24232 334.4);--pink-80: oklch(.84807 .16183 335.74);--pink-90: oklch(.92294 .07337 338.18);--pink-95: oklch(.96111 .03359 342.09);--pink: var(--pink-60);--pink-key: 60;--lime-05: oklch(.17345 .05206 126.69);--lime-10: oklch(.21977 .06597 126.7);--lime-20: oklch(.3043 .09136 126.71);--lime-30: oklch(.38882 .11676 126.72);--lime-40: oklch(.47334 .14217 126.74);--lime-50: oklch(.55785 .16759 126.76);--lime-60: oklch(.64237 .19303 126.78);--lime-70: oklch(.72735 .21147 126.5);--lime-80: oklch(.81287 .22164 126.03);--lime-90: oklch(.89845 .23042 125.64);--lime-95: oklch(.94497 .17573 124.03);--lime: var(--lime-90);--lime-key: 90;--gray-05: oklch(.17727 .0078 283.8);--gray-10: oklch(.22452 .00767 285.64);--gray-20: oklch(.31077 .00758 288.83);--gray-30: oklch(.39702 .00757 291.91);--gray-40: oklch(.48326 .00759 294.92);--gray-50: oklch(.56952 .00764 297.88);--gray-60: oklch(.65577 .00772 300.77);--gray-70: oklch(.74202 .00781 303.59);--gray-80: oklch(.82827 .00792 306.34);--gray-90: oklch(.91452 .00805 309);--gray-95: oklch(.95765 .00812 310.3);--gray: var(--gray-10);--gray-key: 10;--cyan-05: oklch(.1724 .03944 196.27);--cyan-10: oklch(.21845 .04997 196.27);--cyan-20: oklch(.30246 .06919 196.28);--cyan-30: oklch(.38648 .08841 196.28);--cyan-40: oklch(.4705 .10763 196.29);--cyan-50: oklch(.55688 .10566 196.56);--cyan-60: oklch(.64321 .10432 196.73);--cyan-70: oklch(.72948 .10349 196.85);--cyan-80: oklch(.81572 .10298 196.94);--cyan-90: oklch(.90194 .1027 196.99);--cyan-95: oklch(.9476 .08015 197.06);--cyan: var(--cyan-90);--cyan-key: 90;--orange-05: oklch(.1833 .06137 43.101);--orange-10: oklch(.23208 .07686 43.726);--orange-20: oklch(.32088 .10398 45.03);--orange-30: oklch(.40974 .13141 45.666);--orange-40: oklch(.49866 .15921 45.947);--orange-50: oklch(.58627 .17742 46.96);--orange-60: oklch(.67309 .18889 47.931);--orange-70: oklch(.75975 .1982 48.553);--orange-80: oklch(.83813 .12602 49.517);--orange-90: oklch(.91851 .05898 48.091);--orange-95: oklch(.95918 .02825 46.039);--orange: var(--orange-60);--orange-key: 60;--purple-05: oklch(.19241 .11833 279.61);--purple-10: oklch(.24379 .14993 279.6);--purple-20: oklch(.33247 .1833 281.47);--purple-30: oklch(.41472 .17689 284.67);--purple-40: oklch(.49886 .17334 286.47);--purple-50: oklch(.58384 .17131 287.64);--purple-60: oklch(.66926 .17017 288.47);--purple-70: oklch(.7529 .14868 289.72);--purple-80: oklch(.83465 .09838 291.85);--purple-90: oklch(.91732 .04935 295.48);--purple-95: oklch(.95892 .02562 301);--purple: var(--purple-20);--purple-key: 20;@media (color-gamut: p3){--blue-05: color(display-p3 .02543 0 .28088);--blue-10: color(display-p3 .05083 0 .39651);--blue-20: color(display-p3 .10418 0 .62307);--blue-30: color(display-p3 .16157 0 .86605);--blue-40: color(display-p3 .26357 .18747 1);--blue-50: color(display-p3 .39422 .36396 1);--blue-60: color(display-p3 .51725 .50178 1);--blue-70: color(display-p3 .63885 .62895 1);--blue-80: color(display-p3 .76106 .75227 1);--blue-90: color(display-p3 .88469 .87441 1);--blue-95: color(display-p3 .94716 .93546 1);--blue: var(--blue-30);--blue-key: 30;--red-05: color(display-p3 .16707 0 .01558);--red-10: color(display-p3 .24354 0 .03172);--red-20: color(display-p3 .39339 0 .07465);--red-30: color(display-p3 .5382 .06266 .13419);--red-40: color(display-p3 .66778 .17098 .2142);--red-50: color(display-p3 .79849 .2691 .2997);--red-60: color(display-p3 .93049 .36726 .38987);--red-70: color(display-p3 1 .51806 .52198);--red-80: color(display-p3 1 .69373 .68718);--red-90: color(display-p3 1 .85098 .84456);--red-95: color(display-p3 1 .92629 .92144);--red: var(--red-60);--red-key: 60;--green-05: color(display-p3 0 .08593 .00293);--green-10: color(display-p3 0 .13445 .00599);--green-20: color(display-p3 0 .22954 .01608);--green-30: color(display-p3 0 .33156 .03402);--green-40: color(display-p3 0 .4393 .05927);--green-50: color(display-p3 .01254 .55163 .08945);--green-60: color(display-p3 .19138 .66009 .18327);--green-70: color(display-p3 .30908 .77131 .27385);--green-80: color(display-p3 .41903 .8851 .36589);--green-90: color(display-p3 .53464 1 .46659);--green-95: color(display-p3 .81207 1 .75018);--green: var(--green-90);--green-key: 90;--pink-05: color(display-p3 .14392 0 .13881);--pink-10: color(display-p3 .21241 0 .20558);--pink-20: color(display-p3 .3466 0 .33648);--pink-30: color(display-p3 .49054 0 .47697);--pink-40: color(display-p3 .62006 .11766 .59842);--pink-50: color(display-p3 .73653 .24288 .70457);--pink-60: color(display-p3 .85531 .35297 .81408);--pink-70: color(display-p3 .97633 .46042 .92658);--pink-80: color(display-p3 1 .65562 .94591);--pink-90: color(display-p3 1 .83664 .95916);--pink-95: color(display-p3 1 .92039 .97128);--pink: var(--pink-60);--pink-key: 60;--lime-05: color(display-p3 .04773 .07659 0);--lime-10: color(display-p3 .08308 .1219 0);--lime-20: color(display-p3 .15234 .21071 0);--lime-30: color(display-p3 .22661 .306 0);--lime-40: color(display-p3 .30501 .40665 0);--lime-50: color(display-p3 .38695 .51193 0);--lime-60: color(display-p3 .47202 .6213 0);--lime-70: color(display-p3 .56589 .73237 .08325);--lime-80: color(display-p3 .66892 .84435 .19455);--lime-90: color(display-p3 .77506 .95886 .29184);--lime-95: color(display-p3 .86688 1 .52408);--lime: var(--lime-90);--lime-key: 90;--gray-05: color(display-p3 .06451 .06497 .07867);--gray-10: color(display-p3 .10648 .10651 .12083);--gray-20: color(display-p3 .18875 .18792 .20325);--gray-30: color(display-p3 .27705 .27526 .29146);--gray-40: color(display-p3 .37034 .36751 .38447);--gray-50: color(display-p3 .46793 .464 .48163);--gray-60: color(display-p3 .56932 .56423 .58245);--gray-70: color(display-p3 .67413 .66782 .68657);--gray-80: color(display-p3 .78205 .77447 .7937);--gray-90: color(display-p3 .89282 .88395 .90361);--gray-95: color(display-p3 .94922 .93968 .95955);--gray: var(--gray-10);--gray-key: 10;--cyan-05: color(display-p3 0 .07949 .08322);--cyan-10: color(display-p3 0 .1258 .13081);--cyan-20: color(display-p3 0 .21655 .2241);--cyan-30: color(display-p3 0 .31391 .32418);--cyan-40: color(display-p3 0 .41674 .4299);--cyan-50: color(display-p3 .18002 .51637 .52927);--cyan-60: color(display-p3 .29829 .61939 .63207);--cyan-70: color(display-p3 .40865 .72558 .73808);--cyan-80: color(display-p3 .51772 .83469 .84703);--cyan-90: color(display-p3 .62745 .94649 .9587);--cyan-95: color(display-p3 .74703 .99142 1);--cyan: var(--cyan-90);--cyan-key: 90;--orange-05: color(display-p3 .13808 .03077 0);--orange-10: color(display-p3 .20323 .06085 0);--orange-20: color(display-p3 .32884 .123 0);--orange-30: color(display-p3 .46388 .18929 0);--orange-40: color(display-p3 .60708 .25875 0);--orange-50: color(display-p3 .74169 .34409 .05981);--orange-60: color(display-p3 .87057 .43991 .14829);--orange-70: color(display-p3 1 .53993 .23575);--orange-80: color(display-p3 1 .70897 .52729);--orange-90: color(display-p3 1 .85835 .77559);--orange-95: color(display-p3 1 .92959 .89171);--orange: var(--orange-60);--orange-key: 60;--purple-05: color(display-p3 .05564 0 .26462);--purple-10: color(display-p3 .09372 0 .37468);--purple-20: color(display-p3 .17408 .07049 .5375);--purple-30: color(display-p3 .26678 .19378 .62394);--purple-40: color(display-p3 .36225 .29752 .72135);--purple-50: color(display-p3 .46114 .39944 .8255);--purple-60: color(display-p3 .56339 .50257 .93451);--purple-70: color(display-p3 .67052 .61778 1);--purple-80: color(display-p3 .78206 .74504 1);--purple-90: color(display-p3 .89538 .87078 1);--purple-95: color(display-p3 .95277 .93356 1);--purple: var(--purple-20);--purple-key: 20}}}@layer substrata.theme{:where(:root),.brand-blue{--color-brand-05: var(--blue-05);--color-brand-10: var(--blue-10);--color-brand-20: var(--blue-20);--color-brand-30: var(--blue-30);--color-brand-40: var(--blue-40);--color-brand-50: var(--blue-50);--color-brand-60: var(--blue-60);--color-brand-70: var(--blue-70);--color-brand-80: var(--blue-80);--color-brand-90: var(--blue-90);--color-brand-95: var(--blue-95);--color-brand: var(--blue);--color-brand-lt-50: var(--color-blue-lt-50);--color-brand-gte-50: var(--color-blue-gte-50);--color-brand-lt-60: var(--color-blue-lt-60);--color-brand-gte-60: var(--color-blue-gte-60);--color-brand-lt-70: var(--color-blue-lt-70);--color-brand-gte-70: var(--color-blue-gte-70);--color-brand-max-50: var(--color-blue-max-50);--color-brand-min-50: var(--color-blue-min-50);--color-brand-max-60: var(--color-blue-max-60);--color-brand-min-60: var(--color-blue-min-60);--color-brand-max-70: var(--color-blue-max-70);--color-brand-min-70: var(--color-blue-min-70);--color-brand-on: var(--color-blue-on)}}@layer substrata.theme{:where(:root),.danger-red{--color-danger-05: var(--red-05);--color-danger-10: var(--red-10);--color-danger-20: var(--red-20);--color-danger-30: var(--red-30);--color-danger-40: var(--red-40);--color-danger-50: var(--red-50);--color-danger-60: var(--red-60);--color-danger-70: var(--red-70);--color-danger-80: var(--red-80);--color-danger-90: var(--red-90);--color-danger-95: var(--red-95);--color-danger: var(--red);--color-danger-lt-50: var(--color-red-lt-50);--color-danger-gte-50: var(--color-red-gte-50);--color-danger-lt-60: var(--color-red-lt-60);--color-danger-gte-60: var(--color-red-gte-60);--color-danger-lt-70: var(--color-red-lt-70);--color-danger-gte-70: var(--color-red-gte-70);--color-danger-max-50: var(--color-red-max-50);--color-danger-min-50: var(--color-red-min-50);--color-danger-max-60: var(--color-red-max-60);--color-danger-min-60: var(--color-red-min-60);--color-danger-max-70: var(--color-red-max-70);--color-danger-min-70: var(--color-red-min-70);--color-danger-on: var(--color-red-on)}}@layer substrata.theme{:where(:root),.success-green{--color-success-05: var(--green-05);--color-success-10: var(--green-10);--color-success-20: var(--green-20);--color-success-30: var(--green-30);--color-success-40: var(--green-40);--color-success-50: var(--green-50);--color-success-60: var(--green-60);--color-success-70: var(--green-70);--color-success-80: var(--green-80);--color-success-90: var(--green-90);--color-success-95: var(--green-95);--color-success: var(--green);--color-success-lt-50: var(--color-green-lt-50);--color-success-gte-50: var(--color-green-gte-50);--color-success-lt-60: var(--color-green-lt-60);--color-success-gte-60: var(--color-green-gte-60);--color-success-lt-70: var(--color-green-lt-70);--color-success-gte-70: var(--color-green-gte-70);--color-success-max-50: var(--color-green-max-50);--color-success-min-50: var(--color-green-min-50);--color-success-max-60: var(--color-green-max-60);--color-success-min-60: var(--color-green-min-60);--color-success-max-70: var(--color-green-max-70);--color-success-min-70: var(--color-green-min-70);--color-success-on: var(--color-green-on)}}@layer substrata.theme{:where(:root),.warning-orange{--color-warning-05: var(--orange-05);--color-warning-10: var(--orange-10);--color-warning-20: var(--orange-20);--color-warning-30: var(--orange-30);--color-warning-40: var(--orange-40);--color-warning-50: var(--orange-50);--color-warning-60: var(--orange-60);--color-warning-70: var(--orange-70);--color-warning-80: var(--orange-80);--color-warning-90: var(--orange-90);--color-warning-95: var(--orange-95);--color-warning: var(--orange);--color-warning-lt-50: var(--color-orange-lt-50);--color-warning-gte-50: var(--color-orange-gte-50);--color-warning-lt-60: var(--color-orange-lt-60);--color-warning-gte-60: var(--color-orange-gte-60);--color-warning-lt-70: var(--color-orange-lt-70);--color-warning-gte-70: var(--color-orange-gte-70);--color-warning-max-50: var(--color-orange-max-50);--color-warning-min-50: var(--color-orange-min-50);--color-warning-max-60: var(--color-orange-max-60);--color-warning-min-60: var(--color-orange-min-60);--color-warning-max-70: var(--color-orange-max-70);--color-warning-min-70: var(--color-orange-min-70);--color-warning-on: var(--color-orange-on)}}@layer substrata.theme{:where(:root),.info-cyan{--color-info-05: var(--cyan-05);--color-info-10: var(--cyan-10);--color-info-20: var(--cyan-20);--color-info-30: var(--cyan-30);--color-info-40: var(--cyan-40);--color-info-50: var(--cyan-50);--color-info-60: var(--cyan-60);--color-info-70: var(--cyan-70);--color-info-80: var(--cyan-80);--color-info-90: var(--cyan-90);--color-info-95: var(--cyan-95);--color-info: var(--cyan);--color-info-lt-50: var(--color-cyan-lt-50);--color-info-gte-50: var(--color-cyan-gte-50);--color-info-lt-60: var(--color-cyan-lt-60);--color-info-gte-60: var(--color-cyan-gte-60);--color-info-lt-70: var(--color-cyan-lt-70);--color-info-gte-70: var(--color-cyan-gte-70);--color-info-max-50: var(--color-cyan-max-50);--color-info-min-50: var(--color-cyan-min-50);--color-info-max-60: var(--color-cyan-max-60);--color-info-min-60: var(--color-cyan-min-60);--color-info-max-70: var(--color-cyan-max-70);--color-info-min-70: var(--color-cyan-min-70);--color-info-on: var(--color-cyan-on)}}@layer substrata.theme{:where(:root),.neutral-gray{--color-neutral-05: var(--gray-05);--color-neutral-10: var(--gray-10);--color-neutral-20: var(--gray-20);--color-neutral-30: var(--gray-30);--color-neutral-40: var(--gray-40);--color-neutral-50: var(--gray-50);--color-neutral-60: var(--gray-60);--color-neutral-70: var(--gray-70);--color-neutral-80: var(--gray-80);--color-neutral-90: var(--gray-90);--color-neutral-95: var(--gray-95);--color-neutral: var(--gray);--color-neutral-lt-50: var(--color-gray-lt-50);--color-neutral-gte-50: var(--color-gray-gte-50);--color-neutral-lt-60: var(--color-gray-lt-60);--color-neutral-gte-60: var(--color-gray-gte-60);--color-neutral-lt-70: var(--color-gray-lt-70);--color-neutral-gte-70: var(--color-gray-gte-70);--color-neutral-max-50: var(--color-gray-max-50);--color-neutral-min-50: var(--color-gray-min-50);--color-neutral-max-60: var(--color-gray-max-60);--color-neutral-min-60: var(--color-gray-min-60);--color-neutral-max-70: var(--color-gray-max-70);--color-neutral-min-70: var(--color-gray-min-70);--color-neutral-on: var(--color-gray-on)}}@layer substrata.theme{:where(:root),.theme-default,.light,.dark .invert,.light .theme-default,.dark .theme-default.invert,.dark .theme-default .invert{color-scheme:light;color:var(--color-text-normal);background-color:var(--color-layer-base);cursor:var(--cursor-default);--cursor-default: default;--cursor-text: text;--cursor-pointer: pointer;--cursor-not-allowed: not-allowed;--cursor-grabbing: grabbing;--cursor-help: help;--color-layer-floating: white;--color-layer-base: color-mix(in oklab, var(--color-neutral-95) 20%, transparent);--color-layer-1: var(--color-neutral-90);--color-layer-2: var(--color-neutral-80);--color-layer-3: var(--color-neutral-70);--color-layer-stroke: var(--color-neutral-90);--color-layer-tinted-1: color-mix(in oklab, var(--color-layer-1), var(--color-brand) 4%);--color-layer-tinted-2: color-mix(in oklab, var(--color-layer-2), var(--color-brand) 8%);--color-layer-tinted-3: color-mix(in oklab, var(--color-layer-3), var(--color-brand) 16%);--color-text-normal: var(--color-neutral-10);--color-text-subtle: var(--color-neutral-40);--color-text-link: var(--color-brand-40);--color-overlay-modal: color-mix(in oklab, var(--color-neutral-05) 50%, transparent);--color-overlay-inline: color-mix(in oklab, var(--color-neutral-80) 20%, transparent);--color-shadow: color-mix(in oklab, var(--color-neutral-05) calc(var(--shadow-blur-scale) * 4% + 8%), transparent);--color-focus: var(--color-brand-60);--color-mix-hover: black 10%;--color-mix-active: black 20%;--disabled-opacity: .5;--color-brand-fill-subtle: var(--color-brand-95);--color-brand-fill-normal: var(--color-brand-90);--color-brand-fill-strong: var(--color-brand-50);--color-brand-stroke-subtle: var(--color-brand-90);--color-brand-stroke-normal: var(--color-brand-80);--color-brand-stroke-strong: var(--color-brand-60);--color-brand-on-subtle: var(--color-brand-40);--color-brand-on-normal: var(--color-brand-30);--color-brand-on-strong: white;--color-success-fill-subtle: var(--color-success-95);--color-success-fill-normal: var(--color-success-90);--color-success-fill-strong: var(--color-success-50);--color-success-stroke-subtle: var(--color-success-90);--color-success-stroke-normal: var(--color-success-80);--color-success-stroke-strong: var(--color-success-60);--color-success-on-subtle: var(--color-success-40);--color-success-on-normal: var(--color-success-30);--color-success-on-strong: white;--color-warning-fill-subtle: var(--color-warning-95);--color-warning-fill-normal: var(--color-warning-90);--color-warning-fill-strong: var(--color-warning-50);--color-warning-stroke-subtle: var(--color-warning-90);--color-warning-stroke-normal: var(--color-warning-80);--color-warning-stroke-strong: var(--color-warning-60);--color-warning-on-subtle: var(--color-warning-40);--color-warning-on-normal: var(--color-warning-30);--color-warning-on-strong: white;--color-danger-fill-subtle: var(--color-danger-95);--color-danger-fill-normal: var(--color-danger-90);--color-danger-fill-strong: var(--color-danger-50);--color-danger-stroke-subtle: var(--color-danger-90);--color-danger-stroke-normal: var(--color-danger-80);--color-danger-stroke-strong: var(--color-danger-60);--color-danger-on-subtle: var(--color-danger-40);--color-danger-on-normal: var(--color-danger-30);--color-danger-on-strong: white;--color-info-fill-subtle: var(--color-info-95);--color-info-fill-normal: var(--color-info-90);--color-info-fill-strong: var(--color-info-50);--color-info-stroke-subtle: var(--color-info-90);--color-info-stroke-normal: var(--color-info-80);--color-info-stroke-strong: var(--color-info-60);--color-info-on-subtle: var(--color-info-40);--color-info-on-normal: var(--color-info-30);--color-info-on-strong: white;--color-neutral-fill-subtle: var(--color-neutral-95);--color-neutral-fill-normal: var(--color-neutral-90);--color-neutral-fill-strong: var(--color-neutral-20);--color-neutral-stroke-subtle: var(--color-neutral-90);--color-neutral-stroke-normal: var(--color-neutral-80);--color-neutral-stroke-strong: var(--color-neutral-60);--color-neutral-on-subtle: var(--color-neutral-40);--color-neutral-on-normal: var(--color-neutral-30);--color-neutral-on-strong: white}.dark,.invert,.dark .theme-default,.light .theme-default.invert,.light .theme-default .invert{color-scheme:dark;color:var(--color-text-normal);background-color:var(--color-layer-base);--color-layer-floating: black;--color-layer-base: black;--color-layer-1: var(--color-neutral-05);--color-layer-2: var(--color-neutral-10);--color-layer-3: var(--color-neutral-20);--color-layer-stroke: var(--color-neutral-20);--color-layer-tinted-1: color-mix(in oklab, var(--color-layer-1), var(--color-brand) 4%);--color-layer-tinted-2: color-mix(in oklab, var(--color-layer-2), var(--color-brand) 8%);--color-layer-tinted-3: color-mix(in oklab, var(--color-layer-3), var(--color-brand) 16%);--color-text-normal: var(--color-neutral-95);--color-text-subtle: var(--color-neutral-60);--color-text-link: var(--color-brand-70);--color-overlay-modal: color-mix(in oklab, black 60%, transparent);--color-overlay-inline: color-mix(in oklab, var(--color-neutral-50) 10%, transparent);--color-shadow: color-mix(in oklab, var(--color-neutral-10) calc(var(--shadow-blur-scale) * 32% + 40%), transparent);--color-focus: var(--color-brand-60);--color-mix-hover: black 8%;--color-mix-active: black 16%;--disabled-opacity: .5;--color-brand-fill-subtle: var(--color-brand-10);--color-brand-fill-normal: var(--color-brand-20);--color-brand-fill-strong: var(--color-brand-50);--color-brand-stroke-subtle: var(--color-brand-20);--color-brand-stroke-normal: var(--color-brand-30);--color-brand-stroke-strong: var(--color-brand-40);--color-brand-on-subtle: var(--color-brand-60);--color-brand-on-normal: var(--color-brand-70);--color-brand-on-strong: white;--color-success-fill-subtle: var(--color-success-10);--color-success-fill-normal: var(--color-success-20);--color-success-fill-strong: var(--color-success-50);--color-success-stroke-subtle: var(--color-success-20);--color-success-stroke-normal: var(--color-success-30);--color-success-stroke-strong: var(--color-success-40);--color-success-on-subtle: var(--color-success-60);--color-success-on-normal: var(--color-success-70);--color-success-on-strong: white;--color-warning-fill-subtle: var(--color-warning-10);--color-warning-fill-normal: var(--color-warning-20);--color-warning-fill-strong: var(--color-warning-50);--color-warning-stroke-subtle: var(--color-warning-20);--color-warning-stroke-normal: var(--color-warning-30);--color-warning-stroke-strong: var(--color-warning-40);--color-warning-on-subtle: var(--color-warning-60);--color-warning-on-normal: var(--color-warning-70);--color-warning-on-strong: white;--color-danger-fill-subtle: var(--color-danger-10);--color-danger-fill-normal: var(--color-danger-20);--color-danger-fill-strong: var(--color-danger-50);--color-danger-stroke-subtle: var(--color-danger-20);--color-danger-stroke-normal: var(--color-danger-30);--color-danger-stroke-strong: var(--color-danger-40);--color-danger-on-subtle: var(--color-danger-60);--color-danger-on-normal: var(--color-danger-70);--color-danger-on-strong: white;--color-info-fill-subtle: var(--color-info-10);--color-info-fill-normal: var(--color-info-20);--color-info-fill-strong: var(--color-info-50);--color-info-stroke-subtle: var(--color-info-20);--color-info-stroke-normal: var(--color-info-30);--color-info-stroke-strong: var(--color-info-40);--color-info-on-subtle: var(--color-info-60);--color-info-on-normal: var(--color-info-70);--color-info-on-strong: white;--color-neutral-fill-subtle: var(--color-neutral-10);--color-neutral-fill-normal: var(--color-neutral-20);--color-neutral-fill-strong: var(--color-neutral-90);--color-neutral-stroke-subtle: var(--color-neutral-20);--color-neutral-stroke-normal: var(--color-neutral-30);--color-neutral-stroke-strong: var(--color-neutral-40);--color-neutral-on-subtle: var(--color-neutral-60);--color-neutral-on-normal: var(--color-neutral-70);--color-neutral-on-strong: var(--color-neutral-05)}:where(:root),.theme-default,.light,.dark,.invert{font-family:var(--font-family-body);--font-family-body: ui-sans-serif, system-ui, sans-serif;--font-family-heading: var(--font-family-body);--font-family-monospace: ui-monospace, monospace;--font-family-longform: ui-serif, serif;--opentype-case: "case" off;--opentype-sinf: "sinf" off;--font-size-scale: 1;--font-size-2xs: calc(.6875rem * var(--font-size-scale));--font-size-xs: calc(.75rem * var(--font-size-scale));--font-size-s: calc(.875rem * var(--font-size-scale));--font-size-m: calc(1rem * var(--font-size-scale));--font-size-l: calc(1.25rem * var(--font-size-scale));--font-size-xl: calc(1.625rem * var(--font-size-scale));--font-size-2xl: calc(2rem * var(--font-size-scale));--font-size-3xl: calc(2.5625rem * var(--font-size-scale));--font-size-4xl: calc(3.25rem * var(--font-size-scale));--font-size-smaller: round(calc(1em / 1.125), 1px);--font-size-larger: round(calc(1em * 1.125 * 1.125), 1px);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-semibold: 500;--font-weight-bold: 600;--font-weight-body: var(--font-weight-normal);--font-weight-heading: var(--font-weight-bold);--font-weight-action: var(--font-weight-semibold);--line-height-condensed: 1.2;--line-height-normal: 1.6;--line-height-expanded: 2;--link-decoration-default: underline color-mix(in oklab, currentColor 70%, transparent) dotted;--link-decoration-hover: underline;--space-scale: 1;--space-none: 0;--space-3xs: calc(var(--space-scale) * .125rem);--space-2xs: calc(var(--space-scale) * .25rem);--space-xs: calc(var(--space-scale) * .5rem);--space-s: calc(var(--space-scale) * .75rem);--space-m: calc(var(--space-scale) * 1rem);--space-l: calc(var(--space-scale) * 1.5rem);--space-xl: calc(var(--space-scale) * 2rem);--space-2xl: calc(var(--space-scale) * 2.5rem);--space-3xl: calc(var(--space-scale) * 3rem);--space-4xl: calc(var(--space-scale) * 4rem);--content-spacing: var(--space-l);--stroke-style: solid;--stroke-width-scale: 1;--stroke-width-s: calc(var(--stroke-width-scale) * .0625rem);--stroke-width-m: calc(var(--stroke-width-scale) * .125rem);--stroke-width-l: calc(var(--stroke-width-scale) * .1875rem);--corner-radius-scale: 1;@supports not (corner-shape: square){--corner-radius-scale: 0}--corner-radius-s: calc(var(--corner-radius-scale) * .1875rem);--corner-radius-m: calc(var(--corner-radius-scale) * .375rem);--corner-radius-l: calc(var(--corner-radius-scale) * .75rem);--corner-radius-pill: 9999px;--corner-radius-square: 0px;--corner-radius-circle: 50%;--corner-shape: square;--focus-stroke-style: solid;--focus-stroke-width: var(--stroke-width-m);--focus-ring: var(--focus-stroke-width) var(--focus-stroke-style) var(--color-focus);--focus-ring-offset: var(--stroke-width-s);--shadow-offset-x-scale: 0;--shadow-offset-x-s: calc(var(--shadow-offset-x-scale) * .125rem);--shadow-offset-x-m: calc(var(--shadow-offset-x-scale) * .25rem);--shadow-offset-x-l: calc(var(--shadow-offset-x-scale) * .5rem);--shadow-offset-y-scale: 1;--shadow-offset-y-s: calc(var(--shadow-offset-y-scale) * .125rem);--shadow-offset-y-m: calc(var(--shadow-offset-y-scale) * .25rem);--shadow-offset-y-l: calc(var(--shadow-offset-y-scale) * .5rem);--shadow-blur-scale: 1;--shadow-blur-s: calc(var(--shadow-blur-scale) * .125rem);--shadow-blur-m: calc(var(--shadow-blur-scale) * .25rem);--shadow-blur-l: calc(var(--shadow-blur-scale) * .5rem);--shadow-spread-scale: -.5;--shadow-spread-s: calc(var(--shadow-spread-scale) * .125rem);--shadow-spread-m: calc(var(--shadow-spread-scale) * .25rem);--shadow-spread-l: calc(var(--shadow-spread-scale) * .5rem);--shadow-s: var(--shadow-offset-x-s) var(--shadow-offset-y-s) var(--shadow-blur-s) var(--shadow-spread-s) var(--color-shadow);--shadow-m: var(--shadow-offset-x-m) var(--shadow-offset-y-m) var(--shadow-blur-m) var(--shadow-spread-m) var(--color-shadow);--shadow-l: var(--shadow-offset-x-l) var(--shadow-offset-y-l) var(--shadow-blur-l) var(--shadow-spread-l) var(--color-shadow);--duration-none: 0ms;--duration-ultra-fast: 50ms;--duration-faster: .1s;--duration-fast: .15s;--duration-normal: .2s;--duration-gentle: .25s;--duration-slow: .3s;--duration-slower: .4s;--duration-ultra-slow: .5s;--ease-accelerate-max: cubic-bezier(.9,.1,1,.2);--ease-accelerate-mid: cubic-bezier(1,0,1,1);--ease-accelerate-min: cubic-bezier(.8,0,.78,1);--ease-decelerate-max: cubic-bezier(.1,.9,.2,1);--ease-decelerate-mid: cubic-bezier(0,0,0,1);--ease-decelerate-min: cubic-bezier(.33,0,.1,1);--ease-easy-max: cubic-bezier(.8,0,.2,1);--ease-easy: cubic-bezier(.33,0,.67,1);--ease-linear: cubic-bezier(0,0,1,1);--form-control-fill-color: var(--color-layer-base);--form-control-stroke-color: var(--color-neutral-stroke-strong);--form-control-stroke-style: var(--stroke-style);--form-control-stroke-width: var(--stroke-width-s);--form-control-corner-radius: var(--corner-radius-m);--form-control-activated-color: var(--color-brand-fill-strong);--form-control-label-color: var(--color-text-normal);--form-control-label-font-weight: var(--font-weight-semibold);--form-control-label-line-height: var(--line-height-condensed);--form-control-value-color: var(--color-text-normal);--form-control-value-font-weight: var(--font-weight-body);--form-control-value-line-height: var(--line-height-condensed);--form-control-hint-color: var(--color-text-subtle);--form-control-hint-font-weight: var(--font-weight-body);--form-control-hint-line-height: var(--line-height-normal);--form-control-placeholder-color: var(--color-gray-50);--form-control-required-content: "*";--form-control-required-content-color: inherit;--form-control-required-content-offset: -.1em;--form-control-padding-block: .75em;--form-control-padding-inline: 1em;--form-control-height: round( calc(2 * var(--form-control-padding-block) + 1em * var(--form-control-value-line-height)), 1px );--form-control-toggle-size: round(1.25em, 1px);--panel-stroke-style: var(--stroke-style);--panel-stroke-width: var(--stroke-width-s);--panel-corner-radius: var(--corner-radius-l);--tooltip-arrow-size: .375rem;--tooltip-fill-color: var(--color-text-normal);--tooltip-corner-radius: var(--corner-radius-s);--tooltip-content-color: var(--color-layer-default);--tooltip-font-size: var(--font-size-s);--tooltip-line-height: var(--line-height-normal)}}@layer substrata.native{:where(code,samp,var){font-family:var(--font-family-monospace);font-size:var(--font-size-smaller);background-color:var(--color-overlay-inline);border-radius:var(--corner-radius-s);padding:.125em .25em}:where(pre){padding:var(--space-m);font-family:var(--font-family-monospace);font-size:var(--font-size-smaller);white-space:pre;background-color:var(--color-overlay-inline);border-radius:var(--corner-radius-m);corner-shape:var(--corner-shape, round);& code,samp,var{padding:0;font-size:1em;background-color:transparent}@media print{background:none;border:var(--stroke-width-s) solid var(--color-layer-stroke)}}}@layer substrata.native{:where(address,audio,blockquote,dd,details:not(.accordion>details),dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,iframe,ol,p,pre,table,ul,video){margin:0;&:has(+*){margin-block-end:var(--content-spacing)}}:where(hr){border:none;border-bottom:var(--stroke-width-s) var(--stroke-style) var(--color-layer-stroke);margin:var(--content-spacing) 0}:where(td,math,time[datetime*=":"]){font-variant-numeric:tabular-nums lining-nums slashed-zero}:lang(en)>*{quotes:"“" "”" "‘" "’"}:lang(en-GB)>*{quotes:"‘" "’" "“" "”"}:lang(fr)>*{quotes:"«?0202F" "?0202F»" "“" "”"}:where(q,.quoted p:first-of-type,blockquote p:first-of-type){&:before{content:open-quote}&:after{content:close-quote}}:where(.quoted p,blockquote p){hanging-punctuation:first last;&:first-of-type:before{margin-inline-start:-.87ch}@supports (hanging-punctuation: first last){&:first-of-type:before{margin-inline-start:0}}}}@layer substrata.native{:where(label){display:inline-block;color:var(--form-control-label-color);font-weight:var(--form-control-label-font-weight);line-height:var(--form-control-label-line-height);&:has(input:is([type=checkbox],[type=radio])){display:flex inline;align-items:center;gap:var(--space-xs)}&:has(input:not([type=button],[type=checkbox],[type=color],[type=file],[type=hidden],[type=image],[type=radio],[type=range],[type=reset],[type=submit]),select,textarea){width:100%}+:is(input:not([type=checkbox],[type=radio]),textarea,select),>:is(input:not([type=checkbox],[type=radio]),textarea,select){margin-block-start:var(--space-xs)}}:where(fieldset){border:var(--stroke-style) var(--color-layer-stroke);border-radius:var(--corner-radius-m);corner-shape:var(--corner-shape, round);padding:var(--space-m);padding-block-end:var(--space-xl)}:where(legend){padding:0;padding-inline:var(--space-2xs);font-weight:var(--form-control-label-font-weight)}:where(button,input,select,textarea){font:inherit}:where(form){:where(.valid,.invalid,:user-valid,:user-invalid){--focus-ring: var(--focus-stroke-width) var(--focus-stroke-style) var(--color-focus)}:where(.invalid,:user-invalid){--form-control-stroke-color: var(--color-danger-stroke-strong);--form-control-activated-color: var(--color-danger-fill-strong);--form-control-value-color: var(--color-danger-on-subtle);--color-focus: var(--color-danger-stroke-strong);--color-text-subtle: var(--color-danger-on-subtle)}:where(.valid,:user-valid){--form-control-stroke-color: var(--color-success-stroke-strong);--form-control-activated-color: var(--color-success-fill-strong);--form-control-value-color: var(--color-success-on-subtle);--color-focus: var(--color-success-stroke-strong);--color-text-subtle: var(--color-success-on-subtle)}}}@layer substrata.native{:where(img,svg,picture,video){max-width:100%;height:auto;border-radius:var(--corner-radius-m);corner-shape:var(--corner-shape)}:where(embed,iframe,object){max-width:100%}:where(iframe,canvas){border:none}}@layer substrata.native{:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-condensed);text-wrap:balance}:where(h1){font-size:var(--font-size-3xl);font-variant-ligatures:discretionary-ligatures;font-size-adjust:.521}:where(h2,h3,h4){font-size-adjust:.514;font-variant-numeric:lining-nums}:where(h2){font-size:var(--font-size-2xl)}:where(h3){font-size:var(--font-size-xl)}:where(h4){font-size:var(--font-size-l)}:where(h5){font-size:var(--font-size-m)}:where(h6){font-size:var(--font-size-s)}:where(p){text-wrap:pretty}:where(strong,b){font-weight:var(--font-weight-bold)}:where(em,i){font-style:italic}:where(u){text-decoration-line:underline;text-decoration-thickness:.09375em;text-underline-offset:.125em}:where(s){text-decoration-line:line-through;text-decoration-thickness:.09375em}:where(ins){text-decoration-color:var(--color-success-on-subtle);text-decoration-line:underline;text-decoration-thickness:.09375em;text-underline-offset:.125em}:where(del){color:color-mix(in oklab,currentColor,transparent 10%);text-decoration-color:var(--color-danger-on-subtle);text-decoration-line:line-through;text-decoration-thickness:.09375em}:where(mark){padding:.125em .25em;color:var(--color-warning-on-subtle);background-color:var(--color-warning-fill-subtle);border-radius:var(--corner-radius-s)}:where(small){font-size:var(--font-size-smaller)}:where(sub,sup){font-size:var(--font-size-smaller);line-height:0}:where(sub){vertical-align:sub;@supports (font-variant-position: sub){font-variant-position:sub}}:where(sup){vertical-align:super;@supports (font-variant-position: super){font-variant-position:super}}:where(abbr[title]){text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:.09375em;text-underline-offset:.125em;cursor:var(--cursor-help, help)}:where(kbd){padding:.125em .25em;font-family:var(--font-family-monospace);font-size:var(--font-size-smaller);border:var(--stroke-width-s) solid color-mix(in oklab,currentColor,transparent 50%);border-radius:var(--corner-radius-s);box-shadow:0 .125em color-mix(in oklab,currentColor,transparent 50%);svg{display:inline;vertical-align:-2px}}}@layer substrata.utilities{:where(.gap-none,.gap-3xs,.gap-2xs,.gap-xs,.gap-s,.gap-m,.gap-l,.gap-xl,.gap-2xl,.gap-3xl,){display:flex}.gap-none{gap:0}.gap-3xs{gap:var(--space-3xs)}.gap-2xs{gap:var(--space-2xs)}.gap-xs{gap:var(--space-xs)}.gap-s{gap:var(--space-s)}.gap-m{gap:var(--space-m)}.gap-l{gap:var(--space-l)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.gap-3xl{gap:var(--space-3xl)}}@layer substrata.utilities{.size-s{font-size:var(--font-size-s)}.size-m{font-size:var(--font-size-m)}.size-l{font-size:var(--font-size-l)}}@layer substrata.utilities{.heading-xs,.heading-s,.heading-m,.heading-l,.heading-xl,.heading-2xl,.heading-3xl{font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-condensed);text-wrap:balance}.heading-xs{font-size:var(--font-size-s)}.heading-s{font-size:var(--font-size-m)}.heading-m{font-size:var(--font-size-l)}.heading-l{font-size:var(--font-size-xl)}.heading-xl{font-size:var(--font-size-2xl)}.heading-2xl{font-size:var(--font-size-3xl)}.heading-3xl{font-size:var(--font-size-4xl)}.body-xs,.body-s,.body-m,.body-l,.body-xl{font-family:var(--font-family-body);font-weight:var(--font-weight-body);line-height:var(--line-height-normal)}.body-xs{font-size:var(--font-size-xs)}.body-s{font-size:var(--font-size-s)}.body-m{font-size:var(--font-size-m)}.body-l{font-size:var(--font-size-l)}.body-xl{font-size:var(--font-size-xl)}.caption-xs,.caption-s,.caption-m,.caption-l,.caption-xl{color:var(--color-text-subtle);font-family:var(--font-family-body);font-weight:var(--font-weight-body);line-height:var(--line-height-condensed)}.caption-xs{font-size:var(--font-size-2xs)}.caption-s{font-size:var(--font-size-xs)}.caption-m{font-size:var(--font-size-s)}.caption-l{font-size:var(--font-size-m)}.caption-xl{font-size:var(--font-size-l)}.uppercase{text-transform:uppercase}}@layer substrata.utilities{@property --color-fill-strong{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-fill-normal{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-fill-subtle{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-stroke-strong{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-stroke-normal{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-stroke-subtle{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-on-strong{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-on-normal{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-on-subtle{syntax: "<color>"; inherits: true; initial-value: transparent;}:not(.neutral,.brand,.success,.warning,.danger,.info){--color-fill-strong: var(--no-variant, var(--color-neutral-fill-strong));--color-fill-normal: var(--no-variant, var(--color-neutral-fill-normal));--color-fill-subtle: var(--no-variant, var(--color-neutral-fill-subtle));--color-stroke-strong: var(--no-variant, var(--color-neutral-stroke-strong));--color-stroke-normal: var(--no-variant, var(--color-neutral-stroke-normal));--color-stroke-subtle: var(--no-variant, var(--color-neutral-stroke-subtle));--color-on-strong: var(--no-variant, var(--color-neutral-on-strong));--color-on-normal: var(--no-variant, var(--color-neutral-on-normal));--color-on-subtle: var(--no-variant, var(--color-neutral-on-subtle))}:where(:root),.neutral,:host([variant="neutral"]){--color-fill-strong: var(--color-neutral-fill-strong);--color-fill-normal: var(--color-neutral-fill-normal);--color-fill-subtle: var(--color-neutral-fill-subtle);--color-stroke-strong: var(--color-neutral-stroke-strong);--color-stroke-normal: var(--color-neutral-stroke-normal);--color-stroke-subtle: var(--color-neutral-stroke-subtle);--color-on-strong: var(--color-neutral-on-strong);--color-on-normal: var(--color-neutral-on-normal);--color-on-subtle: var(--color-neutral-on-subtle)}.brand,:host([variant="brand"]){--color-fill-strong: var(--color-brand-fill-strong);--color-fill-normal: var(--color-brand-fill-normal);--color-fill-subtle: var(--color-brand-fill-subtle);--color-stroke-strong: var(--color-brand-stroke-strong);--color-stroke-normal: var(--color-brand-stroke-normal);--color-stroke-subtle: var(--color-brand-stroke-subtle);--color-on-strong: var(--color-brand-on-strong);--color-on-normal: var(--color-brand-on-normal);--color-on-subtle: var(--color-brand-on-subtle)}.success,:host([variant="success"]){--color-fill-strong: var(--color-success-fill-strong);--color-fill-normal: var(--color-success-fill-normal);--color-fill-subtle: var(--color-success-fill-subtle);--color-stroke-strong: var(--color-success-stroke-strong);--color-stroke-normal: var(--color-success-stroke-normal);--color-stroke-subtle: var(--color-success-stroke-subtle);--color-on-strong: var(--color-success-on-strong);--color-on-normal: var(--color-success-on-normal);--color-on-subtle: var(--color-success-on-subtle)}.warning,:host([variant="warning"]){--color-fill-strong: var(--color-warning-fill-strong);--color-fill-normal: var(--color-warning-fill-normal);--color-fill-subtle: var(--color-warning-fill-subtle);--color-stroke-strong: var(--color-warning-stroke-strong);--color-stroke-normal: var(--color-warning-stroke-normal);--color-stroke-subtle: var(--color-warning-stroke-subtle);--color-on-strong: var(--color-warning-on-strong);--color-on-normal: var(--color-warning-on-normal);--color-on-subtle: var(--color-warning-on-subtle)}.danger,:host([variant="danger"]){--color-fill-strong: var(--color-danger-fill-strong);--color-fill-normal: var(--color-danger-fill-normal);--color-fill-subtle: var(--color-danger-fill-subtle);--color-stroke-strong: var(--color-danger-stroke-strong);--color-stroke-normal: var(--color-danger-stroke-normal);--color-stroke-subtle: var(--color-danger-stroke-subtle);--color-on-strong: var(--color-danger-on-strong);--color-on-normal: var(--color-danger-on-normal);--color-on-subtle: var(--color-danger-on-subtle)}.info,:host([variant="info"]){--color-fill-strong: var(--color-info-fill-strong);--color-fill-normal: var(--color-info-fill-normal);--color-fill-subtle: var(--color-info-fill-subtle);--color-stroke-strong: var(--color-info-stroke-strong);--color-stroke-normal: var(--color-info-stroke-normal);--color-stroke-subtle: var(--color-info-stroke-subtle);--color-on-strong: var(--color-info-on-strong);--color-on-normal: var(--color-info-on-normal);--color-on-subtle: var(--color-info-on-subtle)}:where(.neutral,.brand,.success,.warning,.danger,.info){--no-variant: }}@layer substrata.utilities{.visually-hidden:not(:focus-within),.visually-hidden-force{position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:none!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important}}:where(.alert){display:block;align-items:stretch;padding:var(--space-m);border-width:var(--stroke-width-s);border-style:var(--stroke-style);border-color:transparent;border-radius:var(--corner-radius-m);corner-shape:var(--corner-shape, round);background-color:var(--color-fill-subtle, var(--color-neutral-fill-subtle));color:var(--color-on-subtle, var(--color-neutral-on-subtle));.alert-title{display:flex;align-items:center;gap:var(--space-xs)}}:where(.avatar){display:flex block;justify-content:center;align-items:center;font-size:var(--font-size-larger);line-height:var(--line-height-condensed);font-weight:var(--font-weight-bold);color:var(--color-on-subtle);background-color:var(--color-fill-subtle);inline-size:var(--avatar-size, 60px);block-size:var(--avatar-size, 60px);aspect-ratio:1;border-width:var(--stroke-width-m);border-style:var(--stroke-style);border-color:var(--color-stroke-normal);border-radius:var(--corner-radius-circle);contain:content;img{object-fit:cover;aspect-ratio:1}}:where(.badge){display:flex inline;align-items:center;justify-content:center;vertical-align:middle;font-size:var(--font-size-xs);line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);gap:var(--space-3xs);padding-inline:var(--space-2xs);padding-block:var(--space-3xs);background-color:var(--color-fill-subtle, var(--color-neutral-fill-subtle));color:var(--color-on-subtle, var(--color-neutral-on-subtle));border-width:var(--stroke-width-s);border-style:var(--stroke-style);border-color:transparent;border-radius:var(--corner-radius-m);corner-shape:var(--corner-shape);block-size:1lh;inline-size:fit-content}:where(blockquote){position:relative;font-family:var(--font-family-longform);font-size:var(--font-size-l);font-style:italic;background-color:var(--color-neutral-fill-subtle);color:var(--color-text-normal);border-radius:var(--corner-radius-m);corner-shape:var(--corner-shape, round);padding:var(--space-xl);margin:0 0 var(--space-xl) 0;>:first-child{margin-block-start:0}>:last-child{margin-block-end:0}}:where(.breadcrumb){display:flex block;gap:var(--space-s);list-style:none;padding:0;margin:0;li{display:flex inline;margin:0}.breadcrumb-item{gap:var(--space-xs);a{display:flex inline;gap:var(--space-xs)}}}:where(button,input[type=button],input[type=submit],input[type=reset],.button){display:flex inline;align-items:center;justify-content:center;vertical-align:middle;gap:var(--space-xs);font-family:inherit;font-size:var(--form-control-value-font-size);font-weight:var(--font-weight-semibold);line-height:calc(var(--form-control-height) - var(--stroke-width) * 2);cursor:var(--cursor-pointer, pointer);user-select:none;text-decoration:none;white-space:nowrap;block-size:var(--form-control-height);padding-inline:var(--form-control-padding-inline);color:var(--color-on-strong, var(--color-neutral-on-strong));background-color:var(--color-fill-strong, var(--color-neutral-fill-strong));border-color:transparent;border-style:var(--stroke-style);border-width:max(1px,var(--form-control-stroke-width));border-radius:var(--form-control-corner-radius);corner-shape:var(--corner-shape, round);&:not(:disabled):hover{color:var(--color-on-strong, var(--color-neutral-on-strong));background-color:color-mix(in oklab,var(--color-fill-strong, var(--color-neutral-fill-strong)),var(--color-mix-hover))}&:not(:disabled):active{color:var(--color-on-strong, var(--color-neutral-on-strong));background-color:color-mix(in oklab,var(--color-fill-strong, var(--color-neutral-fill-strong)),var(--color-mix-active))}&.stealth{color:var(--color-on-subtle, var(--color-neutral-on-subtle));background-color:transparent;border-color:transparent;&:not(:disabled){&:hover{color:var(--color-on-subtle, var(--color-neutral-on-subtle));background-color:var(--color-fill-subtle, var(--color-neutral-fill-subtle))}&:active{color:var(--color-on-subtle, var(--color-neutral-on-subtle));background-color:color-mix(in oklab,var(--color-fill-subtle, var(--color-neutral-fill-subtle)),var(--color-mix-active))}}}&.outlined{color:var(--color-on-subtle, var(--color-neutral-on-subtle));background-color:transparent;border-color:var(--color-stroke-strong, var(--color-neutral-stroke-strong));&:not(:disabled){&:hover{color:var(--color-on-subtle, var(--color-neutral-on-subtle));background-color:var(--color-fill-subtle, var(--color-neutral-fill-subtle))}&:active{color:var(--color-on-subtle, var(--color-neutral-on-subtle));background-color:color-mix(in oklab,var(--color-fill-subtle, var(--color-neutral-fill-subtle)),var(--color-mix-active))}}}&.subtle{color:var(--color-on-subtle, var(--color-neutral-on-subtle));background-color:var(--color-fill-subtle, var(--color-neutral-fill-subtle));border-color:transparent;&:not(:disabled){&:hover{color:var(--color-on-subtle, var(--color-neutral-on-subtle));background-color:color-mix(in oklab,var(--color-fill-subtle, var(--color-neutral-fill-subtle)),var(--color-mix-hover))}&:active{color:var(--color-on-subtle, var(--color-neutral-on-subtle));background-color:color-mix(in oklab,var(--color-fill-subtle, var(--color-neutral-fill-subtle)),var(--color-mix-active))}}&.outlined{border-color:var(--color-stroke-subtle, var(--color-neutral-stroke-subtle))}}&.accent{color:var(--color-on-strong, var(--color-neutral-on-strong));background-color:var(--color-fill-strong, var(--color-neutral-fill-strong));border-color:transparent;&:not(:disabled){&:hover{color:var(--color-on-strong, var(--color-neutral-on-strong));background-color:color-mix(in oklab,var(--color-fill-strong, var(--color-neutral-fill-strong)),var(--color-mix-hover))}&:active{color:var(--color-on-strong, var(--color-neutral-on-strong));background-color:color-mix(in oklab,var(--color-fill-strong, var(--color-neutral-fill-strong)),var(--color-mix-active))}}}&.plain{color:var(--color-text-normal);background-color:transparent;padding:0;&:not(:disabled){&:hover{background-color:transparent;color:var(--color-brand-on-normal)}&:active{background-color:transparent;color:var(--color-brand-on-subtle)}}}&.pill{border-radius:var(--corner-radius-pill)}&:focus{outline:none}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}&:is(::-moz-focus-inner){border:0}&:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;*{pointer-events:none}}&.icon-only{inline-size:var(--form-control-height);padding-inline:0}}:where(.card){display:flex block;flex-flow:column;contain:content;block-size:var(--card-height, fit-content);inline-size:var(--card-height, fit-content);color:var(--color-text-normal);background-color:var(--color-layer-1);border-width:var(--stroke-width-s);border-style:var(--stroke-style);border-color:var(--color-stroke-subtle);border-radius:var(--corner-radius-l);corner-shape:var(--corner-shape);.badges{display:flex block;flex-flow:row wrap;gap:var(--space-2xs);padding:var(--space-xs);align-items:center;justify-content:flex-end}.media>*{border-radius:0}.title{padding-block-start:var(--space-2xs);padding-inline:var(--space-xs)}.action{display:flex block;padding:var(--space-xs);>:is(button,.button){flex:1 1 auto}}&[clickable]{position:relative;&:has(:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}:is(button,.button,a):focus-visible{outline:none}:is(button,.button,a):after{content:"";position:absolute;inset:0;block-size:100%;inline-size:100%;border-radius:inherit;z-index:2}}}:where(:where(input[type=checkbox],label:has(input[type=checkbox]),input[type=radio],label:has(input[type=radio]),.checkbox,.radio):not([role=switch])){display:flex inline;width:fit-content;color:var(--form-control-value-color);font-family:inherit;font-size:var(--form-control-value-font-size);font-weight:var(--form-control-value-font-weight);line-height:var(--form-control-value-line-height);user-select:none;-webkit-user-select:none;&,+label{cursor:var(--cursor-pointer, pointer)}&:disabled,&:has(:disabled){opacity:var(--disabled-opacity);cursor:var(--cursor-not-allowed, not-allowed)}}:where(input[type=checkbox],input[type=radio],.checkbox,.radio):not([role=switch]){appearance:none;position:relative;flex:0 0 auto;align-items:center;justify-content:center;margin:0;inline-size:var(--form-control-toggle-size);block-size:var(--form-control-toggle-size);background-color:var(--form-control-fill-color);border-color:var(--form-control-stroke-color);border-style:var(--form-control-stroke-style);border-width:var(--form-control-stroke-width);&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}}:where(:where(input[type=checkbox],.checkbox):not([role=switch])){--icon-checked: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267l7.468-7.038a.75.75 0 0 1 1.06.032'/%3E%3C/svg%3E");--icon-indeterminate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M2 7.75A.75.75 0 0 1 2.75 7h10.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.75'/%3E%3C/svg%3E");--checked-icon-color: var(--color-brand-on-strong);--checked-icon-scale: 1;border-radius:min(calc(var(--form-control-toggle-size) * .375),var(--corner-radius-s));corner-shape:var(--corner-shape, round);&:checked,&:indeterminate{color:var(--checked-icon-color);background-color:var(--form-control-activated-color);border-color:var(--form-control-activated-color)}&:checked:after,&:indeterminate:after{content:"";position:absolute;inline-size:100%;block-size:100%;background-color:currentColor;mask-position:center;mask-repeat:no-repeat;scale:var(--checked-icon-scale)}&:checked:after{mask-image:var(--icon-checked)}&:indeterminate:after{mask-image:var(--icon-indeterminate)}}:where(input[type=radio],.radio):not([role=switch]){--checked-icon-color: var(--form-control-activated-color);--checked-icon-scale: .65;color:transparent;border-radius:var(--corner-radius-circle);corner-shape:var(--corner-shape);&:checked{color:var(--checked-icon-color);border-color:var(--form-control-activated-color);&:after{position:absolute;content:"";aspect-ratio:1;width:round(calc(100% * var(--checked-icon-scale)),1px);background-color:currentColor;border-radius:var(--corner-radius-circle)}}}:where(.menu){display:flex block;flex-flow:column;list-style:none;background-color:var(--color-fill-subtle);color:var(--color-on-subtle);padding-block:var(--space-s);box-sizing:border-box;border-radius:var(--corner-radius-m);corner-shape:var(--corner-shape);&.dense{:where(li,option){gap:var(--space-xs);font-size:var(--font-size-s);padding-block:var(--space-2xs);padding-inline:var(--space-xs);&:has(>a,>button,>label){min-block-size:auto;padding:0}>:where(a,button,label){gap:var(--space-3xs);font-size:var(--font-size-s);padding-block:var(--space-2xs);padding-inline:var(--space-xs)}&.inset .text{padding-inline-start:var(--space-m)}}}:where(li,option,[role=group]>label){display:flex block;align-items:center;margin:0;min-block-size:var(--form-control-height);padding-block:var(--space-xs);padding-inline:var(--space-s);gap:var(--space-xs);&:before,&::checkmark{display:none}*{font-size:inherit;font-weight:inherit;line-height:inherit}&:has(>a,>button,>label){background-color:transparent;display:block;min-block-size:auto;padding:0}&:where(option){display:flex block;align-items:center;color:inherit;cursor:var(--cursor-pointer);gap:var(--space-xs);inline-size:100%;margin:0;min-block-size:var(--form-control-height);padding:var(--space-xs) var(--space-s);text-align:start;text-decoration:none;&:not(:disabled):hover{color:var(--color-on-subtle);background-color:color-mix(in oklab,var(--color-fill-subtle),var(--color-mix-hover))}&:not(:disabled):checked{color:var(--color-on-subtle);background-color:color-mix(in oklab,var(--color-fill-subtle),var(--color-mix-active))}&:disabled{cursor:var(--cursor-not-allowed);opacity:var(--disabled-opacity)}}>button{all:unset;box-sizing:border-box}>a,>button,>label{display:flex block;align-items:center;color:inherit;font:inherit;cursor:var(--cursor-pointer);gap:var(--space-xs);inline-size:100%;margin:0;min-block-size:var(--form-control-height);padding:var(--space-xs) var(--space-s);text-align:start;text-decoration:none;&:not(:disabled):active,&:has(:not(:disabled):checked){color:var(--color-on-subtle);background-color:color-mix(in oklab,var(--color-fill-subtle),var(--color-mix-active))}&:not(:disabled):hover{color:var(--color-on-subtle);background-color:color-mix(in oklab,var(--color-fill-subtle),var(--color-mix-hover))}}&.separator{position:relative;margin-block-start:var(--space-xs);&:before{content:"";display:block;block-size:1px;inline-size:100%;position:absolute;border-block-start:var(--stroke-width-s) var(--stroke-style) var(--color-stroke-subtle);inset:calc(-1 * var(--space-2xs) - 1px) 0 auto 0}}.text{flex:1;line-height:var(--line-height-normal);:where(h1,h2,h3,h4,h5,h6,p,span){color:inherit;font-weight:var(--font-weight-normal)}p+p{font-size:var(--font-size-smaller)}}.start{display:grid;align-self:center;align-items:center;&:has(svg){max-inline-size:var(--space-l)}.avatar{--avatar-size: 48px}img{aspect-ratio:1;inline-size:56px;object-fit:cover}video{aspect-ratio:16/9;inline-size:64px;object-fit:cover}}.end{display:flex inline;align-items:center;text-align:end;&:not(:has(a,button,input)){pointer-events:none}kbd{background-color:transparent;border:none;box-shadow:none;color:inherit;opacity:.6}svg{max-inline-size:var(--space-l);inline-size:100%}}&.inset{.start{display:none}.text{padding-inline-start:var(--space-l)}}}}:where(.context-menu){position:absolute;inset:0;position-try:start end;border:0;box-shadow:var(--shadow-l);min-width:200px;display:none;&:popover-open{display:flex}}:where(.copy-button){.checkmark{display:none}&.copied{.copy{display:none}.checkmark{display:inline}}}:where(.data-table){th{text-align:left;button{svg{pointer-events:none}&.active{color:var(--color-brand-on-subtle)}.sort-down,.sort-up{display:none}&[aria-sort=desc],&[aria-sort=asc]{.sort{display:none}}&[aria-sort=desc] .sort-down{display:inline}&[aria-sort=asc] .sort-up{display:inline}}}tfoot{tr{text-align:center}}}:where(:has(>.ribbon)){position:relative}:where(.ribbon){position:absolute;display:flex inline;align-items:center;justify-content:center;vertical-align:middle;font-size:var(--font-size-xs);line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);gap:var(--space-3xs);padding-inline:var(--space-2xs);padding-block:var(--space-3xs);background-color:var(--color-fill-subtle, var(--color-neutral-fill-subtle));color:var(--color-on-subtle, var(--color-neutral-on-subtle));border-width:var(--stroke-width-s);border-style:var(--stroke-style);border-color:transparent;border-radius:var(--corner-radius-m);corner-shape:var(--corner-shape) var(--corner-shape) square var(--corner-shape);min-block-size:1lh;inline-size:fit-content;inset-block-start:2px;text-transform:uppercase;box-shadow:var(--shadow-m);&:before{content:"";position:absolute;border-width:var(--space-xs);border-style:solid;border-color:transparent;border-top-color:var(--color-stroke-subtle);inset-block-start:calc(100% + 1px)}&.start{inset-inline-start:calc((var(--position-nudge, 0px) + var(--space-s)) * -1);&:before{border-inline-start-width:var(--space-s);border-inline-end-width:0;inset-inline-start:-1px}}&.end{inset-inline-end:calc((var(--position-nudge, 0px) + var(--space-s)) * -1);&:before{border-inline-start-width:0;border-inline-end-width:var(--space-s);inset-inline-end:-1px}}}:where(select){--fill-color: var(--form-control-fill-color);--stroke-color: var(--form-control-stroke-color);--text-color: var(--form-control-value-color);--stroke-width: var(--form-control-stroke-width);--corner-radius: var(--form-control-corner-radius);--padding-block: var(--space-xs);--padding-inline: var(--space-xs);--icon-collapsed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");--icon-expanded: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/%3E%3C/svg%3E");--icon-checked: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267l7.468-7.038a.75.75 0 0 1 1.06.032'/%3E%3C/svg%3E");--list-gap: var(--space-2xs);--list-padding-block: var(--space-2xs);--list-padding-inline: var(--space-2xs);display:flex block;position:relative;overflow:hidden;inline-size:fit-content;background-color:var(--fill-color);color:var(--text-color);border:var(--stroke-width) var(--stroke-style) var(--stroke-color);border-radius:var(--corner-radius);corner-shape:var(--corner-shape);cursor:var(--cursor-pointer, pointer)}:where(select:has(button)){&:focus{outline:none}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}&::picker-icon{content:"";width:1em;height:1em;background-color:currentColor;mask-image:var(--icon-collapsed);mask-repeat:no-repeat;align-self:center}&:open::picker-icon{mask-image:var(--icon-expanded)}button{background-color:transparent;color:inherit;padding:0;height:fit-content;justify-content:space-between}selectedcontent{display:contents;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}&::picker(select){border:0;inset:auto;border-radius:var(--corner-radius);corner-shape:var(--corner-shape);box-shadow:var(--shadow-l);border-width:var(--stroke-width-s);border-style:var(--stroke-style);border-color:var(--color-stroke-subtle)}.menu{background-color:var(--color-layer-floating)}}:where(.select:not(:has(button))){display:flex block;width:fit-content;position:relative;&:after{content:"";position:absolute;width:1em;height:1em;align-self:center;right:var(--padding-inline);background-color:currentColor;mask-image:var(--icon-collapsed);mask-repeat:no-repeat;pointer-events:none}&:has(:open):after{mask-image:var(--icon-expanded)}select{appearance:none;padding-block:var(--padding-block);padding-inline:var(--padding-inline);padding-inline-end:var(--space-s);font-weight:var(--font-weight-semibold);&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}}}:where(select:not(button)){font-weight:var(--font-weight-semibold);&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}}select:has(button),::picker(select){appearance:base-select}:where(.skeleton){display:flex block;overflow:hidden;width:var(--skeleton-width, 100%);height:var(--skeleton-height, var(--form-control-height));border-radius:var(--corner-radius-s);background-color:var(--color-fill-subtle, var(--color-neutral-fill-subtle));&[hidden]{display:none}&.circle{aspect-ratio:1 / 1;height:var(--skeleton-width, 1lh);border-radius:var(--corner-radius-circle)}&.rectangle{corner-shape:var(--corner-shape, round)}&.text{--skeleton-height: var(--line-height-condensed);corner-shape:var(--corner-shape, round)}&.shimmer{position:relative;&:after{content:"";width:100%;height:100%;background-image:linear-gradient(270deg,var(--color-fill-subtle, var(--color-neutral-fill-subtle)) 0%,var(--color-fill-normal, var(--color-neutral-fill-normal)) 51.13%,var(--color-fill-subtle, var(--color-neutral-fill-subtle)) 100%);position:absolute;background-repeat:no-repeat;offset-path:ray(90deg sides at center);animation:shimmer calc(var(--duration-ultra-slow) * 4) infinite;animation-timing-function:ease-in-out;offset-position:auto}}}@keyframes shimmer{0%{offset-distance:-200%}to{offset-distance:200%}}.theme-switch[data-astro-cid-7iqylzmi]{.sun{display:initial}.moon{display:none}}.dark .theme-switch[data-astro-cid-7iqylzmi]{.sun{display:none}.moon{display:initial}}.persona{display:flex block;gap:var(--space-xs);inline-size:fit-content;.avatar{align-self:center}.persona-info{display:flex block;flex-flow:column}.socials{display:flex block;gap:var(--space-xs);align-items:center}&.dense{.info{display:block;flex-flow:unset}}}.socials{list-style:none;display:flex;gap:var(--space-xs);margin:0;li{margin:0}a{height:1.75em;width:1.75em}}header[data-astro-cid-yu3cdcui]{display:flex block;width:100%;padding-inline:var(--space-s);padding-block:var(--space-xs);background-color:var(--color-layer-2);.positioning-region{display:flex block;width:100%;justify-content:space-between;align-items:center;h1{margin:0}}}