:host,:root,:scope{font-family:Inter,sans-serif;font-optical-sizing:auto;font-variation-settings:"opsz" 16}@supports (font-variation-settings:normal){:host,:root,:scope{font-family:InterVariable,sans-serif;font-optical-sizing:auto;font-variation-settings:"opsz" 16}}@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values Inter{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values InterDisplay{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@property --client-x{initial-value:0;syntax:"<number>";inherits:true}@property --client-y{initial-value:0;syntax:"<number>";inherits:true}@property --page-x{initial-value:0;syntax:"<number>";inherits:true}@property --page-y{initial-value:0;syntax:"<number>";inherits:true}@property --drag-x{initial-value:0;syntax:"<number>";inherits:true}@property --drag-y{initial-value:0;syntax:"<number>";inherits:true}@property --sp-x{initial-value:0px;syntax:"<length-percentage>";inherits:true}@property --sp-y{initial-value:0px;syntax:"<length-percentage>";inherits:true}@property --ds-x{initial-value:0px;syntax:"<length-percentage>";inherits:true}@property --ds-y{initial-value:0px;syntax:"<length-percentage>";inherits:true}@property --rx{initial-value:0px;syntax:"<length-percentage>";inherits:true}@property --ry{initial-value:0px;syntax:"<length-percentage>";inherits:true}@property --limit-shift-x{initial-value:100%;syntax:"<length-percentage>";inherits:true}@property --limit-shift-y{initial-value:100%;syntax:"<length-percentage>";inherits:true}@property --limit-drag-x{initial-value:100%;syntax:"<length-percentage>";inherits:true}@property --limit-drag-y{initial-value:100%;syntax:"<length-percentage>";inherits:true}@property --resize-x{initial-value:0;syntax:"<number>";inherits:true}@property --resize-y{initial-value:0;syntax:"<number>";inherits:true}@property --rs-x{initial-value:0px;syntax:"<length-percentage>";inherits:true}@property --rs-y{initial-value:0px;syntax:"<length-percentage>";inherits:true}@property --bound-inline-size{initial-value:100%;syntax:"<length-percentage>";inherits:true}@property --bound-block-size{initial-value:100%;syntax:"<length-percentage>";inherits:true}@property --inline-size{initial-value:100%;syntax:"<length-percentage>";inherits:true}@property --block-size{initial-value:100%;syntax:"<length-percentage>";inherits:true}@property --initial-inline-size{initial-value:100%;syntax:"<length-percentage>";inherits:true}@property --initial-block-size{initial-value:100%;syntax:"<length-percentage>";inherits:true}@property --scroll-coef{syntax:"<number>";initial-value:1;inherits:true}@property --scroll-size{syntax:"<number>";initial-value:0;inherits:true}@property --content-size{syntax:"<number>";initial-value:0;inherits:true}@property --z-index{syntax:"<number>";initial-value:0;inherits:true}@property --max-size{syntax:"<length-percentage>";initial-value:0px;inherits:true}@function --wavy-step(--step <number>){--angle:calc((var(--step, 0) * 2) * 1rad * pi);--variant: calc(cos(var(--clip-freq, 8) * var(--angle, 0deg))/2 + .5) ;--adjust:calc(var(--variant, 0) * var(--clip-amplitude, 0));--x:calc(50% + (cos(var(--angle, 0deg)) * (.5 - var(--adjust, 0))) * var(--icon-size, 100%));--y:calc(50% + (sin(var(--angle, 0deg)) * (.5 - var(--adjust, 0))) * var(--icon-size, 100%));result:var(--x) var(--y)}@property --ppx{syntax:"<length-percentage>";inherits:true;initial-value:1px}@property --zpx{syntax:"<length-percentage>";inherits:true;initial-value:1px}@property --ox-orient{syntax:"<number>";inherits:true;initial-value:0}@property --os-orient{syntax:"<number>";inherits:true;initial-value:0}@property --in-orient{syntax:"<number>";inherits:true;initial-value:0}@property --orient{syntax:"<number>";inherits:true;initial-value:0}@property --orientation-secondary{syntax:"<integer>";inherits:true;initial-value:0}@property --scaling{syntax:"<number>";inherits:true;initial-value:1}@property --resize-x{syntax:"<number>";inherits:false;initial-value:0}@property --resize-y{syntax:"<number>";inherits:false;initial-value:0}@property --drag-x{syntax:"<number>";inherits:false;initial-value:0}@property --drag-y{syntax:"<number>";inherits:false;initial-value:0}@property --zoom{syntax:"<number>";inherits:true;initial-value:1}@property --translate-x{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --translate-y{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --opacity{syntax:"<number>";inherits:false;initial-value:1}@property --scale{syntax:"<number>";inherits:false;initial-value:1}@property --corrector{syntax:"<number>";inherits:false;initial-value:1}@property --avi{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --avb{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --vp-i-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --vp-b-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --border-width{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --border-height{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --pixel-ratio{syntax:"<number>";inherits:true;initial-value:1}@property --screen-width{syntax:"<length-percentage>";inherits:true;initial-value:100dvi}@property --screen-height{syntax:"<length-percentage>";inherits:true;initial-value:100dvb}@property --avail-width{syntax:"<length-percentage>";inherits:true;initial-value:100dvi}@property --avail-height{syntax:"<length-percentage>";inherits:true;initial-value:100dvb}@property --view-height{syntax:"<length-percentage>";inherits:true;initial-value:100dvb}@property --keyboard-inset-bottom{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --keyboard-inset-height{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --in-rev-cond-x{syntax:"<number>";inherits:true;initial-value:0}@property --in-rev-cond-y{syntax:"<number>";inherits:true;initial-value:0}@property --in-swap-cond{syntax:"<number>";inherits:true;initial-value:0}@property --in-rev-vx{syntax:"<number>";inherits:true;initial-value:0}@property --in-rev-vy{syntax:"<number>";inherits:true;initial-value:0}@property --cs-transition-x{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --cs-transition-y{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --cs-inset-x{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --cs-inset-y{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --os-inset-x{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --os-inset-y{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --in-inset-x{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --in-inset-y{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --cs-drag-x{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --cs-drag-y{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --os-drag-x{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --os-drag-y{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --in-drag-x{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --in-drag-y{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --cs-sw-unit-x{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --cs-sw-unit-y{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --cs-size-x{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --cs-size-y{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --os-size-x{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --os-size-y{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --cs-self-size-x{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --cs-self-size-y{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --os-self-size-x{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --os-self-size-y{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --cqi{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --cqb{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --rot{syntax:"<angle>";inherits:true;initial-value:0deg}@property --i-rot{syntax:"<angle>";inherits:true;initial-value:0deg}@property --ox-c-span{syntax:"<number>";inherits:true;initial-value:1}@property --ox-r-span{syntax:"<number>";inherits:true;initial-value:1}@property --ox-c-unit{syntax:"<length-percentage>";inherits:true;initial-value:1px}@property --ox-r-unit{syntax:"<length-percentage>";inherits:true;initial-value:1px}@property --r-gap{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --c-gap{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --dir-x{syntax:"<number>";inherits:true;initial-value:0}@property --dir-y{syntax:"<number>";inherits:true;initial-value:0}@property --f-col{syntax:"<integer>";inherits:true;initial-value:0}@property --f-row{syntax:"<integer>";inherits:true;initial-value:0}@property --grid-c{syntax:"<number>";inherits:true;initial-value:0}@property --grid-r{syntax:"<number>";inherits:true;initial-value:0}@property --cell-x{syntax:"<integer>";inherits:false;initial-value:0}@property --cell-y{syntax:"<integer>";inherits:false;initial-value:0}@property --cs-grid-c{syntax:"<number>";inherits:false;initial-value:0}@property --cs-grid-r{syntax:"<number>";inherits:false;initial-value:0}@property --rv-grid-c{syntax:"<number>";inherits:false;initial-value:0}@property --rv-grid-r{syntax:"<number>";inherits:false;initial-value:0}@property --cs-p-grid-c{syntax:"<number>";inherits:false;initial-value:0}@property --cs-p-grid-r{syntax:"<number>";inherits:false;initial-value:0}@property --os-grid-c{syntax:"<number>";inherits:false;initial-value:0}@property --os-grid-r{syntax:"<number>";inherits:false;initial-value:0}@property --os-p-grid-c{syntax:"<number>";inherits:false;initial-value:0}@property --os-p-grid-r{syntax:"<number>";inherits:false;initial-value:0}@property --p-drag-x{syntax:"<number>";inherits:false;initial-value:0}@property --p-drag-y{syntax:"<number>";inherits:false;initial-value:0}@property --layout-r{syntax:"<integer>";inherits:true;initial-value:1}@property --layout-c{syntax:"<integer>";inherits:true;initial-value:1}@property --p-cell-x{syntax:"<integer>";inherits:false;initial-value:0}@property --p-cell-y{syntax:"<integer>";inherits:false;initial-value:0}@property --fc-cell-x{syntax:"<integer>";inherits:false;initial-value:0}@property --fc-cell-y{syntax:"<integer>";inherits:false;initial-value:0}@property --fp-cell-x{syntax:"<integer>";inherits:false;initial-value:0}@property --fp-cell-y{syntax:"<integer>";inherits:false;initial-value:0}@property --c-shift-mod{syntax:"<number>";inherits:true;initial-value:0}@property --r-shift-mod{syntax:"<number>";inherits:true;initial-value:0}@property --light-az{syntax:"<angle>";inherits:true;initial-value:225deg}@property --light-alt{syntax:"<angle>";inherits:true;initial-value:55deg}@property --soft-ang{syntax:"<angle>";inherits:true;initial-value:18deg}@property --parallax-k{syntax:"<number>";inherits:true;initial-value:.01}@property --parallax-ref{syntax:"<length>";inherits:true;initial-value:600px}@property --az-span{syntax:"<angle>";inherits:true;initial-value:12deg}@property --alt-span{syntax:"<angle>";inherits:true;initial-value:6deg}@property --umbra-density{syntax:"<number>";inherits:true;initial-value:.32}@property --penumbra-density{syntax:"<number>";inherits:true;initial-value:.18}@property --elev{syntax:"<number>";inherits:false;initial-value:0}@property --lx{syntax:"<number>";inherits:true;initial-value:-1}@property --ly{syntax:"<number>";inherits:true;initial-value:-1}@property --lz{syntax:"<number>";inherits:true;initial-value:1.2}@property --z-index{syntax:"<number>";inherits:true;initial-value:0}@property --dx{syntax:"<number>";inherits:true;initial-value:0}@property --dy{syntax:"<number>";inherits:true;initial-value:0}@property --spreadC{syntax:"<number>";inherits:true;initial-value:0}@property --spreadU{syntax:"<number>";inherits:true;initial-value:0}@property --spreadP{syntax:"<number>";inherits:true;initial-value:0}@property --alphaC{syntax:"<number>";inherits:true;initial-value:0}@property --alphaU{syntax:"<number>";inherits:true;initial-value:0}@property --alphaP{syntax:"<number>";inherits:true;initial-value:0}@property --current{syntax:"<color>";inherits:true;initial-value:#469}@property --primary{syntax:"<color>";inherits:true;initial-value:#469}@property --secondary{syntax:"<color>";inherits:true;initial-value:#469}@property --trinary{syntax:"<color>";inherits:true;initial-value:#469}@property --current-is-light{syntax:"<number>";inherits:true;initial-value:1}@property --size-scale{syntax:"<number>";inherits:true;initial-value:1}@property --font-scale{syntax:"<number>";inherits:true;initial-value:1}@property --accent{syntax:"<color>";inherits:true;initial-value:#0000}@property --error{syntax:"<color>";inherits:true;initial-value:#0000}@property --neutral{syntax:"<color>";inherits:true;initial-value:#0000}@property --surface{syntax:"<color>";inherits:true;initial-value:#0000}@property --on-surface{syntax:"<color>";inherits:true;initial-value:#0000}@property --surface-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --on-surface-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --outline{syntax:"<color>";inherits:true;initial-value:#0000}@property --contrast{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-on-surface{syntax:"<color>";inherits:true;initial-value:#0000}@property --border-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --scrollbar-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --contrast-color{syntax:"<color>";inherits:true;initial-value:#000}@property --on-contrast-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --on-contrast{syntax:"<color>";inherits:true;initial-value:#0000}@property --outline-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --accent-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --text-decoration-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --fill-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --text-emphasis-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --background-tone-shift{syntax:"<number>";inherits:true;initial-value:0}@property --color-tone-shift{syntax:"<number>";inherits:true;initial-value:0}@property --icon-tone-shift{syntax:"<number>";inherits:true;initial-value:0}@property --accent-tone-shift{syntax:"<number>";inherits:true;initial-value:0}@property --scrollbar-tone-shift{syntax:"<number>";inherits:true;initial-value:0}@property --_color-shade{syntax:"<number>";inherits:true;initial-value:0}@property --_color-tint{syntax:"<number>";inherits:true;initial-value:0}@property --hover-lift{syntax:"<number>";inherits:true;initial-value:.03}@property --active-lift{syntax:"<number>";inherits:true;initial-value:.05}@property --focus-lift{syntax:"<number>";inherits:true;initial-value:.02}@property --color-shade{syntax:"<number>";inherits:true;initial-value:0}@property --color-tint{syntax:"<number>";inherits:true;initial-value:0}@property --color-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --color-enable-blur{syntax:"<number>";inherits:true;initial-value:0}@property --c2h-ct{syntax:"<number>";inherits:true;initial-value:0}@property --md-state-layer-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --md-elevation-level{syntax:"<integer>";inherits:true;initial-value:0}@property --interaction-tone-direction{syntax:"<number>";inherits:true;initial-value:1}@layer md3.runtime{:where(:root,:scope){--primary-fallback:#469;--secondary-fallback:oklch(from var(--current) l calc(c*.88) calc(h + 120) );--tertiary-fallback:oklch(from var(--current) l calc(c*.84) calc(h + 240) );--accent-fallback:var(--tertiary-fallback);--surface-fallback:--c2-surface(.2,var(--current));--surface-variant-fallback:--c2-surface(.34,var(--current));--on-surface-fallback:--c2-on-surface(.1,var(--current));--outline-fallback:color-mix(in oklch,--c2-on-surface(.32,var(--current)) 56%,#0000);--outline-variant-fallback:color-mix(in oklch,--c2-on-surface(.36,var(--current)) 32%,--c2-surface(.32,var(--current)) 68%);--inverse-surface-fallback:--c2-contrast(.86,var(--surface-fallback));--inverse-on-surface-fallback:--c2-on-contrast(.08,var(--surface-fallback));--inverse-primary-fallback:--c2-contrast(.72,var(--current));--primary:var(--primary-fallback);--secondary:var(--secondary-fallback,var(--primary));--tertiary:var(--tertiary-fallback,var(--secondary));--trinary:var(--tertiary,var(--secondary));--accent:var(--accent-fallback,var(--tertiary));--current:var(--primary,var(--primary-fallback,#469))}@media(prefers-color-scheme:dark){:where(:root,:scope){color-scheme:dark}}@media(prefers-color-scheme:light){:where(:root,:scope){color-scheme:light}}:where(:root,:scope){color-scheme:light}:where(:root,:scope):is([data-scheme=dark],[data-theme=dark]){color-scheme:dark only}:where(:root,:scope):is([data-scheme=light],[data-theme=light]){color-scheme:light only}:where(:root,:scope):is([data-scheme=system],[data-theme=system]){color-scheme:light dark}:where(:root,:scope):is([data-scheme=auto],[data-theme=auto]){color-scheme:light dark}:where(:root,:host,:scope) :where(*){--color-shade:0;--color-tint:0;--color-opacity:0;--color-enable-blur:0;--_color-shade:var(--color-shade,0);--_color-tint:var(--color-tint,0)}:host{--current:var(--primary,#0000);color-scheme:inherit}@layer md3.c2-adapter{:where(:root,:host,:scope,body,div,section){--md-c2-primary:var(--current,var(--primary-fallback,#469));--md-c2-secondary:var(--secondary,var(--secondary-fallback,var(--md-c2-primary)));--md-c2-tertiary:var(--tertiary,var(--tertiary-fallback,var(--md-c2-secondary)));--md-c2-error:var(--color-error,var(--color-danger,oklch(.62 .17 23/1)));--md-c2-neutral:var(--surface-fallback,--c2-surface(.2,var(--md-c2-primary),2));--md-c2-surface-shift:clamp(0,calc(var(--background-tone-shift, 0) + .16),1);--md-c2-on-surface-shift:clamp(0,calc(var(--color-tone-shift, 0) + .06),1);--md-c2-surface-variant-shift:clamp(0,calc(var(--background-tone-shift, 0) + .34),1);--md-c2-outline-shift:clamp(0,calc(var(--color-tone-shift, 0) + .28),1);--md-c2-contrast-shift:clamp(0,calc(.88 - var(--background-tone-shift, 0) * .3),1);--md-c2-inverse-primary-shift:clamp(0,calc(.7 - var(--background-tone-shift, 0) * .2),1);--md-sys-color-primary:var(--md-c2-primary);--md-sys-color-on-primary:--c2-on-contrast(.02,var(--md-c2-primary),2);--md-sys-color-primary-container:--c2-surface(.74,var(--md-c2-primary),2);--md-sys-color-on-primary-container:--c2-on-surface(.26,var(--md-c2-primary),2);--md-sys-color-secondary:var(--md-c2-secondary);--md-sys-color-on-secondary:--c2-on-contrast(.02,var(--md-c2-secondary),2);--md-sys-color-secondary-container:--c2-surface(.68,var(--md-c2-secondary),2);--md-sys-color-on-secondary-container:--c2-on-surface(.24,var(--md-c2-secondary),2);--md-sys-color-tertiary:var(--md-c2-tertiary);--md-sys-color-on-tertiary:--c2-on-contrast(.02,var(--md-c2-tertiary),2);--md-sys-color-tertiary-container:--c2-surface(.64,var(--md-c2-tertiary),2);--md-sys-color-on-tertiary-container:--c2-on-surface(.22,var(--md-c2-tertiary),2);--md-sys-color-error:var(--md-c2-error);--md-sys-color-on-error:--c2-on-contrast(.02,var(--md-c2-error),2);--md-sys-color-error-container:--c2-surface(.72,var(--md-c2-error),2);--md-sys-color-on-error-container:--c2-on-surface(.24,var(--md-c2-error),2);--md-sys-color-surface:--c2-surface(var(--md-c2-surface-shift),var(--md-c2-neutral),2);--md-sys-color-on-surface:--c2-on-surface(var(--md-c2-on-surface-shift),var(--md-c2-neutral),2);--md-sys-color-surface-variant:--c2-surface(var(--md-c2-surface-variant-shift),var(--md-c2-neutral),2);--md-sys-color-on-surface-variant:--c2-on-surface(clamp(0,calc(var(--md-c2-on-surface-shift) + .14),1),var(--md-c2-neutral),2);--md-sys-color-outline:color-mix(in oklch,--c2-on-surface(var(--md-c2-outline-shift),var(--md-c2-neutral),2) 58%,#0000);--md-sys-color-outline-variant:color-mix(in oklch,--c2-on-surface(clamp(0,calc(var(--md-c2-outline-shift) + .1),1),var(--md-c2-neutral),2) 34%,--c2-surface(var(--md-c2-surface-variant-shift),var(--md-c2-neutral),2) 66%);--md-sys-color-background:--c2-surface(var(--background-tone-shift,0),var(--md-c2-neutral),2);--md-sys-color-on-background:--c2-on-surface(var(--color-tone-shift,0),var(--md-c2-neutral),2);--md-sys-color-inverse-surface:--c2-contrast(var(--md-c2-contrast-shift),var(--md-c2-neutral),2);--md-sys-color-inverse-on-surface:--c2-on-contrast(clamp(0,calc(var(--md-c2-on-surface-shift) + .06),1),var(--md-c2-neutral),2);--md-sys-color-inverse-primary:--c2-contrast(var(--md-c2-inverse-primary-shift),var(--md-c2-primary),2);--md-sys-color-surface-tint:var(--md-c2-primary);--md-sys-color-shadow:color-mix(in oklch,var(--md-c2-neutral) 24%,#0000);--md-sys-color-scrim:color-mix(in oklch,var(--md-c2-neutral) 70%,#0000);--md-c2-primary-dark:var(--current,var(--primary-fallback,#469));--md-c2-secondary-dark:var(--secondary,var(--secondary-fallback,var(--md-c2-primary-dark)));--md-c2-tertiary-dark:var(--tertiary,var(--tertiary-fallback,var(--md-c2-secondary-dark)));--md-c2-error-dark:var(--color-error,var(--color-danger,oklch(.62 .17 23/1)));--md-c2-neutral-dark:var(--surface-fallback,--c2-surface(.2,var(--md-c2-primary-dark),1));--md-c2-surface-shift-dark:clamp(0,calc(var(--background-tone-shift, 0) + .16),1);--md-c2-on-surface-shift-dark:clamp(0,calc(var(--color-tone-shift, 0) + .06),1);--md-c2-surface-variant-shift-dark:clamp(0,calc(var(--background-tone-shift, 0) + .34),1);--md-c2-outline-shift-dark:clamp(0,calc(var(--color-tone-shift, 0) + .28),1);--md-c2-contrast-shift-dark:clamp(0,calc(.88 - var(--background-tone-shift, 0) * .3),1);--md-c2-inverse-primary-shift-dark:clamp(0,calc(.7 - var(--background-tone-shift, 0) * .2),1);--md-sys-color-primary-dark:var(--md-c2-primary-dark);--md-sys-color-on-primary-dark:--c2-on-contrast(.02,var(--md-c2-primary-dark),1);--md-sys-color-primary-container-dark:--c2-surface(.74,var(--md-c2-primary-dark),1);--md-sys-color-on-primary-container-dark:--c2-on-surface(.26,var(--md-c2-primary-dark),1);--md-sys-color-secondary-dark:var(--md-c2-secondary-dark);--md-sys-color-on-secondary-dark:--c2-on-contrast(.02,var(--md-c2-secondary-dark),1);--md-sys-color-secondary-container-dark:--c2-surface(.68,var(--md-c2-secondary-dark),1);--md-sys-color-on-secondary-container-dark:--c2-on-surface(.24,var(--md-c2-secondary-dark),1);--md-sys-color-tertiary-dark:var(--md-c2-tertiary-dark);--md-sys-color-on-tertiary-dark:--c2-on-contrast(.02,var(--md-c2-tertiary-dark),1);--md-sys-color-tertiary-container-dark:--c2-surface(.64,var(--md-c2-tertiary-dark),1);--md-sys-color-on-tertiary-container-dark:--c2-on-surface(.22,var(--md-c2-tertiary-dark),1);--md-sys-color-error-dark:var(--md-c2-error-dark);--md-sys-color-on-error-dark:--c2-on-contrast(.02,var(--md-c2-error-dark),1);--md-sys-color-error-container-dark:--c2-surface(.72,var(--md-c2-error-dark),1);--md-sys-color-on-error-container-dark:--c2-on-surface(.24,var(--md-c2-error-dark),1);--md-sys-color-surface-dark:--c2-surface(var(--md-c2-surface-shift-dark),var(--md-c2-neutral-dark),1);--md-sys-color-on-surface-dark:--c2-on-surface(var(--md-c2-on-surface-shift-dark),var(--md-c2-neutral-dark),1);--md-sys-color-surface-variant-dark:--c2-surface(var(--md-c2-surface-variant-shift-dark),var(--md-c2-neutral-dark),1);--md-sys-color-on-surface-variant-dark:--c2-on-surface(clamp(0,calc(var(--md-c2-on-surface-shift-dark) + .14),1),var(--md-c2-neutral-dark),1);--md-sys-color-outline-dark:color-mix(in oklch,--c2-on-surface(var(--md-c2-outline-shift),var(--md-c2-neutral-dark),1) 58%,#0000);--md-sys-color-outline-variant-dark:color-mix(in oklch,--c2-on-surface(clamp(0,calc(var(--md-c2-outline-shift-dark) + .1),1),var(--md-c2-neutral-dark),1) 34%,--c2-surface(var(--md-c2-surface-variant-shift-dark),var(--md-c2-neutral-dark),1) 66%);--md-sys-color-background-dark:--c2-surface(var(--background-tone-shift,0),var(--md-c2-neutral-dark),1);--md-sys-color-on-background-dark:--c2-on-surface(var(--color-tone-shift,0),var(--md-c2-neutral-dark),1);--md-sys-color-inverse-surface-dark:--c2-contrast(var(--md-c2-contrast-shift-dark),var(--md-c2-neutral-dark),1);--md-sys-color-inverse-on-surface-dark:--c2-on-contrast(clamp(0,calc(var(--md-c2-on-surface-shift-dark) + .06),1),var(--md-c2-neutral-dark),1);--md-sys-color-inverse-primary-dark:--c2-contrast(var(--md-c2-inverse-primary-shift-dark),var(--md-c2-primary-dark),1);--md-sys-color-surface-tint-dark:var(--md-c2-primary-dark);--md-sys-color-shadow-dark:color-mix(in oklch,var(--md-c2-neutral-dark) 24%,#0000);--md-sys-color-scrim-dark:color-mix(in oklch,var(--md-c2-neutral-dark) 70%,#0000);--md-c2-primary-light:var(--current,var(--primary-fallback,#469));--md-c2-secondary-light:var(--secondary,var(--secondary-fallback,var(--md-c2-primary-light)));--md-c2-tertiary-light:var(--tertiary,var(--tertiary-fallback,var(--md-c2-secondary-light)));--md-c2-error-light:var(--color-error,var(--color-danger,oklch(.62 .17 23/1)));--md-c2-neutral-light:var(--surface-fallback,--c2-surface(.2,var(--md-c2-primary-light),0));--md-c2-surface-shift-light:clamp(0,calc(var(--background-tone-shift, 0) + .16),1);--md-c2-on-surface-shift-light:clamp(0,calc(var(--color-tone-shift, 0) + .06),1);--md-c2-surface-variant-shift-light:clamp(0,calc(var(--background-tone-shift, 0) + .34),1);--md-c2-outline-shift-light:clamp(0,calc(var(--color-tone-shift, 0) + .28),1);--md-c2-contrast-shift-light:clamp(0,calc(.88 - var(--background-tone-shift, 0) * .3),1);--md-c2-inverse-primary-shift-light:clamp(0,calc(.7 - var(--background-tone-shift, 0) * .2),1);--md-sys-color-primary-light:var(--md-c2-primary-light);--md-sys-color-on-primary-light:--c2-on-contrast(.02,var(--md-c2-primary-light),0);--md-sys-color-primary-container-light:--c2-surface(.74,var(--md-c2-primary-light),0);--md-sys-color-on-primary-container-light:--c2-on-surface(.26,var(--md-c2-primary-light),0);--md-sys-color-secondary-light:var(--md-c2-secondary-light);--md-sys-color-on-secondary-light:--c2-on-contrast(.02,var(--md-c2-secondary-light),0);--md-sys-color-secondary-container-light:--c2-surface(.68,var(--md-c2-secondary-light),0);--md-sys-color-on-secondary-container-light:--c2-on-surface(.24,var(--md-c2-secondary-light),0);--md-sys-color-tertiary-light:var(--md-c2-tertiary-light);--md-sys-color-on-tertiary-light:--c2-on-contrast(.02,var(--md-c2-tertiary-light),0);--md-sys-color-tertiary-container-light:--c2-surface(.64,var(--md-c2-tertiary-light),0);--md-sys-color-on-tertiary-container-light:--c2-on-surface(.22,var(--md-c2-tertiary-light),0);--md-sys-color-error-light:var(--md-c2-error-light);--md-sys-color-on-error-light:--c2-on-contrast(.02,var(--md-c2-error-light),0);--md-sys-color-error-container-light:--c2-surface(.72,var(--md-c2-error-light),0);--md-sys-color-on-error-container-light:--c2-on-surface(.24,var(--md-c2-error-light),0);--md-sys-color-surface-light:--c2-surface(var(--md-c2-surface-shift-light),var(--md-c2-neutral-light),0);--md-sys-color-on-surface-light:--c2-on-surface(var(--md-c2-on-surface-shift-light),var(--md-c2-neutral-light),0);--md-sys-color-surface-variant-light:--c2-surface(var(--md-c2-surface-variant-shift-light),var(--md-c2-neutral-light),0);--md-sys-color-on-surface-variant-light:--c2-on-surface(clamp(0,calc(var(--md-c2-on-surface-shift-light) + .14),1),var(--md-c2-neutral-light),0);--md-sys-color-outline-light:color-mix(in oklch,--c2-on-surface(var(--md-c2-outline-shift),var(--md-c2-neutral-light),0) 58%,#0000);--md-sys-color-outline-variant-light:color-mix(in oklch,--c2-on-surface(clamp(0,calc(var(--md-c2-outline-shift-light) + .1),1),var(--md-c2-neutral-light),0) 34%,--c2-surface(var(--md-c2-surface-variant-shift-light),var(--md-c2-neutral-light),0) 66%);--md-sys-color-background-light:--c2-surface(var(--background-tone-shift,0),var(--md-c2-neutral-light),0);--md-sys-color-on-background-light:--c2-on-surface(var(--color-tone-shift,0),var(--md-c2-neutral-light),0);--md-sys-color-inverse-surface-light:--c2-contrast(var(--md-c2-contrast-shift-light),var(--md-c2-neutral-light),0);--md-sys-color-inverse-on-surface-light:--c2-on-contrast(clamp(0,calc(var(--md-c2-on-surface-shift-light) + .06),1),var(--md-c2-neutral-light),0);--md-sys-color-inverse-primary-light:--c2-contrast(var(--md-c2-inverse-primary-shift-light),var(--md-c2-primary-light),0);--md-sys-color-surface-tint-light:var(--md-c2-primary-light);--md-sys-color-shadow-light:color-mix(in oklch,var(--md-c2-neutral-light) 24%,#0000);--md-sys-color-scrim-light:color-mix(in oklch,var(--md-c2-neutral-light) 70%,#0000)}}:where(:root,:host,:scope){--u:1rem;--pxu:1px;--cqi:1cqi;--cqb:1cqb;--size-scale:1;--font-scale:1;--container-max-width:min(100%,110rem);--container-padding:clamp(1rem,3vw,2rem);--breakpoint-sm:40rem;--breakpoint-md:60rem;--breakpoint-lg:75rem;--breakpoint-xl:90rem;--breakpoint-2xl:105rem}@container (inline-size < $md3-container-compact-max){:where(:root,:host,:scope){--size-scale:.92;--font-scale:.96}}@container ($md3-container-compact-max <= inline-size < $md3-container-cozy-max){:where(:root,:host,:scope){--size-scale:1;--font-scale:1}}@container (inline-size >= $md3-container-cozy-max){:where(:root,:host,:scope){--size-scale:1.05;--font-scale:1.04}}:where(:root,:host,:scope){--sidebar-width:min(clamp(16.25rem,28vw,22.5rem),100cqi);--sidebar-width-collapsed:min(clamp(10rem,20vw,12.5rem),100cqi);--sidebar-width-mobile:min(clamp(17.5rem,35vw,20rem),100cqi);--sidebar-width-mobile-small:min(clamp(18.75rem,40vw,21.25rem),100cqi)}@media(max-width:60rem){:where(:root,:host,:scope){--sidebar-width:var(--sidebar-width-mobile)}}@media(max-width:40rem){:where(:root,:host,:scope){--sidebar-width:var(--sidebar-width-mobile-small)}}:where(:root,:host,:scope){--radius-corner-none:0;--radius-extra-small-top:clamp(.25rem,.6cqi,.375rem) clamp(.25rem,.6cqi,.375rem) 0 0;--radius-small-top:clamp(.5rem,.9cqi,.75rem) clamp(.5rem,.9cqi,.75rem) 0 0;--radius-large-top:clamp(1rem,1.5cqi,1.5rem) clamp(1rem,1.5cqi,1.5rem) 0 0;--radius-large-end:clamp(1rem,1.5cqi,1.5rem) clamp(1rem,1.5cqi,1.5rem) 0 0;--radius-extra-extra-large:clamp(2rem,2.4cqi,2.5rem);--radius-extra-large-top:clamp(1.75rem,2.4cqi,2.25rem) clamp(1.75rem,2.4cqi,2.25rem) 0 0;--radius-extra-large-bottom:0 0 clamp(1.75rem,2.4cqi,2.25rem) clamp(1.75rem,2.4cqi,2.25rem);--space-2xs-base:clamp(.1875rem,.4cqi + .05rem,.25rem);--space-2xs:var(--space-2xs-base);--gap-2xs:var(--space-2xs);--padding-2xs:var(--space-2xs);--space-xs-base:clamp(.25rem,.45cqi + .06rem,.5rem);--space-xs:var(--space-xs-base);--gap-xs:var(--space-xs);--padding-xs:var(--space-xs);--space-sm-base:clamp(.5rem,.6cqi + .1rem,.75rem);--space-sm:var(--space-sm-base);--gap-sm:var(--space-sm);--padding-sm:var(--space-sm);--space-md-base:clamp(.75rem,.8cqi + .18rem,1rem);--space-md:var(--space-md-base);--gap-md:var(--space-md);--padding-md:var(--space-md);--space-lg-base:clamp(1rem,1cqi + .24rem,1.5rem);--space-lg:var(--space-lg-base);--gap-lg:var(--space-lg);--padding-lg:var(--space-lg);--space-xl-base:clamp(1.5rem,1.4cqi + .32rem,2rem);--space-xl:var(--space-xl-base);--gap-xl:var(--space-xl);--padding-xl:var(--space-xl);--space-2xl-base:clamp(2rem,2cqi + .4rem,2.75rem);--space-2xl:var(--space-2xl-base);--gap-2xl:var(--space-2xl);--padding-2xl:var(--space-2xl);--space-3xl-base:clamp(2.75rem,2.6cqi + .6rem,3.5rem);--space-3xl:var(--space-3xl-base);--gap-3xl:var(--space-3xl);--padding-3xl:var(--space-3xl);--space-4xl-base:clamp(3.5rem,3cqi + .8rem,4.5rem);--space-4xl:var(--space-4xl-base);--gap-4xl:var(--space-4xl);--padding-4xl:var(--space-4xl);--radius-3xs:var(--radius-xs,clamp(.25rem,.6cqi,.375rem));--radius-2xs:var(--radius-xs,clamp(.25rem,.6cqi,.375rem));--radius-extra-small:var(--radius-xs,clamp(.25rem,.6cqi,.375rem));--radius-small:var(--radius-sm,clamp(.5rem,.8cqi,.75rem));--radius-medium:var(--radius-md,clamp(.75rem,1cqi,1rem));--radius-large:var(--radius-lg,clamp(1rem,1.25cqi,1.5rem));--radius-extra-large:var(--radius-xl,clamp(1.5rem,1.75cqi,2rem));--radius-2xl:var(--radius-xl,clamp(1.5rem,1.75cqi,2rem));--radius-3xl:var(--radius-xl,clamp(1.5rem,1.75cqi,2rem));--radius-4xl:var(--radius-xl,clamp(1.5rem,1.75cqi,2rem));--radius-xs:clamp(.25rem,.6cqi,.375rem);--radius-sm:clamp(.5rem,.8cqi,.75rem);--radius-md:clamp(.75rem,1cqi,1rem);--radius-lg:clamp(1rem,1.25cqi,1.5rem);--radius-xl:clamp(1.5rem,1.75cqi,2rem);--radius-full:9999px;--shape-3xs:var(--shape-extra-small,clamp(.25rem,.6cqi,.375rem));--shape-2xs:var(--shape-extra-small,clamp(.25rem,.6cqi,.375rem));--shape-xs:var(--shape-extra-small,clamp(.25rem,.6cqi,.375rem));--shape-sm:var(--shape-small,clamp(.5rem,.9cqi,.75rem));--shape-md:var(--shape-medium,clamp(.75rem,1.2cqi,1rem));--shape-lg:var(--shape-large,clamp(1rem,1.5cqi,1.5rem));--shape-xl:var(--shape-extra-large,clamp(1.75rem,2.4cqi,2.25rem));--shape-2xl:var(--shape-extra-large,clamp(1.75rem,2.4cqi,2.25rem));--shape-3xl:var(--shape-extra-extra-large,clamp(2rem,2.4cqi,2.5rem));--shape-4xl:var(--shape-extra-extra-large,clamp(2rem,2.4cqi,2.5rem));--shape-corner-none:0;--shape-extra-small:clamp(.25rem,.6cqi,.375rem);--shape-extra-small-top:clamp(.25rem,.6cqi,.375rem) clamp(.25rem,.6cqi,.375rem) 0 0;--shape-small:clamp(.5rem,.9cqi,.75rem);--shape-small-top:clamp(.5rem,.9cqi,.75rem) clamp(.5rem,.9cqi,.75rem) 0 0;--shape-medium:clamp(.75rem,1.2cqi,1rem);--shape-large:clamp(1rem,1.5cqi,1.5rem);--shape-large-top:clamp(1rem,1.5cqi,1.5rem) clamp(1rem,1.5cqi,1.5rem) 0 0;--shape-large-end:clamp(1rem,1.5cqi,1.5rem) clamp(1rem,1.5cqi,1.5rem) 0 0;--shape-extra-extra-large:clamp(2rem,2.4cqi,2.5rem);--shape-extra-large:clamp(1.75rem,2.4cqi,2.25rem);--shape-extra-large-top:clamp(1.75rem,2.4cqi,2.25rem) clamp(1.75rem,2.4cqi,2.25rem) 0 0;--shape-extra-large-bottom:0 0 clamp(1.75rem,2.4cqi,2.25rem) clamp(1.75rem,2.4cqi,2.25rem);--shape-full:9999px;--icon-size-xs:clamp(.75rem,.35cqi + .65rem,.9rem);--icon-size-sm:clamp(.95rem,.4cqi + .85rem,1.1rem);--icon-size-md:clamp(1.25rem,.45cqi + 1.1rem,1.45rem);--icon-size-lg:clamp(1.5rem,.6cqi + 1.3rem,1.75rem);--icon-size-xl:clamp(2rem,.8cqi + 1.65rem,2.25rem);--icon-size-2xl:clamp(2.5rem,1cqi + 2.25rem,3rem);--avatar-size-sm:clamp(2.25rem,1cqi + 2rem,2.75rem);--avatar-size:clamp(2.75rem,1.4cqi + 2.4rem,3.5rem);--avatar-size-lg:clamp(3.5rem,1.6cqi + 3rem,4.5rem);--text-xs:clamp(calc(.7rem * var(--font-scale)),.3cqi + .6rem,calc(.75rem * var(--font-scale)));--text-sm:clamp(calc(.75rem * var(--font-scale)),.4cqi + .65rem,calc(.85rem * var(--font-scale)));--text-base:clamp(calc(.8rem * var(--font-scale)),.5cqi + .7rem,calc(.95rem * var(--font-scale)));--text-lg:clamp(calc(.9rem * var(--font-scale)),.6cqi + .8rem,calc(1.1rem * var(--font-scale)));--text-xl:clamp(calc(1rem * var(--font-scale)),.8cqi + .9rem,calc(1.3rem * var(--font-scale)));--text-opacity-disabled:md3-state(disabled);--duration-fast:.12s;--duration-normal:.16s;--duration-slow:.22s;--duration-long:.32s;--duration-extra-long:.42s;--ease-standard:cubic-bezier(.4,0,.2,1);--ease-emphasized:cubic-bezier(.2,0,0,1);--ease-decelerate:cubic-bezier(0,0,.2,1);--ease-accelerate:cubic-bezier(.4,0,1,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-out:var(--ease-standard);--ease-in-out:var(--ease-decelerate);--ease-in:var(--ease-accelerate);--transition-colors:color,background-color,border-color,,var(--duration-normal,.16s) var(--ease-out,var(--ease-standard,cubic-bezier(.4,0,.2,1)));--transition-transform:transform var(--duration-slow,.22s) var(--ease-in-out,var(--ease-decelerate,cubic-bezier(0,0,.2,1)));--transition-opacity:opacity var(--duration-fast,.12s) var(--ease-out,var(--ease-standard,cubic-bezier(.4,0,.2,1)));--transition-all:all var(--duration-normal,.16s) var(--ease-out,var(--ease-standard,cubic-bezier(.4,0,.2,1)));--transition-fast:var(--transition-opacity);--transition-normal:var(--transition-colors);--transition-slow:var(--transition-transform);--transition-delay:0s;--font-size-xs:clamp(.6875rem,.4cqi + .65rem,.75rem);--font-size-sm:clamp(.75rem,.35cqi + .72rem,.875rem);--font-size-body-sm:clamp(.75rem,.35cqi + .72rem,.875rem);--font-size-base:clamp(.875rem,.4cqi + .85rem,1rem);--font-size-body-md:clamp(.875rem,.4cqi + .85rem,1rem);--font-size-md:clamp(1rem,.5cqi + .95rem,1.125rem);--font-size-body-lg:clamp(1rem,.5cqi + .95rem,1.125rem);--font-size-lg:clamp(1rem,.6cqi + .95rem,1.25rem);--font-size-xl:clamp(1.375rem,.8cqi + 1.25rem,1.6rem);--font-size-2xl:clamp(1.5rem,1cqi + 1.4rem,1.75rem);--font-size-3xl:clamp(1.75rem,1.2cqi + 1.6rem,2.25rem);--font-size-4xl:clamp(2.25rem,2cqi + 2rem,3rem);--font-size-5xl:clamp(2.8rem,3cqi + 2.4rem,4rem);--font-size-6xl:clamp(3.5rem,4cqi + 3rem,5rem);--font-size:var(--font-size-base);--font-xs:var(--font-size-xs);--font-sm:var(--font-size-sm);--font-body-sm:var(--font-size-body-sm);--font-base:var(--font-size-base);--font-body-md:var(--font-size-body-md);--font-md:var(--font-size-md);--font-body-lg:var(--font-size-body-lg);--font-lg:var(--font-size-lg);--font-xl:var(--font-size-xl);--font-2xl:var(--font-size-2xl);--font-3xl:var(--font-size-3xl);--font-4xl:var(--font-size-4xl);--font-5xl:var(--font-size-5xl);--font-6xl:var(--font-size-6xl);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight:var(--font-weight-normal);--font-family-base:InterVariable,Inter,Open Sans,Source Sans 3,Gill Sans Nova,Ubuntu,DejaVu Sans,Candara,Segoe,Segoe UI,Optima,Source Sans Pro,sans-serif;--font-family-mono:Fragment Mono,Fira Code,Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--font-family:var(--font-family-base);--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.8;--md-elevation-0:none;--md-elevation-1:0 1px 2px color-mix(in oklab,var(--md-shadow,#000) 18%,#0000),0 1px 3px 1px color-mix(in oklab,var(--md-shadow,#000) 14%,#0000);--md-elevation-2:0 1px 2px color-mix(in oklab,var(--md-shadow,#000) 20%,#0000),0 2px 6px 2px color-mix(in oklab,var(--md-shadow,#000) 16%,#0000);--md-elevation-3:0 2px 3px color-mix(in oklab,var(--md-shadow,#000) 22%,#0000),0 4px 8px 3px color-mix(in oklab,var(--md-shadow,#000) 18%,#0000);--md-elevation-4:0 3px 4px color-mix(in oklab,var(--md-shadow,#000) 24%,#0000),0 6px 12px 4px color-mix(in oklab,var(--md-shadow,#000) 18%,#0000);--md-elevation-5:0 5px 5px color-mix(in oklab,var(--md-shadow,#000) 26%,#0000),0 8px 16px 6px color-mix(in oklab,var(--md-shadow,#000) 22%,#0000);--shadow-xs:var(--md-elevation-0,none);--shadow-sm:var(--md-elevation-1,0 1px 2px color-mix(in oklab,var(--md-shadow,#000) 18%,#0000),0 1px 3px 1px color-mix(in oklab,var(--md-shadow,#000) 14%,#0000));--shadow-md:var(--md-elevation-2,0 1px 2px color-mix(in oklab,var(--md-shadow,#000) 20%,#0000),0 2px 6px 2px color-mix(in oklab,var(--md-shadow,#000) 16%,#0000));--shadow-lg:var(--md-elevation-3,0 2px 3px color-mix(in oklab,var(--md-shadow,#000) 22%,#0000),0 4px 8px 3px color-mix(in oklab,var(--md-shadow,#000) 18%,#0000));--shadow-xl:var(--md-elevation-4,0 3px 4px color-mix(in oklab,var(--md-shadow,#000) 24%,#0000),0 6px 12px 4px color-mix(in oklab,var(--md-shadow,#000) 18%,#0000));--shadow-2xl:var(--md-elevation-5,0 5px 5px color-mix(in oklab,var(--md-shadow,#000) 26%,#0000),0 8px 16px 6px color-mix(in oklab,var(--md-shadow,#000) 22%,#0000));--shadow-inset:inset 0 1px 0 color-mix(in oklab,var(--md-shadow,var(--current,var(--color-on-surface,var(--md-on-surface,#1c1b1f)))) 12%,#0000);--shadow-inset-strong:inset 0 2px 6px color-mix(in oklab,var(--md-shadow,#000) 18%,#0000);--shadow-glow-primary:0 0 0 1px color-mix(in oklch,md3-color(primary) 24%,#0000);--shadow-glow-secondary:0 0 0 1px color-mix(in oklch,md3-color(secondary) 24%,#0000);--shadow-glow-accent:0 0 0 1px color-mix(in oklch,md3-color(tertiary) 28%,#0000);--backdrop-blur-subtle:blur(6px) saturate(110%);--backdrop-blur-default:blur(12px) saturate(120%);--backdrop-blur-strong:blur(18px) saturate(140%);--surface-opacity-subtle:.02;--surface-opacity-muted:.04;--surface-opacity-default:.08;--surface-opacity-emphasis:.12;--surface-opacity-strong:.16;--contrast-opacity-subtle:.04;--contrast-opacity-muted:.08;--contrast-opacity-default:.12;--contrast-opacity-emphasis:.16;--contrast-opacity-strong:.24;--text-tint-primary:0;--text-tint-secondary:.04;--text-tint-muted:.06;--text-tint-disabled:.12;--border-opacity-subtle:.14;--border-opacity-default:.2;--border-opacity-emphasis:.24;--border-opacity-strong:.4;--border-opacity-dashed:.18;--outline-opacity:.4;--outline-tint:0;--scrollbar-opacity:.4;--scrollbar-tint:.1;--state-opacity-hover:.08;--state-opacity-focus:.12;--state-opacity-focus-visible:.12;--state-opacity-focus-ring:.22;--state-opacity-press:.12;--state-opacity-drag:.16;--state-opacity-selected:.16;--state-opacity-disabled:.38;--state-opacity-icon:.54;--interaction-tone-direction:1;--hover-lift:calc(.03 * var(--interaction-tone-direction, 1));--active-lift:calc(.05 * var(--interaction-tone-direction, 1));--focus-lift:calc(.02 * var(--interaction-tone-direction, 1));--selection-opacity:.1;--color-red:oklch(50% .2 30deg);--color-orange:oklch(50% .2 80deg);--color-yellow:oklch(70% .2 100deg);--color-green:oklch(50% .2 140deg);--color-blue:oklch(50% .2 260deg);--color-purple:oklch(50% .2 320deg);--color-primary:#2c3e50;--color-secondary:#34495e;--color-accent:#3498db;--color-success:#2cda9d;--color-warning:#ffb347;--color-danger:#ff6b6b;--color-info:#17a2b8;--color-error:var(--color-danger);--color-success-dark:color-mix(in oklch,var(--color-success) 40%,var(--md-shadow) 60%);--color-warning-dark:color-mix(in oklch,var(--color-warning) 38%,var(--md-shadow) 62%);--color-danger-dark:color-mix(in oklch,var(--color-danger) 42%,var(--md-shadow) 58%);--color-error-dark:color-mix(in oklch,var(--color-danger) 42%,var(--md-shadow) 58%)}}@function --hsv(--src-color <color>) returns <color>{result:hsl(from var(--src-color,black) h calc((l*.01 - (l*.01*(1 - (s/200))))/clamp(.0001,min(calc(l*.01*(1 - (s/200))),calc(1 - (l*.01*(1 - (s/200))))),1)*100) calc(l*1*(1 - (s/200))) /alpha)}@function --c2h-triple-mix(--c2h-a <color>,--c2h-b <color>,--c2h-c <color>,--c2h-factor <number>){--c2h-t:clamp(0,var(--c2h-factor,0),1);--c2h-ct:clamp(0,round(nearest,var(--c2h-t),1),1);--c2h-dz:clamp(0,calc(var(--c2h-t) * 2 - 1),1);--c2h-lz:clamp(0,calc(var(--c2h-t) * 2 - 0),1);--c2h-lc:color-mix(in oklch,var(--c2h-a) calc((1 - var(--c2h-u)) * 100%),var(--c2h-b) calc(var(--c2h-u) * 100%));--c2h-dc:color-mix(in oklch,var(--c2h-b) calc((1 - var(--c2h-u)) * 100%),var(--c2h-c) calc(var(--c2h-u) * 100%));--c2h-u:calc(var(--c2h-ct) * var(--c2h-dz) + (1 - var(--c2h-ct)) * var(--c2h-lz));result:color-mix(in oklch,var(--c2h-lc) calc((1 - var(--c2h-ct)) * 100%),var(--c2h-dc) calc(var(--c2h-ct) * 100%))}@function --c2h-re-shading(--c2h-color <color>,--c2h-factor <number>: 0,--c2h-theme-type <number>: 2){--c2h-chromatic-inverse-ls:oklch(from var(--c2h-color) l calc(1 - c) h);--c2h-chromatic-inverse-ds:oklch(from var(--c2h-color) l calc(1 - c) h);--c2h-chromatic-extract-ls:oklch(from var(--c2h-color) l calc(c/2) h);--c2h-chromatic-extract-ds:oklch(from var(--c2h-color) l calc(c*.35) h);--c2h-lightness-extract-ls:oklch(from var(--c2h-color) .99 calc(c/5) h);--c2h-lightness-extract-ds:oklch(from var(--c2h-color) .08 calc(c*.1) h);--c2h-lightness-inverse-ls:oklch(from var(--c2h-color) .01 calc(c/5) h);--c2h-lightness-inverse-ds:oklch(from var(--c2h-color) .99 calc(c*.1) h);--c2h-lightness-extract:if(style(--c2h-theme-type:1):var(--c2h-lightness-extract-ds); style(--c2h-theme-type:0):var(--c2h-lightness-extract-ls); else:light-dark(var(--c2h-lightness-extract-ls),var(--c2h-lightness-extract-ds)););--c2h-chromatic-extract:if(style(--c2h-theme-type:1):var(--c2h-chromatic-extract-ds); style(--c2h-theme-type:0):var(--c2h-chromatic-extract-ls); else:light-dark(var(--c2h-chromatic-extract-ls),var(--c2h-chromatic-extract-ds)););--c2h-lightness-inverse:if(style(--c2h-theme-type:1):var(--c2h-lightness-extract-ds); style(--c2h-theme-type:0):var(--c2h-lightness-extract-ls); else:light-dark(var(--c2h-lightness-inverse-ls),var(--c2h-lightness-inverse-ds)););--c2h-chromatic-inverse:if(style(--c2h-theme-type:1):var(--c2h-chromatic-inverse-ds); style(--c2h-theme-type:0):var(--c2h-chromatic-inverse-ls); else:light-dark(var(--c2h-chromatic-inverse-ls),var(--c2h-chromatic-inverse-ds)););result:--c2h-triple-mix(var(--c2h-lightness-extract),var(--c2h-chromatic-extract),var(--c2h-lightness-inverse),var(--c2h-factor,0))}@function --c2-surface(--c2-shift <number>: var(--_color-shade, 0),--c2-color <color>: var(--current, var(--primary, currentColor)),--c2-theme <number>: 2){result:--c2h-re-shading(var(--c2-color,var(--primary,currentColor)),clamp(0,.02 + var(--c2-shift,0) * .8,1),var(--c2-theme,2))}@function --c2-on-surface(--c2-shift <number>: var(--_color-tint, 0),--c2-color <color>: var(--current, var(--primary, currentColor)),--c2-theme <number>: 2){result:--c2h-re-shading(var(--c2-color,var(--primary,currentColor)),clamp(0,.96 - var(--c2-shift,0) * .8,1),var(--c2-theme,2))}@function --c2-contrast(--c2-shift <number>: var(--_color-shade, 0),--c2-color <color>: var(--current, var(--primary, currentColor)),--c2-theme <number>: 2){result:--c2h-re-shading(var(--c2-color,var(--primary,currentColor)),clamp(0,.01 + var(--c2-shift,0) * .6,1),var(--c2-theme,2))}@function --c2-on-contrast(--c2-shift <number>: var(--_color-tint, 0),--c2-color <color>: var(--current, var(--primary, currentColor)),--c2-theme <number>: 2){result:--c2h-re-shading(var(--c2-color,var(--primary,currentColor)),clamp(0,1 - var(--c2-shift,0) * .6,1),var(--c2-theme,2))}@function --get-oriented-size-num(--orient <number>: 0,--osx <number>: 0,--osy <number>: 0,--axis-to-return <number>: 0) returns <number>{--go-orient:round(nearest,var(--orient,0),1);--go-axis:clamp(0,round(nearest,var(--axis-to-return,0),1),1);--go-axis-inline:calc(1 - var(--go-axis, 0));--go-axis-block:var(--go-axis,0);--go-swap-raw:mod(var(--go-orient),2);--go-swap:clamp(0,round(nearest,var(--go-swap-raw),1),1);--go-swap-inline:calc(1 - var(--go-swap, 0));--go-primary:var(--osx,0);--go-secondary:var(--osy,0);--go-inline:calc(var(--go-primary) * var(--go-swap-inline) + var(--go-secondary) * var(--go-swap));--go-block:calc(var(--go-secondary) * var(--go-swap-inline) + var(--go-primary) * var(--go-swap));result:calc(var(--go-inline) * var(--go-axis-inline) + var(--go-block) * var(--go-axis-block))}@function --get-oriented-size(--orient <number>: 0,--osx <length-percentage>: 0px,--osy <length-percentage>: 0px,--axis-to-return <number>: 0) returns <length-percentage>{--go-orient:mod(round(nearest,var(--orient,0),1),4);--go-axis:clamp(0,round(nearest,var(--axis-to-return,0),1),1);--go-axis-inline:calc(1 - var(--go-axis, 0));--go-axis-block:var(--go-axis,0);--go-swap-raw:mod(var(--go-orient,0),2);--go-swap:clamp(0,round(nearest,var(--go-swap-raw,0),1),1);--go-swap-inline:calc(1 - var(--go-swap, 0));--go-primary:var(--osx,0px);--go-secondary:var(--osy,0px);--go-inline:calc(var(--go-primary) * var(--go-swap-inline) + var(--go-secondary) * var(--go-swap));--go-block:calc(var(--go-secondary) * var(--go-swap-inline) + var(--go-primary) * var(--go-swap));result:calc(var(--go-inline) * var(--go-axis-inline) + var(--go-block) * var(--go-axis-block))}@function --get-oriented-vector(--orient <number>: 0,--osx <length-percentage>: 0px,--osy <length-percentage>: 0px,--axis-to-return <number>: 0) returns <length-percentage>{--go-orient:mod(round(nearest,var(--orient,0),1),4);--go-axis:clamp(0,round(nearest,var(--axis-to-return,0),1),1);--go-axis-inline:calc(1 - var(--go-axis, 0));--go-axis-block:var(--go-axis,0);--go-swap-raw:mod(var(--go-orient,0),2);--go-swap:clamp(0,round(nearest,var(--go-swap-raw,0),1),1);--go-swap-inline:calc(1 - var(--go-swap, 0));--go-primary-direct:var(--ocx,0px);--go-secondary-direct:var(--ocy,0px);--go-inline-direct:calc(var(--go-primary-direct) * var(--go-swap-inline) + var(--go-secondary-direct) * var(--go-swap));--go-block-direct:calc(var(--go-secondary-direct) * var(--go-swap-inline) + var(--go-primary-direct) * var(--go-swap));--go-inline-inverted:calc(0px - var(--go-inline-direct));--go-block-inverted:calc(0px - var(--go-block-direct));--go-rev-inline:clamp(0,calc(var(--go-orient) - 1),1);--go-rev-block:clamp(0, calc((1 - abs(calc(var(--go-orient) - 1.5)))*2) ,1);--go-inline:calc(var(--go-inline-direct) * (1 - var(--go-rev-inline)) + var(--go-inline-inverted) * var(--go-rev-inline));--go-block:calc(var(--go-block-direct) * (1 - var(--go-rev-block)) + var(--go-block-inverted) * var(--go-rev-block));result:calc(var(--go-inline) * var(--go-axis-inline) + var(--go-block) * var(--go-axis-block))}@function --get-oriented-coord-num(--orient <number>: 0,--ocx <number>: 0,--ocy <number>: 0,--osx <number>: 0,--osy <number>: 0,--axis-to-return <number>: 0) returns <number>{--go-orient:mod(round(nearest,var(--orient,0),1),4);--go-axis:clamp(0,round(nearest,var(--axis-to-return,0),1),1);--go-axis-inline:calc(1 - var(--go-axis, 0));--go-axis-block:var(--go-axis,0);--go-swap-raw:mod(var(--go-orient,0),2);--go-swap:clamp(0,round(nearest,var(--go-swap-raw,0),1),1);--go-swap-inline:calc(1 - var(--go-swap, 0));--go-primary-direct:var(--ocx,0);--go-secondary-direct:var(--ocy,0);--go-primary-size:var(--osx,0);--go-secondary-size:var(--osy,0);--go-inline-direct:calc(var(--go-primary-direct) * var(--go-swap-inline) + var(--go-secondary-direct) * var(--go-swap));--go-block-direct:calc(var(--go-secondary-direct) * var(--go-swap-inline) + var(--go-primary-direct) * var(--go-swap));--go-inline-size:calc(var(--go-primary-size) * var(--go-swap-inline) + var(--go-secondary-size) * var(--go-swap));--go-block-size:calc(var(--go-secondary-size) * var(--go-swap-inline) + var(--go-primary-size) * var(--go-swap));--go-inline-inverted:calc(var(--go-inline-size, calc(var(--go-inline-direct) + var(--go-inline-direct))) - var(--go-inline-direct));--go-block-inverted:calc(var(--go-block-size, calc(var(--go-block-direct) + var(--go-block-direct))) - var(--go-block-direct));--go-rev-inline:clamp(0,calc(var(--go-orient) - 1),1);--go-rev-block:clamp(0, calc((1 - abs(calc(var(--go-orient) - 1.5)))*2) ,1);--go-inline:calc(var(--go-inline-direct) * (1 - var(--go-rev-inline)) + var(--go-inline-inverted) * var(--go-rev-inline));--go-block:calc(var(--go-block-direct) * (1 - var(--go-rev-block)) + var(--go-block-inverted) * var(--go-rev-block));result:calc(var(--go-inline) * var(--go-axis-inline) + var(--go-block) * var(--go-axis-block))}@function --get-oriented-coordinate(--orient <number>: 0,--ocx <length-percentage>: 0px,--ocy <length-percentage>: 0px,--osx <length-percentage>: 0px,--osy <length-percentage>: 0px,--axis-to-return <number>: 0) returns <length-percentage>{--go-orient:mod(round(nearest,var(--orient,0),1),4);--go-axis:clamp(0,round(nearest,var(--axis-to-return,0),1),1);--go-axis-inline:calc(1 - var(--go-axis, 0));--go-axis-block:var(--go-axis,0);--go-swap-raw:mod(var(--go-orient,0),2);--go-swap:clamp(0,round(nearest,var(--go-swap-raw,0),1),1);--go-swap-inline:calc(1 - var(--go-swap, 0));--go-primary-direct:var(--ocx,0px);--go-secondary-direct:var(--ocy,0px);--go-primary-size:var(--osx,0px);--go-secondary-size:var(--osy,0px);--go-inline-direct:calc(var(--go-primary-direct) * var(--go-swap-inline) + var(--go-secondary-direct) * var(--go-swap));--go-block-direct:calc(var(--go-secondary-direct) * var(--go-swap-inline) + var(--go-primary-direct) * var(--go-swap));--go-inline-size:calc(var(--go-primary-size) * var(--go-swap-inline) + var(--go-secondary-size) * var(--go-swap));--go-block-size:calc(var(--go-secondary-size) * var(--go-swap-inline) + var(--go-primary-size) * var(--go-swap));--go-inline-inverted:calc(var(--go-inline-size, calc(var(--go-inline-direct) + var(--go-inline-direct))) - var(--go-inline-direct));--go-block-inverted:calc(var(--go-block-size, calc(var(--go-block-direct) + var(--go-block-direct))) - var(--go-block-direct));--go-rev-inline:clamp(0,calc(var(--go-orient) - 1),1);--go-rev-block:clamp(0, calc((1 - abs(calc(var(--go-orient) - 1.5)))*2) ,1);--go-inline:calc(var(--go-inline-direct) * (1 - var(--go-rev-inline)) + var(--go-inline-inverted) * var(--go-rev-inline));--go-block:calc(var(--go-block-direct) * (1 - var(--go-rev-block)) + var(--go-block-inverted) * var(--go-rev-block));result:calc(var(--go-inline) * var(--go-axis-inline) + var(--go-block) * var(--go-axis-block))}@layer ux-normalize{:root{--color-bg:light-dark(#fff,#0d1117);--color-bg-secondary:light-dark(#f6f8fa,#151b23);--color-text:light-dark(#1f2328,#e6edf3);--color-text-secondary:light-dark(#656d76,#7d8590);--color-link:light-dark(#0969da,#2f81f7);--color-accent:light-dark(rgba(17,139,238,.082),#0097fc4f);--color-secondary:light-dark(#6e7781,#8b949e);--color-secondary-accent:light-dark(#eff1f3,#1f2428);--color-shadow:light-dark(#d1d9e0,#30363d);--color-border:light-dark(#d0d7de,#30363d);--color-table:light-dark(#f6f8fa,#161b22);--color-scrollbar:light-dark(#d0d7de,#484f58);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,var(--font-family-emoji-flag-capable);--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--line-height:1.5;--active-brightness:.85;--hover-brightness:1.2;--width-card:320px;--width-card-medium:480px;--width-card-wide:768px;--width-content:1200px;--box-shadow:0 4px 6px -1px #0000001a;--border-radius:.75rem;--scrollbar-size:6px;--fgColor-default:light-dark(#1f2328,#f0f6fc);--fgColor-muted:light-dark(#656d76,#9198a1);--fgColor-accent:light-dark(#0969da,#4493f8);--fgColor-success:light-dark(#1a7f37,#3fb950);--fgColor-attention:light-dark(#9a6700,#d29922);--fgColor-danger:light-dark(#d1242f,#f85149);--fgColor-done:light-dark(#8250df,#ab7df8);--bgColor-default:light-dark(#fff,#0d1117);--bgColor-muted:light-dark(#f6f8fa,#151b23);--borderColor-default:light-dark(#d0d7de,#30363d);--borderColor-muted:light-dark(#d0d7de,#30363d);interpolate-size:allow-keywords}@keyframes i{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}@layer ux-agate;@media screen{:where(:root,html){color-scheme:light dark;scroll-behavior:smooth;tab-size:4;text-size-adjust:100%;block-size:min(100cqb,100dvb);border:0 #0000;contain:strict;font-size:16px;inline-size:min(100cqi,100dvi);margin:0;max-block-size:min(100cqb,100dvb)!important;max-inline-size:min(100cqi,100dvi)!important;min-block-size:0;min-inline-size:0;outline:0 none #0000;overflow:hidden;padding:0}}@media screen and (prefers-reduced-motion:reduce){:where(:root,html){scroll-behavior:auto}}@media screen{:where(:root,html),:where(:root,html) :where(body,button,input,select,textarea){font-family:var(--font-family,inherit)}:where(body){background-color:var(--color-bg);block-size:fit-content;border:0 #0000;color:var(--color-text);line-height:var(--line-height);margin:0;min-block-size:min(100dvb,100cqb);outline:0 none #0000;padding:0;-webkit-text-size-adjust:100%;image-rendering:optimizeQuality;font-smooth:always;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}}@media screen{:where(html,body){background-color:initial;border:0 #0000;color:#0000;font-family:Calibri,Carlito,Caliburn,Seravek,Gill Sans Nova,Ubuntu,DejaVu Sans,Candara,Segoe,Segoe UI,Optima,source-sans-pro,sans-serif;inset:0;margin:0;padding:0;dynamic-range-limit:constrained-high}:where(:host,:scope,:root) :where(*),:where(:host,:scope,:root) :where(:after),:where(:host,:scope,:root) :where(:before){box-sizing:border-box;font-display:swap}:where(:host,:scope,:root) :where(*):not(:defined){background-color:initial;color:#0000;display:none;opacity:0;pointer-events:none;visibility:collapse}:where(:host,:scope,:root) :where(*),:where(:host,:scope,:root)::slotted(*){-webkit-tap-highlight-color:transparent}:where(:host,:scope,:root) :where(input):autofill:first-line{font-size:1em;text-size-adjust:100%}:where(:host,:scope,:root) :where(input):auto-fill:first-line{font-size:1em;text-size-adjust:100%}:where(:host,:scope,:root) :where(input){position:relative;text-size-adjust:100%;-webkit-text-size-adjust:100%}:where(:host,:scope,:root) :where(input):-internal-autofill-previewed{letter-spacing:.1em!important}:where(:host,:scope,:root) :where(button,a,input,textarea){border:0 #0000}:where(:host,:scope,:root) :where(img,video,canvas,svg,picture){block-size:auto;display:block;max-inline-size:100%;shape-margin:.75rem}:where(:host,:scope,:root) :where(img,video){object-fit:contain;object-position:center}:where(:host,:scope,:root) :where(picture){display:contents}:where(:host,:scope,:root) :where(h1,h2,h3,h4,h5,h6){font-weight:700;margin-block:.5em;text-wrap:balance}:where(:host,:scope,:root) :where(p){margin-block:1em;text-wrap:pretty}:where(:host,:scope,:root) :where(a){color:inherit;cursor:pointer;pointer-events:auto;text-decoration:inherit;text-underline-offset:.2em;touch-action:none;user-select:none}:where(:host,:scope,:root) :where(label){pointer-events:none;touch-action:none;user-select:none}:where(:host,:scope,:root) :where(button){cursor:pointer;pointer-events:auto;touch-action:none;user-select:none}:where(:host,:scope,:root) :where(button):has(>ui-icon:only-child){aspect-ratio:1/1;font-size:0;gap:0;letter-spacing:0;line-height:0;place-content:center;place-items:center;text-align:center}:where(:host,:scope,:root) :where(button) :where(span,a,label):empty{display:none}:where(:host,:scope,:root) :where(button) :where(button){pointer-events:auto}:where(:host,:scope,:root) :where(button) :where(span,a,label){touch-action:none;user-select:none}:where(:host,:scope,:root) :where(button) :where(span,label){pointer-events:none}:where(:host,:scope,:root) :where(button) :where(a){pointer-events:auto;text-decoration:none}:where(:host,:scope,:root) :where(button):disabled{cursor:not-allowed;pointer-events:none;touch-action:none;user-select:none}:where(:host,:scope,:root) :where(input,button,textarea,select){color:inherit;font:inherit;letter-spacing:inherit}:where(:host,:scope,:root) :where(img,video,audio,picture,canvas,h1,h2,h3,h4,h5,h6,p,form,label,button){content-visibility:auto}:where(:host,:scope,:root) :where(div,span,a,h1,h2,h3,h4,h5,h6,p,label,form):empty:not([class]){content-visibility:hidden}:where(:host,:scope,:root) :where(link,head,script,style,meta){display:none!important;pointer-events:none!important;interactivity:inert!important;touch-action:none!important;user-select:none!important}:where(:host,:scope,:root) [hidden]{display:none}:where(:host,:scope,:root) [aria-hidden=true]{content-visibility:auto;opacity:0;pointer-events:none;touch-action:none;user-select:none;visibility:collapse}:where(:host,:scope,:root) [data-dragging]{cursor:grabbing;will-change:transform}}@media screen and (prefers-reduced-motion:reduce){:where(:host,:scope,:root) :where(*,:after,:before){animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media screen{:where(:host,:scope,:root) :where(*){scrollbar-color:var(--color-scrollbar,currentColor) #0000;scrollbar-width:thin}:where(:host,:scope,:root) :where(*)::-webkit-scrollbar{block-size:var(--scrollbar-size);inline-size:var(--scrollbar-size)}:where(:host,:scope,:root) :where(*)::-webkit-scrollbar-track{background:#0000}:where(:host,:scope,:root) :where(*)::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar,currentColor);border-radius:var(--border-radius)}}@media screen{:where(footer,header,main){margin-inline:auto;max-inline-size:var(--width-content);padding:2rem 1rem}:where(section){display:flex;flex-wrap:wrap;gap:1rem;justify-content:var(--justify-important,center)}:where(section) :where(aside){border:1px solid var(--color-bg-secondary);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex:1 1 var(--width-card);inline-size:var(--width-card);padding:1.25rem}:where(header){text-align:center}:where(nav){align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-block-end:3rem}:where(nav) ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}:where(nav) ul li{position:relative}:where(nav) a{color:var(--color-link);font-weight:700;text-decoration:none}}@media screen and (hover:hover)and (pointer:fine){:where(nav) a:active{text-decoration:underline}}@media screen{:where(pre){background-color:var(--bgColor-muted);border:1px solid var(--borderColor-muted);border-radius:var(--border-radius);font-family:var(--font-family-mono);max-inline-size:100%;overflow:auto;padding:1rem}:where(pre) code{background:#0000;border-radius:0;padding:0}:where(code,samp,kbd){background-color:var(--bgColor-muted);border-radius:.3em;font-family:var(--font-family-mono);font-size:85%;padding:.2em .4em}:where(blockquote){border-inline-start:.25rem solid var(--color-secondary);color:var(--color-text-secondary);margin-inline:1rem;padding-inline:1rem}:where(table){border:1px solid var(--color-border);border-collapse:collapse;border-radius:var(--border-radius);border-spacing:0;display:block;inline-size:max-content;margin-block:1rem;max-inline-size:100%;overflow-x:auto}:where(table) :where(th,td){border-block-end:1px solid var(--color-border);padding:.5rem 1rem;text-align:start}:where(table) :where(th){background-color:var(--color-table);color:var(--color-text);font-weight:700}:where(table) :where(tr:last-child td){border-block-end:none}:where(table) :where(tr:nth-child(2n)){background-color:var(--color-bg-secondary)}:where(a){color:var(--color-link)}:where(button,input[type=submit],input[type=button]){align-items:center;background-color:var(--color-link);border:1px solid #0000;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:.5rem 1rem;transition:filter .2s ease,transform .1s ease}:where(button,input[type=submit],input[type=button]):disabled{background-color:var(--color-secondary);cursor:not-allowed;filter:none;opacity:.6}:where(input:not([type=submit]):not([type=button]),select,textarea){background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);display:block;inline-size:100%;padding:.5rem}}@media screen and (hover:hover)and (pointer:fine){:where(input:not([type=submit]):not([type=button]),select,textarea):focus-visible{outline:2px solid var(--color-link);outline-offset:-1px}}@media screen and (hover:none)and (pointer:coarse){:where(input:not([type=submit]):not([type=button]),select,textarea):focus-visible{outline:2px solid var(--color-link);outline-offset:-1px}}@media screen{:where(input:not([type=submit]):not([type=button]),select,textarea)::placeholder{color:var(--color-text-secondary);opacity:.7}:where(input:not([type=submit]):not([type=button]),select,textarea):disabled{background-color:var(--color-bg-secondary);cursor:not-allowed}:where(label){display:block;font-weight:600;margin-block-end:.25rem}}@media screen{:where(dialog){background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--color-text);margin:auto;max-block-size:85vh;max-inline-size:min(90vw,600px);padding:1rem}:where(dialog)::backdrop{backdrop-filter:blur(2px);background-color:#00000080}:where(dialog)[open]{animation:i .25s ease-out}:where(canvas):is([is=ui-canvas]){block-size:stretch;border:0 #0000;box-sizing:border-box!important;image-rendering:optimizeQuality;inline-size:stretch;inset:0;margin:0;max-block-size:stretch!important;max-inline-size:stretch!important;min-block-size:0;min-inline-size:0;object-fit:cover;object-position:center;outline:0 none #0000;padding:0;pointer-events:none;position:absolute;z-index:0}}[data-scheme=dark],[data-theme=dark]{color-scheme:dark only}[data-scheme=light],[data-theme=light]{color-scheme:light only}[data-scheme=system],[data-theme=system]{color-scheme:light dark}}@layer ux-agate{@media screen{:host,:root,:scope,:where(body){pointer-events:auto;transition-behavior:allow-discrete;interpolate-size:allow-keywords;content-visibility:auto;--keyboard-inset-bottom: calc(max(env(keyboard-inset-bottom, 0px), 0px)/max(var(--zoom, 1), .125)) ;--keyboard-inset-height: calc(max(env(keyboard-inset-height, 0px), 0px)/max(var(--zoom, 1), .125)) }:host,:root,:scope{--scale:1;--translate-x:0px;--translate-y:0px}:host,:host :where(*),:root,:root :where(*),:scope,:scope :where(*){--scale:1;--translate-x:0px;--translate-y:0px}:root,:where(html){background-color:initial;block-size:100%;border:0 #0000;contain:none;container-name:html root;container-type:size;display:flex;flex-direction:column;inline-size:100%;inset:0;inset-block-end:auto;line-height:normal;margin:0;max-block-size:var(--screen-height,100dvb)!important;max-inline-size:var(--screen-width,100dvi)!important;min-block-size:100dvb;min-inline-size:100dvi;outline:0 none #0000;overflow:visible;padding:0;place-content:start;place-items:start;place-self:start;position:fixed;transform:none;translate:none}:where(body){background-color:initial;block-size:stretch;border:0 #0000;contain:strict;container-name:body;container-type:size;display:inline-flex;font-size:var(--text-base,.9rem);inline-size:stretch;inset:auto;margin:0;max-block-size:min(100%,min(100cqb,100dvb));max-inline-size:min(100%,min(100cqi,100dvi));min-block-size:0;min-inline-size:0;outline:0 none #0000;overflow:visible;padding:0;place-content:start;place-items:start;place-self:start;pointer-events:auto;position:relative;transform:none;translate:none}:where(body)>:where(#app,#container,#root,.root){block-size:stretch;inline-size:stretch;max-block-size:min(100%,min(100cqb,100dvb));max-inline-size:min(100%,min(100cqi,100dvi));min-block-size:0;min-inline-size:0}:where(body)>:where(*){max-block-size:min(100%,min(100cqb,100dvb));max-inline-size:min(100%,min(100cqi,100dvi))}}}@layer ux-existence{[data-hidden]:not([data-hidden=false]):not([data-opacity-animation]),[data-hidden]:not([data-hidden=false]):not([data-opacity-animation]) *{content-visibility:auto!important;display:none!important;pointer-events:none!important;touch-action:none!important}:host([data-hidden]:not([data-hidden=false]:not([data-opacity-animation]))),:host([data-hidden]:not([data-hidden=false]:not([data-opacity-animation]))) *,:host([data-hidden]:not([data-hidden=false]:not([data-opacity-animation]))) ::slotted(*){content-visibility:auto!important;display:none!important;pointer-events:none!important;touch-action:none!important}:host([data-hidden]:not([data-hidden=false])),:host([data-hidden]:not([data-hidden=false])) *,:host([data-hidden]:not([data-hidden=false])) ::slotted(*){pointer-events:none!important;touch-action:none!important}[data-hidden]:not([data-hidden=false]),[data-hidden]:not([data-hidden=false]) *{pointer-events:none!important;touch-action:none!important}}@layer ux-orientbox{.ui-orientbox{--in-orient-base:round(nearest,var(--orient,0),1);--in-rev-cond-x:clamp(0,calc(var(--in-orient-base, 0) - 1),1);--in-rev-cond-y:clamp(0, calc((1 - abs(calc(var(--in-orient-base, 0) - 1.5)))*2) ,1);--in-swap-cond:rem(var(--orient,0),2);--in-rev-vx:calc(var(--in-rev-cond-x, 1) * -2 + 1);--in-rev-vy:calc(var(--in-rev-cond-y, 1) * -2 + 1);--os-size-x:--get-oriented-size(mod(4 - var(--orient,0),4),var(--cs-size-x,100cqi),var(--cs-size-y,100cqb),0);--os-size-y:--get-oriented-size(mod(4 - var(--orient,0),4),var(--cs-size-x,100cqb),var(--cs-size-y,100cqi),1);--os-self-size-x:--get-oriented-size(mod(4 - var(--orient,0),4),var(--cs-self-size-x,100%),var(--cs-self-size-y,100%),0);--os-self-size-y:--get-oriented-size(mod(4 - var(--orient,0),4),var(--cs-self-size-x,100%),var(--cs-self-size-y,100%),1);--cs-inset-x:--get-oriented-coordinate(var(--orient,0),var(--os-inset-x,0px),var(--os-inset-y,0px),var(--os-size-x,100cqi),var(--os-size-y,100cqb),0);--cs-inset-y:--get-oriented-coordinate(var(--orient,0),var(--os-inset-x,0px),var(--os-inset-y,0px),var(--os-size-x,100cqi),var(--os-size-y,100cqb),1);--cs-drag-x:--get-oriented-vector(var(--orient,0),var(--os-drag-x,0px),var(--os-drag-y,0px),0);--cs-drag-y:--get-oriented-vector(var(--orient,0),var(--os-drag-x,0px),var(--os-drag-y,0px),1);--color-shade:0;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.ui-orientbox:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.ui-orientbox:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.ui-orientbox:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.ui-orientbox:where(button,input,select,textarea){border-style:solid;border-width:.5px}.ui-orientbox{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.ui-orientbox::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.ui-orientbox :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.ui-orientbox :where(button,input,select,textarea,option),.ui-orientbox:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.ui-orientbox :where(button,input,select,textarea,option),.ui-orientbox:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.ui-orientbox :where(button,input,select,textarea,option),.ui-orientbox:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.ui-orientbox :where(button,input,select,textarea,option):hover,.ui-orientbox:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.ui-orientbox :where(button,input,select,textarea,option):active,.ui-orientbox:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.ui-orientbox :where(button,input,select,textarea,option):active,.ui-orientbox:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.ui-orientbox :where(button,input,select,textarea,option):focus,.ui-orientbox:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.ui-orientbox :where(button,input,select,textarea,option):focus-visible,.ui-orientbox:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.ui-orientbox :where(button,input,select,textarea,option):focus-visible,.ui-orientbox:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.ui-orientbox :where(button,input,select,textarea,option):disabled,.ui-orientbox :where(button,input,select,textarea,option)[aria-disabled=true],.ui-orientbox:where(button,input,select,textarea,option):disabled,.ui-orientbox:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.ui-orientbox :where(button,input,select,textarea,option):disabled,.ui-orientbox :where(button,input,select,textarea,option)[aria-disabled=true],.ui-orientbox:where(button,input,select,textarea,option):disabled,.ui-orientbox:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.ui-orientbox :where(button,input,select,textarea,option)::selection,.ui-orientbox :where(button,input,select,textarea,option):checked,.ui-orientbox :where(button,input,select,textarea,option)[aria-selected=true],.ui-orientbox:where(button,input,select,textarea,option)::selection,.ui-orientbox:where(button,input,select,textarea,option):checked,.ui-orientbox:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.ui-orientbox :where(button,input,select,textarea,option)::selection,.ui-orientbox :where(button,input,select,textarea,option):checked,.ui-orientbox :where(button,input,select,textarea,option)[aria-selected=true],.ui-orientbox:where(button,input,select,textarea,option)::selection,.ui-orientbox:where(button,input,select,textarea,option):checked,.ui-orientbox:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.ui-orientbox :where(button,input,select,textarea,option):autofill,.ui-orientbox:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.ui-orientbox :where(button,input,select,textarea,option):auto-fill,.ui-orientbox:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.ui-orientbox :where(button,input,select,textarea,option)::placeholder,.ui-orientbox:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.ui-orientbox :where(button,input,select,textarea,option):autofill,.ui-orientbox :where(button,input,select,textarea,option):autofill:active,.ui-orientbox :where(button,input,select,textarea,option):autofill:focus,.ui-orientbox :where(button,input,select,textarea,option):autofill:hover,.ui-orientbox:where(button,input,select,textarea,option):autofill,.ui-orientbox:where(button,input,select,textarea,option):autofill:active,.ui-orientbox:where(button,input,select,textarea,option):autofill:focus,.ui-orientbox:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.ui-orientbox :where(button,input,select,textarea,option):auto-fill,.ui-orientbox :where(button,input,select,textarea,option):auto-fill:active,.ui-orientbox :where(button,input,select,textarea,option):auto-fill:focus,.ui-orientbox :where(button,input,select,textarea,option):auto-fill:hover,.ui-orientbox:where(button,input,select,textarea,option):auto-fill,.ui-orientbox:where(button,input,select,textarea,option):auto-fill:active,.ui-orientbox:where(button,input,select,textarea,option):auto-fill:focus,.ui-orientbox:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.ui-orientbox :where(button,input,select,textarea,option)::selection,.ui-orientbox :where(button,input,select,textarea,option):checked,.ui-orientbox :where(button,input,select,textarea,option)[aria-selected=true],.ui-orientbox:where(button,input,select,textarea,option)::selection,.ui-orientbox:where(button,input,select,textarea,option):checked,.ui-orientbox:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.ui-orientbox :where(button,input,select,textarea,option)::selection,.ui-orientbox :where(button,input,select,textarea,option):checked,.ui-orientbox :where(button,input,select,textarea,option)[aria-selected=true],.ui-orientbox:where(button,input,select,textarea,option)::selection,.ui-orientbox:where(button,input,select,textarea,option):checked,.ui-orientbox:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.ui-orientbox::picker(select){background-color:initial}.ui-orientbox ::picker(select){background-color:initial}.ui-orientbox ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.ui-orientbox:where(a,span,ui-icon){background-color:initial}.ui-orientbox:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.ui-orientbox :where(a,span,ui-icon){background-color:initial}.ui-orientbox :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.ui-orientbox{--cs-size-x:100cqi;--cs-size-y:100cqb;background-color:initial;block-size:stretch;border-radius:var(--radius-lg);contain:strict!important;container-type:size!important;direction:ltr!important;font-size:16px;grid-column:1/-1;grid-row:1/-1;inline-size:stretch;inset:0;max-block-size:min(100%,min(100cqb,100dvb))!important;max-inline-size:min(100%,min(100cqi,100dvi))!important;min-block-size:0;min-inline-size:0;place-self:start;pointer-events:none;position:relative;writing-mode:horizontal-tb!important;zoom:max(var(--zoom,1),.125);--zoom:max(var(--scaling,1),.125);--zpx: calc(1px/max(var(--zoom, 1), .125)) ;--ppx: calc(1px/max(var(--pixel-ratio, 1), .125)) }.ui-orientbox :where(ui-frame,.u2-grid-item,ui-modal,[is=ui-orientbox],[is=ui-gridbox],[is=ui-orientbox]>:where(*),[is=ui-gridbox]>:where(*),.ui-gridlayout,.ui-gridlayout>:where(*)),.ui-orientbox>:where(*){--in-orient-base:round(nearest,var(--orient,0),1);--in-rev-cond-x:clamp(0,calc(var(--in-orient-base, 0) - 1),1);--in-rev-cond-y:clamp(0, calc((1 - abs(calc(var(--in-orient-base, 0) - 1.5)))*2) ,1);--in-swap-cond:rem(var(--orient,0),2);--in-rev-vx:calc(var(--in-rev-cond-x, 1) * -2 + 1);--in-rev-vy:calc(var(--in-rev-cond-y, 1) * -2 + 1)}.ui-orientbox :where(ui-frame,.u2-grid-item,ui-modal,[is=ui-orientbox],[is=ui-gridbox],[is=ui-orientbox]>:where(*),[is=ui-gridbox]>:where(*),.ui-gridlayout,.ui-gridlayout>:where(*)),.ui-orientbox>:where(*){--os-size-x:--get-oriented-size(mod(4 - var(--orient,0),4),var(--cs-size-x,100cqi),var(--cs-size-y,100cqb),0);--os-size-y:--get-oriented-size(mod(4 - var(--orient,0),4),var(--cs-size-x,100cqb),var(--cs-size-y,100cqi),1);--os-self-size-x:--get-oriented-size(mod(4 - var(--orient,0),4),var(--cs-self-size-x,100%),var(--cs-self-size-y,100%),0);--os-self-size-y:--get-oriented-size(mod(4 - var(--orient,0),4),var(--cs-self-size-x,100%),var(--cs-self-size-y,100%),1)}.ui-orientbox :where(ui-frame,.u2-grid-item,ui-modal,[is=ui-orientbox],[is=ui-gridbox],[is=ui-orientbox]>:where(*),[is=ui-gridbox]>:where(*),.ui-gridlayout,.ui-gridlayout>:where(*)),.ui-orientbox>:where(*){--cs-inset-x:--get-oriented-coordinate(var(--orient,0),var(--os-inset-x,0px),var(--os-inset-y,0px),var(--os-size-x,100cqi),var(--os-size-y,100cqb),0);--cs-inset-y:--get-oriented-coordinate(var(--orient,0),var(--os-inset-x,0px),var(--os-inset-y,0px),var(--os-size-x,100cqi),var(--os-size-y,100cqb),1);--cs-drag-x:--get-oriented-vector(var(--orient,0),var(--os-drag-x,0px),var(--os-drag-y,0px),0);--cs-drag-y:--get-oriented-vector(var(--orient,0),var(--os-drag-x,0px),var(--os-drag-y,0px),1)}.ui-orientbox .center-self{inset:var(--cs-inset-y,0) auto auto var(--cs-inset-x,0);place-self:center;transform:translate3d(round(nearest,var(--cs-drag-x,0),1px/var(--pixel-ratio,1)),round(nearest,var(--cs-drag-y,0),1px/var(--pixel-ratio,1)),0) scale3d(var(--scale,1),var(--scale,1),var(--scale,1)) translate3d(round(nearest,calc(var(--translate-x, 0px) - 50%),1px/var(--pixel-ratio,1)),round(nearest,calc(var(--translate-y, 0px) - 50%),1px/var(--pixel-ratio,1)),0);transform-origin:0 0}.ui-orientbox .fixed{position:fixed!important}.ui-orientbox .absolute,.ui-orientbox .fixed{inset:var(--cs-inset-y,0) auto auto var(--cs-inset-x,0)}.ui-orientbox .absolute{position:absolute!important}.native-portrait-optimized{--in-swap-cond:0}@media(orientation:portrait){.native-portrait-optimized{--in-swap-cond:0}}@media(orientation:landscape){.native-portrait-optimized{--in-swap-cond:1}}}@property --item-size{syntax:"<length-percentage>";inherits:true;initial-value:100%}@layer ux-gridbox{.ui-gridlayout{--os-layout-c:var(--layout-c,4);--os-layout-r:var(--layout-r,8);--cs-layout-c:--get-oriented-size-num(var(--orient,0),var(--os-layout-c,4),var(--os-layout-r,8),0);--cs-layout-r:--get-oriented-size-num(var(--orient,0),var(--os-layout-c,4),var(--os-layout-r,8),1);--c-gap:clamp(min(1rem,8cqmin),min( calc(8cqmin/min(var(--layout-c, 4), var(--layout-r, 8))) , calc(6cqmax/max(var(--layout-c, 4), var(--layout-r, 8))) ),min(4rem,16cqmin));--r-gap:clamp(min(1rem,8cqmin),min( calc(8cqmin/min(var(--layout-c, 4), var(--layout-r, 8))) , calc(6cqmax/max(var(--layout-c, 4), var(--layout-r, 8))) ),min(4rem,16cqmin));background-color:initial;block-size:stretch;box-sizing:border-box!important;contain:none!important;container-name:u2-grid;container-type:normal!important;direction:ltr;display:grid!important;gap:0!important;grid-column:1/-1;grid-row:1/-1;grid-template-columns:repeat(round(nearest,var(--cs-layout-c,4),1),minmax(0,1fr))!important;grid-template-rows:repeat(round(nearest,var(--cs-layout-r,8),1),minmax(0,1fr))!important;inline-size:stretch;max-block-size:min(100%,min(100cqb,100dvb))!important;max-inline-size:min(100%,min(100cqi,100dvi))!important;overflow:visible!important;padding:0!important;place-content:center!important;place-items:center!important;pointer-events:none!important;position:relative!important;text-align:center!important;zoom:1}.ui-gridlayout>:where(*){--cs-sw-unit-x:calc(var(--cs-size-x, 100cqi) / var(--cs-layout-c, 1));--cs-sw-unit-y:calc(var(--cs-size-y, 100cqb) / var(--cs-layout-r, 1))}.ui-gridlayout>:where(*){--cs-transition-c:0px;--cs-transition-r:0px}.ui-gridlayout>:where(*)[data-dragging]{--cs-transition-c:calc((var(--rv-grid-c, 0) - var(--cs-grid-c, 0)) * var(--cs-sw-unit-x, 1px));--cs-transition-r:calc((var(--rv-grid-r, 0) - var(--cs-grid-r, 0)) * var(--cs-sw-unit-y, 1px))}.ui-gridlayout>:where(*){--p-cell-x:var(--cell-x);--p-cell-y:var(--cell-y);--f-col:clamp(4,var(--layout-c,4),6);--f-row:clamp(6,var(--layout-r,8),12);--grid-c:clamp(0,var(--cell-x),var(--f-col) - 1);--grid-r:clamp(0,var(--cell-y),var(--f-row) - 1);--p-grid-c:clamp(0,var(--p-cell-x),var(--f-col) - 1);--p-grid-r:clamp(0,var(--p-cell-y),var(--f-row) - 1);--fc-cell-x:clamp(0,var(--cs-grid-c,0),var(--f-col) - 1);--fc-cell-y:clamp(0,var(--cs-grid-r,0),var(--f-row) - 1);--fp-cell-x:clamp(0,var(--cs-p-grid-c,0),var(--f-col) - 1);--fp-cell-y:clamp(0,var(--cs-p-grid-r,0),var(--f-row) - 1);--dir-x:calc(var(--cs-grid-c, 0) - var(--cs-p-grid-c, 0));--dir-y:calc(var(--cs-grid-r, 0) - var(--cs-p-grid-r, 0))}.ui-gridlayout>:where(*){--rv-grid-c:var(--cs-grid-c,1);--rv-grid-r:var(--cs-grid-r,1)}.ui-gridlayout>:where(*)[data-dragging]{--rv-grid-c:var(--cs-p-grid-c,1);--rv-grid-r:var(--cs-p-grid-r,1)}.ui-gridlayout>:where(*){--os-grid-c:var(--grid-c,1);--os-grid-r:var(--grid-r,1);--cs-grid-c:--get-oriented-coord-num(var(--orient,0),var(--os-grid-c,1),var(--os-grid-r,1),calc(var(--f-col, 1) - 1),calc(var(--f-row, 1) - 1),0);--cs-grid-r:--get-oriented-coord-num(var(--orient,0),var(--os-grid-c,1),var(--os-grid-r,1),calc(var(--f-col, 1) - 1),calc(var(--f-row, 1) - 1),1)}.ui-gridlayout>:where(*){--os-p-grid-c:var(--p-cell-x,0);--os-p-grid-r:var(--p-cell-y,0);--cs-p-grid-c:--get-oriented-coord-num(var(--orient,0),var(--os-p-grid-c,0),var(--os-p-grid-r,0),calc(var(--f-col, 1) - 1),calc(var(--f-row, 1) - 1),0);--cs-p-grid-r:--get-oriented-coord-num(var(--orient,0),var(--os-p-grid-c,0),var(--os-p-grid-r,0),calc(var(--f-col, 1) - 1),calc(var(--f-row, 1) - 1),1)}.ui-gridlayout>:where(*){--ox-c-unit:calc(var(--os-size-x, 100cqi) / var(--os-layout-c, 1));--ox-r-unit:calc(var(--os-size-y, 100cqb) / var(--os-layout-r, 1));--os-inset-x:calc((var(--grid-c, 1) + .5) * var(--ox-c-unit, 1px));--os-inset-y:calc((var(--grid-r, 1) + .5) * var(--ox-r-unit, 1px))}.ui-gridlayout>:where(*){--item-size:clamp(4rem, calc(100cqmax/min(var(--cs-layout-c, 4), var(--cs-layout-r, 8))) ,5rem)}.ui-gridlayout>:where(*) :where(*){--drag-x:0;--drag-y:0}.ui-gridlayout>:where(*){--drag-x:0;--cs-drag-x:calc(var(--drag-x, 0) * 1px);--drag-y:0;--cs-drag-y:calc(var(--drag-y, 0) * 1px)}.ui-gridlayout>:where(*) :active,.ui-gridlayout>:where(*):active,.ui-gridlayout>:where(*):has(:active){will-change:transform}.ui-gridlayout>:where(*){block-size:var(--item-size,stretch);grid-column:clamp(1,1 + round(nearest,var(--cs-grid-c,0),1),var(--cs-layout-c,4))!important;grid-row:clamp(1,1 + round(nearest,var(--cs-grid-r,0),1),var(--cs-layout-r,8))!important;inline-size:var(--item-size,stretch);inset:auto!important;max-block-size:var(--item-size,stretch);max-inline-size:var(--item-size,stretch);min-block-size:fit-content;min-inline-size:fit-content;place-self:center!important;pointer-events:none;position:relative!important;touch-action:none;transform:translate3d(round(nearest,var(--cs-drag-x,0) + var(--cs-transition-c,0),1px/var(--pixel-ratio,1)),round(nearest,var(--cs-drag-y,0) + var(--cs-transition-r,0),1px/var(--pixel-ratio,1)),0) scale3d(var(--scale,1),var(--scale,1),var(--scale,1)) translate3d(round(nearest,var(--translate-x,0),1px/var(--pixel-ratio,1)),round(nearest,var(--translate-y,0),1px/var(--pixel-ratio,1)),0)!important;transform-origin:50% 50%!important;translate:0 0 0!important;user-select:none;visibility:visible;z-index:1;zoom:1;-webkit-user-drag:none;-moz-user-drag:none;border:0 #0000;contain:none;isolation:isolate;outline:0 none #0000;overflow:visible}.ui-gridlayout>:where(*),.ui-gridlayout>:where(*) span,.ui-gridlayout>:where(*)>*{--drag-distance:clamp(0,hypot(var(--dir-x,0),var(--dir-y,0)),6);--drag-duration:clamp(96ms,calc(var(--drag-distance, 0) * .11s + 70ms),.36s);background-image:none;border:0 #0000;box-shadow:none;filter:none;outline:0 none #0000;pointer-events:none;touch-action:none;transition-behavior:allow-discrete;transition-delay:0s;transition-duration:var(--drag-duration);transition-property:opacity,background-color,color;transition-timing-function:cubic-bezier(.22,.8,.3,1)}.ui-gridlayout>:where(*) ui-icon{pointer-events:none}@media(prefers-reduced-motion:reduce){.ui-gridlayout>:where(*){transition-duration:0s;transition-timing-function:linear}}.ui-gridlayout>:where(*)>:where(*){block-size:stretch;grid-column:1/-1;grid-row:1/-1;inline-size:stretch;max-block-size:stretch;max-inline-size:stretch;min-block-size:1px;min-inline-size:1px}.ui-gridlayout.sd-grid--labels,.ui-gridlayout[data-layer=labels]{isolation:isolate;mix-blend-mode:normal;pointer-events:none!important}.ui-gridlayout.sd-grid--labels>:where(*),.ui-gridlayout[data-layer=labels]>:where(*){pointer-events:none}.ui-gridlayout.sd-grid--labels>:where(.ui-ws-item-label),.ui-gridlayout[data-layer=labels]>:where(.ui-ws-item-label){align-items:center;block-size:stretch;color:color-mix(in oklch,var(--on-surface-color) 78%,#0000 22%);display:flex;flex-direction:column;font-size:clamp(.65rem,1.35cqmin,1rem);font-weight:500;gap:clamp(.1rem,.35cqmin,.35rem);inline-size:100%;justify-content:flex-start;letter-spacing:.015em;padding-block-start:clamp(.25rem,.65cqmin,.65rem);text-align:center;text-shadow:0 1px 2px color-mix(in oklch,var(--surface-color) 35%,#0000),0 0 .35rem color-mix(in oklch,var(--surface-color) 15%,#0000);text-wrap:balance;translate:0 calc(clamp(.25rem,.65cqmin,.65rem) + var(--cs-sw-unit-y, 0px))}.ui-gridlayout.sd-grid--labels>:where(.ui-ws-item-label) span,.ui-gridlayout[data-layer=labels]>:where(.ui-ws-item-label) span{background-image:none;contain:layout paint;content-visibility:auto;max-inline-size:min(8ch,100%);opacity:.9;pointer-events:none;user-select:none}}@property --value{syntax:"<number>";initial-value:0;inherits:true}@property --relate{syntax:"<number>";initial-value:0;inherits:true}@property --drag-x{syntax:"<number>";initial-value:0;inherits:false}@property --drag-y{syntax:"<number>";initial-value:0;inherits:false}@property --order{syntax:"<integer>";initial-value:1;inherits:true}@property --content-inline-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --content-block-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --icon-size{syntax:"<length-percentage>";initial-value:16px;inherits:true}@property --icon-color{syntax:"<color>";initial-value:#0000;inherits:true}@layer ux-classes{.grid-rows>::slotted(*){display:grid;grid-auto-flow:column}.grid-rows>::slotted(*){place-content:center;place-items:center}.grid-rows>::slotted(*){--order:sibling-index();grid-column:1/-1;grid-row:var(--order,1)/calc(var(--order, 1) + 1);grid-template-columns:subgrid;grid-template-rows:minmax(0,max-content)}:host(.grid-rows) ::slotted(::slotted(*)){display:grid;grid-auto-flow:column}:host(.grid-rows) ::slotted(::slotted(*)){place-content:center;place-items:center}:host(.grid-rows) ::slotted(::slotted(*)){--order:sibling-index();grid-column:1/-1;grid-row:var(--order,1)/calc(var(--order, 1) + 1);grid-template-columns:subgrid;grid-template-rows:minmax(0,max-content)}.grid-rows>*{display:grid;grid-auto-flow:column;place-content:center;place-items:center;--order:sibling-index();grid-column:1/-1;grid-row:var(--order,1)/calc(var(--order, 1) + 1);grid-template-columns:subgrid;grid-template-rows:minmax(0,max-content)}:host(.grid-rows) ::slotted(*){display:grid;grid-auto-flow:column}:host(.grid-rows) ::slotted(*){place-content:center;place-items:center}:host(.grid-rows) ::slotted(*){--order:sibling-index();grid-column:1/-1;grid-row:var(--order,1)/calc(var(--order, 1) + 1);grid-template-columns:subgrid;grid-template-rows:minmax(0,max-content)}.grid-rows{--display:inline-grid;--flow:column;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center);--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);grid-auto-rows:minmax(0,max-content);grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);inline-size:var(--i-size,100%);list-style-position:inside;list-style-type:none;margin:0;padding:0}:host(.grid-rows){--display:inline-grid;--flow:column;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center)}:host(.grid-rows){--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}:host(.grid-rows){grid-auto-rows:minmax(0,max-content);grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);list-style-position:inside;list-style-type:none;margin:0;padding:0}.grid-columns>::slotted(*){display:grid;grid-auto-flow:row}.grid-columns>::slotted(*){place-content:center;place-items:center}.grid-columns>::slotted(*){--order:sibling-index();grid-column:var(--order,1)/calc(var(--order, 1) + 1);grid-row:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid}:host(.grid-columns) ::slotted(::slotted(*)){display:grid;grid-auto-flow:row}:host(.grid-columns) ::slotted(::slotted(*)){place-content:center;place-items:center}:host(.grid-columns) ::slotted(::slotted(*)){--order:sibling-index();grid-column:var(--order,1)/calc(var(--order, 1) + 1);grid-row:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid}.grid-columns>*{display:grid;grid-auto-flow:row;place-content:center;place-items:center;--order:sibling-index();grid-column:var(--order,1)/calc(var(--order, 1) + 1);grid-row:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid}:host(.grid-columns) ::slotted(*){display:grid;grid-auto-flow:row}:host(.grid-columns) ::slotted(*){place-content:center;place-items:center}:host(.grid-columns) ::slotted(*){--order:sibling-index();grid-column:var(--order,1)/calc(var(--order, 1) + 1);grid-row:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid}.grid-columns{--display:inline-grid;--flow:row;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center);--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);grid-auto-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);inline-size:var(--i-size,100%);list-style-position:inside;list-style-type:none;margin:0;padding:0}:host(.grid-columns){--display:inline-grid;--flow:row;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center)}:host(.grid-columns){--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}:host(.grid-columns){grid-auto-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);list-style-position:inside;list-style-type:none;margin:0;padding:0}.flex-columns>::slotted(*){--order:sibling-index();flex:1 1 max-content;order:var(--order,auto)}.flex-columns>::slotted(*){place-content:center;place-items:center}:host(.flex-columns) ::slotted(::slotted(*)){--order:sibling-index();flex:1 1 max-content;order:var(--order,auto)}:host(.flex-columns) ::slotted(::slotted(*)){place-content:center;place-items:center}.flex-columns>*{--order:sibling-index();flex:1 1 max-content;order:var(--order,auto);place-content:center;place-items:center}:host(.flex-columns) ::slotted(*){--order:sibling-index();flex:1 1 max-content;order:var(--order,auto)}:host(.flex-columns) ::slotted(*){place-content:center;place-items:center}.flex-columns{--display:inline-flex;--flow:column;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center);--i-size:max-content;--b-size:max-content;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}:host(.flex-columns){--display:inline-flex;--flow:column;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center)}:host(.flex-columns){--i-size:max-content;--b-size:max-content;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}.grid-layered>::slotted(*){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.grid-layered>::slotted(*)>*{grid-column:1/-1;grid-row:1/-1}:host(.grid-layered) ::slotted(::slotted(*)){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}:host(.grid-layered) ::slotted(::slotted(*))>*{grid-column:1/-1;grid-row:1/-1}.grid-layered>*{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.grid-layered>*>*{grid-column:1/-1;grid-row:1/-1}:host(.grid-layered) ::slotted(*){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}:host(.grid-layered) ::slotted(*)>*{grid-column:1/-1;grid-row:1/-1}.grid-layered{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.grid-layered>*{grid-column:1/-1;grid-row:1/-1}.grid-layered{--display:inline-grid;--flow:column;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center);--i-size:max-content;--b-size:max-content;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}:host(.grid-layered){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}:host(.grid-layered)>*{grid-column:1/-1;grid-row:1/-1}:host(.grid-layered){--display:inline-grid;--flow:column;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center)}:host(.grid-layered){--i-size:max-content;--b-size:max-content;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}.grid-rows-3c>::slotted(*){grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}:host(.grid-rows-3c) ::slotted(::slotted(*)){grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}.grid-rows-3c>*{grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}:host(.grid-rows-3c) ::slotted(*){grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}.grid-rows-3c{grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}:host(.grid-rows-3c){grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}.grid-rows-3c>::slotted(:last-child){grid-column:var(--order,1)/3 span}:host(.grid-rows-3c) ::slotted(::slotted(:last-child)){grid-column:var(--order,1)/3 span}.grid-rows-3c>:last-child{grid-column:var(--order,1)/3 span}:host(.grid-rows-3c) ::slotted(:last-child){grid-column:var(--order,1)/3 span}.grid-rows-3c{--order:sibling-index();grid-column:var(--order,1)/var(--order,1) span;--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}:host(.grid-rows-3c){--order:sibling-index()}:host(.grid-rows-3c){grid-column:var(--order,1)/var(--order,1) span}:host(.grid-rows-3c){--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}.stretch-inline{inline-size:stretch}:host(.stretch-inline){inline-size:stretch}.stretch-block{block-size:stretch}:host(.stretch-block){block-size:stretch}.content-inline-size{padding-inline:max(100% - (100% - var(--content-inline-size,100%) * .5),0px)}:host(.content-inline-size){padding-inline:max(100% - (100% - var(--content-inline-size,100%) * .5),0px)}.content-block-size{padding-block:max(100% - (100% - var(--content-block-size,100%) * .5),0px)}:host(.content-block-size){padding-block:max(100% - (100% - var(--content-block-size,100%) * .5),0px)}.ux-anchor{inset-block-start:max(var(--client-y,0) * 1px,0px);inset-inline-start:max(var(--client-x,0) * 1px,0px);--translate-x:round(nearest,min(0px,calc(100cqi - (100% + var(--client-x, 0) * 1px))),calc(1px / var(--pixel-ratio, 1)))!important;--translate-y:round(nearest,min(0px,calc(100cqb - (100% + var(--client-y, 0) * 1px))),calc(1px / var(--pixel-ratio, 1)))!important}@supports (position-anchor:--example){.ux-anchor{inline-size:anchor-size(var(--anchor-group) self-inline);inset-block-start:anchor(var(--anchor-group) end);inset-inline-start:anchor(var(--anchor-group) start);position-anchor:var(--anchor-group)}}:host(.ux-anchor){inset-block-start:max(var(--client-y,0) * 1px,0px);inset-inline-start:max(var(--client-x,0) * 1px,0px)}:host(.ux-anchor){--translate-x:round(nearest,min(0px,calc(100cqi - (100% + var(--client-x, 0) * 1px))),calc(1px / var(--pixel-ratio, 1)))!important;--translate-y:round(nearest,min(0px,calc(100cqb - (100% + var(--client-y, 0) * 1px))),calc(1px / var(--pixel-ratio, 1)))!important}@supports (position-anchor:--example){:host(.ux-anchor){inline-size:anchor-size(var(--anchor-group) self-inline);inset-block-start:anchor(var(--anchor-group) end);inset-inline-start:anchor(var(--anchor-group) start);position-anchor:var(--anchor-group)}}.ux-anchor{--shift-x:var(--client-x,0);--shift-y:var(--client-y,0);--translate-x:round(nearest,min(0px,calc(100cqi - (100% + var(--shift-x, 0) * 1px))),calc(1px / var(--pixel-ratio, 1)))!important;--translate-y:round(nearest,min(0px,calc(100cqb - (100% + var(--shift-y, 0) * 1px))),calc(1px / var(--pixel-ratio, 1)))!important;direction:ltr;inset-block-end:auto;inset-block-start:max(var(--shift-y) * 1px,var(--status-bar-padding,0px));inset-inline-end:auto;inset-inline-start:max(var(--shift-x) * 1px,0px);transform:none;translate:0 0 0;writing-mode:horizontal-tb}:host(.ux-anchor){--shift-x:var(--client-x,0);--shift-y:var(--client-y,0);--translate-x:round(nearest,min(0px,calc(100cqi - (100% + var(--shift-x, 0) * 1px))),calc(1px / var(--pixel-ratio, 1)))!important;--translate-y:round(nearest,min(0px,calc(100cqb - (100% + var(--shift-y, 0) * 1px))),calc(1px / var(--pixel-ratio, 1)))!important;direction:ltr;inset-block-end:auto;inset-block-start:max(var(--shift-y) * 1px,var(--status-bar-padding,0px));inset-inline-end:auto;inset-inline-start:max(var(--shift-x) * 1px,0px);transform:none;translate:0 0 0;writing-mode:horizontal-tb}.layered-wrap{background-color:initial;block-size:max-content;display:inline-grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);inline-size:max-content;overflow:visible;z-index:calc(var(--z-index, 0) + 1)}.layered-wrap>*{grid-column:1/-1;grid-row:1/-1}:host(.layered-wrap){background-color:initial;block-size:max-content;display:inline-grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);inline-size:max-content;overflow:visible;z-index:calc(var(--z-index, 0) + 1)}:host(.layered-wrap)>*{grid-column:1/-1;grid-row:1/-1}}@layer ux-animation;@layer ux-colors{:where(input,textarea,select).is-success,:where(input,textarea,select).state-success,:where(input,textarea,select)[data-state=success]{--current:var(--color-success);background-color:oklch(from var(--color-success) l c h/.04);border-color:oklch(from var(--color-success) l c h/var(--border-opacity-strong))}:where(input,textarea,select).is-warning,:where(input,textarea,select).state-warning,:where(input,textarea,select)[data-state=warning]{--current:var(--color-warning);background-color:oklch(from var(--color-warning) l c h/.04);border-color:oklch(from var(--color-warning) l c h/var(--border-opacity-strong))}:where(input,textarea,select).is-error,:where(input,textarea,select).is-invalid,:where(input,textarea,select).state-error,:where(input,textarea,select).state-invalid,:where(input,textarea,select)[data-state=error],:where(input,textarea,select)[data-state=invalid]{--current:var(--color-error,var(--color-danger));background-color:oklch(from var(--color-error) l c h/.04);border-color:oklch(from var(--color-error) l c h/var(--border-opacity-strong))}:where(input,textarea,select).is-valid,:where(input,textarea,select).state-valid,:where(input,textarea,select)[data-state=valid]{--current:var(--color-success);background-color:oklch(from var(--color-success) l c h/.04);border-color:oklch(from var(--color-success) l c h/var(--border-opacity-strong))}.color-primary{--current:var(--color-primary)}.color-secondary{--current:var(--color-secondary)}.color-accent{--current:var(--color-accent)}.color-success{--current:var(--color-success)}.color-warning{--current:var(--color-warning)}.color-danger{--current:var(--color-danger)}.color-info{--current:var(--color-info)}.surface{--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.surface:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.surface:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.surface:where(button,input,select,textarea){border-style:solid;border-width:.5px}.surface{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.surface:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.surface:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.surface:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface:where(button,input,select,textarea,option):disabled,.surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.surface:where(button,input,select,textarea,option):disabled,.surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.surface:where(button,input,select,textarea,option)::selection,.surface:where(button,input,select,textarea,option):checked,.surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.surface:where(button,input,select,textarea,option)::selection,.surface:where(button,input,select,textarea,option):checked,.surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.surface:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.surface:where(button,input,select,textarea,option):autofill,.surface:where(button,input,select,textarea,option):autofill:active,.surface:where(button,input,select,textarea,option):autofill:focus,.surface:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.surface:where(button,input,select,textarea,option):auto-fill,.surface:where(button,input,select,textarea,option):auto-fill:active,.surface:where(button,input,select,textarea,option):auto-fill:focus,.surface:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.surface:where(button,input,select,textarea,option)::selection,.surface:where(button,input,select,textarea,option):checked,.surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.surface:where(button,input,select,textarea,option)::selection,.surface:where(button,input,select,textarea,option):checked,.surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.surface::picker(select){background-color:initial}.surface:where(a,span,ui-icon){background-color:initial}.surface:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.surface-subtle{--color-shade:var(--surface-opacity-subtle);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.surface-subtle:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-subtle:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.surface-subtle:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.surface-subtle:where(button,input,select,textarea){border-style:solid;border-width:.5px}.surface-subtle{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface-subtle::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-subtle:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.surface-subtle:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.surface-subtle:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.surface-subtle:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.surface-subtle:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.surface-subtle:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-subtle:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.surface-subtle:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-subtle:where(button,input,select,textarea,option):disabled,.surface-subtle:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.surface-subtle:where(button,input,select,textarea,option):disabled,.surface-subtle:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.surface-subtle:where(button,input,select,textarea,option)::selection,.surface-subtle:where(button,input,select,textarea,option):checked,.surface-subtle:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.surface-subtle:where(button,input,select,textarea,option)::selection,.surface-subtle:where(button,input,select,textarea,option):checked,.surface-subtle:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.surface-subtle:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-subtle:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-subtle:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.surface-subtle:where(button,input,select,textarea,option):autofill,.surface-subtle:where(button,input,select,textarea,option):autofill:active,.surface-subtle:where(button,input,select,textarea,option):autofill:focus,.surface-subtle:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.surface-subtle:where(button,input,select,textarea,option):auto-fill,.surface-subtle:where(button,input,select,textarea,option):auto-fill:active,.surface-subtle:where(button,input,select,textarea,option):auto-fill:focus,.surface-subtle:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.surface-subtle:where(button,input,select,textarea,option)::selection,.surface-subtle:where(button,input,select,textarea,option):checked,.surface-subtle:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.surface-subtle:where(button,input,select,textarea,option)::selection,.surface-subtle:where(button,input,select,textarea,option):checked,.surface-subtle:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.surface-subtle::picker(select){background-color:initial}.surface-subtle:where(a,span,ui-icon){background-color:initial}.surface-subtle:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.surface-muted{--color-shade:var(--surface-opacity-muted);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.surface-muted:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-muted:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.surface-muted:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.surface-muted:where(button,input,select,textarea){border-style:solid;border-width:.5px}.surface-muted{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface-muted::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-muted:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.surface-muted:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.surface-muted:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.surface-muted:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.surface-muted:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.surface-muted:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-muted:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.surface-muted:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-muted:where(button,input,select,textarea,option):disabled,.surface-muted:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.surface-muted:where(button,input,select,textarea,option):disabled,.surface-muted:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.surface-muted:where(button,input,select,textarea,option)::selection,.surface-muted:where(button,input,select,textarea,option):checked,.surface-muted:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.surface-muted:where(button,input,select,textarea,option)::selection,.surface-muted:where(button,input,select,textarea,option):checked,.surface-muted:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.surface-muted:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-muted:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-muted:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.surface-muted:where(button,input,select,textarea,option):autofill,.surface-muted:where(button,input,select,textarea,option):autofill:active,.surface-muted:where(button,input,select,textarea,option):autofill:focus,.surface-muted:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.surface-muted:where(button,input,select,textarea,option):auto-fill,.surface-muted:where(button,input,select,textarea,option):auto-fill:active,.surface-muted:where(button,input,select,textarea,option):auto-fill:focus,.surface-muted:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.surface-muted:where(button,input,select,textarea,option)::selection,.surface-muted:where(button,input,select,textarea,option):checked,.surface-muted:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.surface-muted:where(button,input,select,textarea,option)::selection,.surface-muted:where(button,input,select,textarea,option):checked,.surface-muted:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.surface-muted::picker(select){background-color:initial}.surface-muted:where(a,span,ui-icon){background-color:initial}.surface-muted:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.surface-emphasis{--color-shade:var(--surface-opacity-emphasis);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.surface-emphasis:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-emphasis:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.surface-emphasis:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.surface-emphasis:where(button,input,select,textarea){border-style:solid;border-width:.5px}.surface-emphasis{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface-emphasis::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-emphasis:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.surface-emphasis:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.surface-emphasis:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.surface-emphasis:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.surface-emphasis:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.surface-emphasis:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-emphasis:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.surface-emphasis:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-emphasis:where(button,input,select,textarea,option):disabled,.surface-emphasis:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.surface-emphasis:where(button,input,select,textarea,option):disabled,.surface-emphasis:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.surface-emphasis:where(button,input,select,textarea,option)::selection,.surface-emphasis:where(button,input,select,textarea,option):checked,.surface-emphasis:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.surface-emphasis:where(button,input,select,textarea,option)::selection,.surface-emphasis:where(button,input,select,textarea,option):checked,.surface-emphasis:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.surface-emphasis:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-emphasis:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-emphasis:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.surface-emphasis:where(button,input,select,textarea,option):autofill,.surface-emphasis:where(button,input,select,textarea,option):autofill:active,.surface-emphasis:where(button,input,select,textarea,option):autofill:focus,.surface-emphasis:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.surface-emphasis:where(button,input,select,textarea,option):auto-fill,.surface-emphasis:where(button,input,select,textarea,option):auto-fill:active,.surface-emphasis:where(button,input,select,textarea,option):auto-fill:focus,.surface-emphasis:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.surface-emphasis:where(button,input,select,textarea,option)::selection,.surface-emphasis:where(button,input,select,textarea,option):checked,.surface-emphasis:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.surface-emphasis:where(button,input,select,textarea,option)::selection,.surface-emphasis:where(button,input,select,textarea,option):checked,.surface-emphasis:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.surface-emphasis::picker(select){background-color:initial}.surface-emphasis:where(a,span,ui-icon){background-color:initial}.surface-emphasis:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.surface-strong{--color-shade:var(--surface-opacity-strong);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.surface-strong:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-strong:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.surface-strong:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.surface-strong:where(button,input,select,textarea){border-style:solid;border-width:.5px}.surface-strong{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface-strong::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-strong:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.surface-strong:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.surface-strong:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.surface-strong:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.surface-strong:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.surface-strong:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-strong:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.surface-strong:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-strong:where(button,input,select,textarea,option):disabled,.surface-strong:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.surface-strong:where(button,input,select,textarea,option):disabled,.surface-strong:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.surface-strong:where(button,input,select,textarea,option)::selection,.surface-strong:where(button,input,select,textarea,option):checked,.surface-strong:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.surface-strong:where(button,input,select,textarea,option)::selection,.surface-strong:where(button,input,select,textarea,option):checked,.surface-strong:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.surface-strong:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-strong:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-strong:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.surface-strong:where(button,input,select,textarea,option):autofill,.surface-strong:where(button,input,select,textarea,option):autofill:active,.surface-strong:where(button,input,select,textarea,option):autofill:focus,.surface-strong:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.surface-strong:where(button,input,select,textarea,option):auto-fill,.surface-strong:where(button,input,select,textarea,option):auto-fill:active,.surface-strong:where(button,input,select,textarea,option):auto-fill:focus,.surface-strong:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.surface-strong:where(button,input,select,textarea,option)::selection,.surface-strong:where(button,input,select,textarea,option):checked,.surface-strong:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.surface-strong:where(button,input,select,textarea,option)::selection,.surface-strong:where(button,input,select,textarea,option):checked,.surface-strong:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.surface-strong::picker(select){background-color:initial}.surface-strong:where(a,span,ui-icon){background-color:initial}.surface-strong:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.surface-interactive{--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.surface-interactive:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-interactive:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.surface-interactive:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.surface-interactive:where(button,input,select,textarea){border-style:solid;border-width:.5px}.surface-interactive{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface-interactive::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-interactive :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-interactive :where(button,input,select,textarea,option),.surface-interactive:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface-interactive :where(button,input,select,textarea,option),.surface-interactive:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.surface-interactive :where(button,input,select,textarea,option),.surface-interactive:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.surface-interactive :where(button,input,select,textarea,option):hover,.surface-interactive:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.surface-interactive :where(button,input,select,textarea,option):active,.surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.surface-interactive :where(button,input,select,textarea,option):active,.surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.surface-interactive :where(button,input,select,textarea,option):focus,.surface-interactive:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-interactive :where(button,input,select,textarea,option):focus-visible,.surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.surface-interactive :where(button,input,select,textarea,option):focus-visible,.surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-interactive :where(button,input,select,textarea,option):disabled,.surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.surface-interactive:where(button,input,select,textarea,option):disabled,.surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.surface-interactive :where(button,input,select,textarea,option):disabled,.surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.surface-interactive:where(button,input,select,textarea,option):disabled,.surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.surface-interactive :where(button,input,select,textarea,option)::selection,.surface-interactive :where(button,input,select,textarea,option):checked,.surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive:where(button,input,select,textarea,option)::selection,.surface-interactive:where(button,input,select,textarea,option):checked,.surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.surface-interactive :where(button,input,select,textarea,option)::selection,.surface-interactive :where(button,input,select,textarea,option):checked,.surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive:where(button,input,select,textarea,option)::selection,.surface-interactive:where(button,input,select,textarea,option):checked,.surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.surface-interactive :where(button,input,select,textarea,option):autofill,.surface-interactive:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-interactive :where(button,input,select,textarea,option):auto-fill,.surface-interactive:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-interactive :where(button,input,select,textarea,option)::placeholder,.surface-interactive:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.surface-interactive :where(button,input,select,textarea,option):autofill,.surface-interactive :where(button,input,select,textarea,option):autofill:active,.surface-interactive :where(button,input,select,textarea,option):autofill:focus,.surface-interactive :where(button,input,select,textarea,option):autofill:hover,.surface-interactive:where(button,input,select,textarea,option):autofill,.surface-interactive:where(button,input,select,textarea,option):autofill:active,.surface-interactive:where(button,input,select,textarea,option):autofill:focus,.surface-interactive:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.surface-interactive :where(button,input,select,textarea,option):auto-fill,.surface-interactive :where(button,input,select,textarea,option):auto-fill:active,.surface-interactive :where(button,input,select,textarea,option):auto-fill:focus,.surface-interactive :where(button,input,select,textarea,option):auto-fill:hover,.surface-interactive:where(button,input,select,textarea,option):auto-fill,.surface-interactive:where(button,input,select,textarea,option):auto-fill:active,.surface-interactive:where(button,input,select,textarea,option):auto-fill:focus,.surface-interactive:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.surface-interactive :where(button,input,select,textarea,option)::selection,.surface-interactive :where(button,input,select,textarea,option):checked,.surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive:where(button,input,select,textarea,option)::selection,.surface-interactive:where(button,input,select,textarea,option):checked,.surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.surface-interactive :where(button,input,select,textarea,option)::selection,.surface-interactive :where(button,input,select,textarea,option):checked,.surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive:where(button,input,select,textarea,option)::selection,.surface-interactive:where(button,input,select,textarea,option):checked,.surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.surface-interactive::picker(select){background-color:initial}.surface-interactive ::picker(select){background-color:initial}.surface-interactive ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.surface-interactive:where(a,span,ui-icon){background-color:initial}.surface-interactive:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.surface-interactive :where(a,span,ui-icon){background-color:initial}.surface-interactive :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.surface-interactive-subtle{--color-shade:var(--surface-opacity-subtle);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.surface-interactive-subtle:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-interactive-subtle:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.surface-interactive-subtle:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.surface-interactive-subtle:where(button,input,select,textarea){border-style:solid;border-width:.5px}.surface-interactive-subtle{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface-interactive-subtle::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-interactive-subtle :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-interactive-subtle :where(button,input,select,textarea,option),.surface-interactive-subtle:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface-interactive-subtle :where(button,input,select,textarea,option),.surface-interactive-subtle:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.surface-interactive-subtle :where(button,input,select,textarea,option),.surface-interactive-subtle:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.surface-interactive-subtle :where(button,input,select,textarea,option):hover,.surface-interactive-subtle:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.surface-interactive-subtle :where(button,input,select,textarea,option):active,.surface-interactive-subtle:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.surface-interactive-subtle :where(button,input,select,textarea,option):active,.surface-interactive-subtle:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.surface-interactive-subtle :where(button,input,select,textarea,option):focus,.surface-interactive-subtle:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-interactive-subtle :where(button,input,select,textarea,option):focus-visible,.surface-interactive-subtle:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.surface-interactive-subtle :where(button,input,select,textarea,option):focus-visible,.surface-interactive-subtle:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-interactive-subtle :where(button,input,select,textarea,option):disabled,.surface-interactive-subtle :where(button,input,select,textarea,option)[aria-disabled=true],.surface-interactive-subtle:where(button,input,select,textarea,option):disabled,.surface-interactive-subtle:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.surface-interactive-subtle :where(button,input,select,textarea,option):disabled,.surface-interactive-subtle :where(button,input,select,textarea,option)[aria-disabled=true],.surface-interactive-subtle:where(button,input,select,textarea,option):disabled,.surface-interactive-subtle:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.surface-interactive-subtle :where(button,input,select,textarea,option)::selection,.surface-interactive-subtle :where(button,input,select,textarea,option):checked,.surface-interactive-subtle :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive-subtle:where(button,input,select,textarea,option)::selection,.surface-interactive-subtle:where(button,input,select,textarea,option):checked,.surface-interactive-subtle:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.surface-interactive-subtle :where(button,input,select,textarea,option)::selection,.surface-interactive-subtle :where(button,input,select,textarea,option):checked,.surface-interactive-subtle :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive-subtle:where(button,input,select,textarea,option)::selection,.surface-interactive-subtle:where(button,input,select,textarea,option):checked,.surface-interactive-subtle:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.surface-interactive-subtle :where(button,input,select,textarea,option):autofill,.surface-interactive-subtle:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-interactive-subtle :where(button,input,select,textarea,option):auto-fill,.surface-interactive-subtle:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-interactive-subtle :where(button,input,select,textarea,option)::placeholder,.surface-interactive-subtle:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.surface-interactive-subtle :where(button,input,select,textarea,option):autofill,.surface-interactive-subtle :where(button,input,select,textarea,option):autofill:active,.surface-interactive-subtle :where(button,input,select,textarea,option):autofill:focus,.surface-interactive-subtle :where(button,input,select,textarea,option):autofill:hover,.surface-interactive-subtle:where(button,input,select,textarea,option):autofill,.surface-interactive-subtle:where(button,input,select,textarea,option):autofill:active,.surface-interactive-subtle:where(button,input,select,textarea,option):autofill:focus,.surface-interactive-subtle:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.surface-interactive-subtle :where(button,input,select,textarea,option):auto-fill,.surface-interactive-subtle :where(button,input,select,textarea,option):auto-fill:active,.surface-interactive-subtle :where(button,input,select,textarea,option):auto-fill:focus,.surface-interactive-subtle :where(button,input,select,textarea,option):auto-fill:hover,.surface-interactive-subtle:where(button,input,select,textarea,option):auto-fill,.surface-interactive-subtle:where(button,input,select,textarea,option):auto-fill:active,.surface-interactive-subtle:where(button,input,select,textarea,option):auto-fill:focus,.surface-interactive-subtle:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.surface-interactive-subtle :where(button,input,select,textarea,option)::selection,.surface-interactive-subtle :where(button,input,select,textarea,option):checked,.surface-interactive-subtle :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive-subtle:where(button,input,select,textarea,option)::selection,.surface-interactive-subtle:where(button,input,select,textarea,option):checked,.surface-interactive-subtle:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.surface-interactive-subtle :where(button,input,select,textarea,option)::selection,.surface-interactive-subtle :where(button,input,select,textarea,option):checked,.surface-interactive-subtle :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive-subtle:where(button,input,select,textarea,option)::selection,.surface-interactive-subtle:where(button,input,select,textarea,option):checked,.surface-interactive-subtle:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.surface-interactive-subtle::picker(select){background-color:initial}.surface-interactive-subtle ::picker(select){background-color:initial}.surface-interactive-subtle ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.surface-interactive-subtle:where(a,span,ui-icon){background-color:initial}.surface-interactive-subtle:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.surface-interactive-subtle :where(a,span,ui-icon){background-color:initial}.surface-interactive-subtle :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.surface-interactive-emphasis{--color-shade:var(--surface-opacity-emphasis);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.surface-interactive-emphasis:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-interactive-emphasis:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.surface-interactive-emphasis:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.surface-interactive-emphasis:where(button,input,select,textarea){border-style:solid;border-width:.5px}.surface-interactive-emphasis{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface-interactive-emphasis::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-interactive-emphasis :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.surface-interactive-emphasis :where(button,input,select,textarea,option),.surface-interactive-emphasis:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.surface-interactive-emphasis :where(button,input,select,textarea,option),.surface-interactive-emphasis:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.surface-interactive-emphasis :where(button,input,select,textarea,option),.surface-interactive-emphasis:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.surface-interactive-emphasis :where(button,input,select,textarea,option):hover,.surface-interactive-emphasis:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.surface-interactive-emphasis :where(button,input,select,textarea,option):active,.surface-interactive-emphasis:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.surface-interactive-emphasis :where(button,input,select,textarea,option):active,.surface-interactive-emphasis:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.surface-interactive-emphasis :where(button,input,select,textarea,option):focus,.surface-interactive-emphasis:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-interactive-emphasis :where(button,input,select,textarea,option):focus-visible,.surface-interactive-emphasis:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.surface-interactive-emphasis :where(button,input,select,textarea,option):focus-visible,.surface-interactive-emphasis:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.surface-interactive-emphasis :where(button,input,select,textarea,option):disabled,.surface-interactive-emphasis :where(button,input,select,textarea,option)[aria-disabled=true],.surface-interactive-emphasis:where(button,input,select,textarea,option):disabled,.surface-interactive-emphasis:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.surface-interactive-emphasis :where(button,input,select,textarea,option):disabled,.surface-interactive-emphasis :where(button,input,select,textarea,option)[aria-disabled=true],.surface-interactive-emphasis:where(button,input,select,textarea,option):disabled,.surface-interactive-emphasis:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.surface-interactive-emphasis :where(button,input,select,textarea,option)::selection,.surface-interactive-emphasis :where(button,input,select,textarea,option):checked,.surface-interactive-emphasis :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive-emphasis:where(button,input,select,textarea,option)::selection,.surface-interactive-emphasis:where(button,input,select,textarea,option):checked,.surface-interactive-emphasis:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.surface-interactive-emphasis :where(button,input,select,textarea,option)::selection,.surface-interactive-emphasis :where(button,input,select,textarea,option):checked,.surface-interactive-emphasis :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive-emphasis:where(button,input,select,textarea,option)::selection,.surface-interactive-emphasis:where(button,input,select,textarea,option):checked,.surface-interactive-emphasis:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.surface-interactive-emphasis :where(button,input,select,textarea,option):autofill,.surface-interactive-emphasis:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-interactive-emphasis :where(button,input,select,textarea,option):auto-fill,.surface-interactive-emphasis:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.surface-interactive-emphasis :where(button,input,select,textarea,option)::placeholder,.surface-interactive-emphasis:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.surface-interactive-emphasis :where(button,input,select,textarea,option):autofill,.surface-interactive-emphasis :where(button,input,select,textarea,option):autofill:active,.surface-interactive-emphasis :where(button,input,select,textarea,option):autofill:focus,.surface-interactive-emphasis :where(button,input,select,textarea,option):autofill:hover,.surface-interactive-emphasis:where(button,input,select,textarea,option):autofill,.surface-interactive-emphasis:where(button,input,select,textarea,option):autofill:active,.surface-interactive-emphasis:where(button,input,select,textarea,option):autofill:focus,.surface-interactive-emphasis:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.surface-interactive-emphasis :where(button,input,select,textarea,option):auto-fill,.surface-interactive-emphasis :where(button,input,select,textarea,option):auto-fill:active,.surface-interactive-emphasis :where(button,input,select,textarea,option):auto-fill:focus,.surface-interactive-emphasis :where(button,input,select,textarea,option):auto-fill:hover,.surface-interactive-emphasis:where(button,input,select,textarea,option):auto-fill,.surface-interactive-emphasis:where(button,input,select,textarea,option):auto-fill:active,.surface-interactive-emphasis:where(button,input,select,textarea,option):auto-fill:focus,.surface-interactive-emphasis:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.surface-interactive-emphasis :where(button,input,select,textarea,option)::selection,.surface-interactive-emphasis :where(button,input,select,textarea,option):checked,.surface-interactive-emphasis :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive-emphasis:where(button,input,select,textarea,option)::selection,.surface-interactive-emphasis:where(button,input,select,textarea,option):checked,.surface-interactive-emphasis:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.surface-interactive-emphasis :where(button,input,select,textarea,option)::selection,.surface-interactive-emphasis :where(button,input,select,textarea,option):checked,.surface-interactive-emphasis :where(button,input,select,textarea,option)[aria-selected=true],.surface-interactive-emphasis:where(button,input,select,textarea,option)::selection,.surface-interactive-emphasis:where(button,input,select,textarea,option):checked,.surface-interactive-emphasis:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.surface-interactive-emphasis::picker(select){background-color:initial}.surface-interactive-emphasis ::picker(select){background-color:initial}.surface-interactive-emphasis ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.surface-interactive-emphasis:where(a,span,ui-icon){background-color:initial}.surface-interactive-emphasis:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.surface-interactive-emphasis :where(a,span,ui-icon){background-color:initial}.surface-interactive-emphasis :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.text-primary{color:--c2-on-surface(var(--text-tint-primary),var(--current,var(--color-on-surface,var(--md-on-surface,#1c1b1f))))}.text-secondary{color:--c2-on-surface(var(--text-tint-secondary),var(--current,var(--color-on-surface,var(--md-on-surface,#1c1b1f))))}.text-muted{color:--c2-on-surface(var(--text-tint-muted),var(--current,var(--color-on-surface,var(--md-on-surface,#1c1b1f))))}.text-disabled{color:--c2-on-surface(var(--text-tint-disabled),var(--current,var(--color-on-surface,var(--md-on-surface,#1c1b1f))));cursor:not-allowed;opacity:.6}.state-success{--current:var(--color-success);background-color:oklch(from var(--color-success) l c h/.04);border-color:oklch(from var(--color-success) l c h/var(--border-opacity-strong))}.state-warning{--current:var(--color-warning);background-color:oklch(from var(--color-warning) l c h/.04);border-color:oklch(from var(--color-warning) l c h/var(--border-opacity-strong))}.state-error,.state-invalid{--current:var(--color-error,var(--color-danger));background-color:oklch(from var(--color-error) l c h/.04);border-color:oklch(from var(--color-error) l c h/var(--border-opacity-strong))}.state-valid{--current:var(--color-success);background-color:oklch(from var(--color-success) l c h/.04);border-color:oklch(from var(--color-success) l c h/var(--border-opacity-strong))}.primary-surface{--current:var(--color-primary);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.primary-surface:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.primary-surface:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.primary-surface:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.primary-surface:where(button,input,select,textarea){border-style:solid;border-width:.5px}.primary-surface{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.primary-surface::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.primary-surface:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.primary-surface:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.primary-surface:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.primary-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.primary-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.primary-surface:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.primary-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.primary-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.primary-surface:where(button,input,select,textarea,option):disabled,.primary-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.primary-surface:where(button,input,select,textarea,option):disabled,.primary-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.primary-surface:where(button,input,select,textarea,option)::selection,.primary-surface:where(button,input,select,textarea,option):checked,.primary-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.primary-surface:where(button,input,select,textarea,option)::selection,.primary-surface:where(button,input,select,textarea,option):checked,.primary-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.primary-surface:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.primary-surface:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.primary-surface:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.primary-surface:where(button,input,select,textarea,option):autofill,.primary-surface:where(button,input,select,textarea,option):autofill:active,.primary-surface:where(button,input,select,textarea,option):autofill:focus,.primary-surface:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.primary-surface:where(button,input,select,textarea,option):auto-fill,.primary-surface:where(button,input,select,textarea,option):auto-fill:active,.primary-surface:where(button,input,select,textarea,option):auto-fill:focus,.primary-surface:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.primary-surface:where(button,input,select,textarea,option)::selection,.primary-surface:where(button,input,select,textarea,option):checked,.primary-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.primary-surface:where(button,input,select,textarea,option)::selection,.primary-surface:where(button,input,select,textarea,option):checked,.primary-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.primary-surface::picker(select){background-color:initial}.primary-surface:where(a,span,ui-icon){background-color:initial}.primary-surface:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.primary-surface-interactive{--current:var(--color-primary);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.primary-surface-interactive:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.primary-surface-interactive:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.primary-surface-interactive:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.primary-surface-interactive:where(button,input,select,textarea){border-style:solid;border-width:.5px}.primary-surface-interactive{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.primary-surface-interactive::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.primary-surface-interactive :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.primary-surface-interactive :where(button,input,select,textarea,option),.primary-surface-interactive:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.primary-surface-interactive :where(button,input,select,textarea,option),.primary-surface-interactive:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.primary-surface-interactive :where(button,input,select,textarea,option),.primary-surface-interactive:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.primary-surface-interactive :where(button,input,select,textarea,option):hover,.primary-surface-interactive:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.primary-surface-interactive :where(button,input,select,textarea,option):active,.primary-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.primary-surface-interactive :where(button,input,select,textarea,option):active,.primary-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.primary-surface-interactive :where(button,input,select,textarea,option):focus,.primary-surface-interactive:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.primary-surface-interactive :where(button,input,select,textarea,option):focus-visible,.primary-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.primary-surface-interactive :where(button,input,select,textarea,option):focus-visible,.primary-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.primary-surface-interactive :where(button,input,select,textarea,option):disabled,.primary-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.primary-surface-interactive:where(button,input,select,textarea,option):disabled,.primary-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.primary-surface-interactive :where(button,input,select,textarea,option):disabled,.primary-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.primary-surface-interactive:where(button,input,select,textarea,option):disabled,.primary-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.primary-surface-interactive :where(button,input,select,textarea,option)::selection,.primary-surface-interactive :where(button,input,select,textarea,option):checked,.primary-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.primary-surface-interactive:where(button,input,select,textarea,option)::selection,.primary-surface-interactive:where(button,input,select,textarea,option):checked,.primary-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.primary-surface-interactive :where(button,input,select,textarea,option)::selection,.primary-surface-interactive :where(button,input,select,textarea,option):checked,.primary-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.primary-surface-interactive:where(button,input,select,textarea,option)::selection,.primary-surface-interactive:where(button,input,select,textarea,option):checked,.primary-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.primary-surface-interactive :where(button,input,select,textarea,option):autofill,.primary-surface-interactive:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.primary-surface-interactive :where(button,input,select,textarea,option):auto-fill,.primary-surface-interactive:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.primary-surface-interactive :where(button,input,select,textarea,option)::placeholder,.primary-surface-interactive:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.primary-surface-interactive :where(button,input,select,textarea,option):autofill,.primary-surface-interactive :where(button,input,select,textarea,option):autofill:active,.primary-surface-interactive :where(button,input,select,textarea,option):autofill:focus,.primary-surface-interactive :where(button,input,select,textarea,option):autofill:hover,.primary-surface-interactive:where(button,input,select,textarea,option):autofill,.primary-surface-interactive:where(button,input,select,textarea,option):autofill:active,.primary-surface-interactive:where(button,input,select,textarea,option):autofill:focus,.primary-surface-interactive:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.primary-surface-interactive :where(button,input,select,textarea,option):auto-fill,.primary-surface-interactive :where(button,input,select,textarea,option):auto-fill:active,.primary-surface-interactive :where(button,input,select,textarea,option):auto-fill:focus,.primary-surface-interactive :where(button,input,select,textarea,option):auto-fill:hover,.primary-surface-interactive:where(button,input,select,textarea,option):auto-fill,.primary-surface-interactive:where(button,input,select,textarea,option):auto-fill:active,.primary-surface-interactive:where(button,input,select,textarea,option):auto-fill:focus,.primary-surface-interactive:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.primary-surface-interactive :where(button,input,select,textarea,option)::selection,.primary-surface-interactive :where(button,input,select,textarea,option):checked,.primary-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.primary-surface-interactive:where(button,input,select,textarea,option)::selection,.primary-surface-interactive:where(button,input,select,textarea,option):checked,.primary-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.primary-surface-interactive :where(button,input,select,textarea,option)::selection,.primary-surface-interactive :where(button,input,select,textarea,option):checked,.primary-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.primary-surface-interactive:where(button,input,select,textarea,option)::selection,.primary-surface-interactive:where(button,input,select,textarea,option):checked,.primary-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.primary-surface-interactive::picker(select){background-color:initial}.primary-surface-interactive ::picker(select){background-color:initial}.primary-surface-interactive ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.primary-surface-interactive:where(a,span,ui-icon){background-color:initial}.primary-surface-interactive:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.primary-surface-interactive :where(a,span,ui-icon){background-color:initial}.primary-surface-interactive :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.secondary-surface{--current:var(--color-secondary);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.secondary-surface:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.secondary-surface:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.secondary-surface:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.secondary-surface:where(button,input,select,textarea){border-style:solid;border-width:.5px}.secondary-surface{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.secondary-surface::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.secondary-surface:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.secondary-surface:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.secondary-surface:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.secondary-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.secondary-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.secondary-surface:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.secondary-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.secondary-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.secondary-surface:where(button,input,select,textarea,option):disabled,.secondary-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.secondary-surface:where(button,input,select,textarea,option):disabled,.secondary-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.secondary-surface:where(button,input,select,textarea,option)::selection,.secondary-surface:where(button,input,select,textarea,option):checked,.secondary-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.secondary-surface:where(button,input,select,textarea,option)::selection,.secondary-surface:where(button,input,select,textarea,option):checked,.secondary-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.secondary-surface:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.secondary-surface:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.secondary-surface:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.secondary-surface:where(button,input,select,textarea,option):autofill,.secondary-surface:where(button,input,select,textarea,option):autofill:active,.secondary-surface:where(button,input,select,textarea,option):autofill:focus,.secondary-surface:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.secondary-surface:where(button,input,select,textarea,option):auto-fill,.secondary-surface:where(button,input,select,textarea,option):auto-fill:active,.secondary-surface:where(button,input,select,textarea,option):auto-fill:focus,.secondary-surface:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.secondary-surface:where(button,input,select,textarea,option)::selection,.secondary-surface:where(button,input,select,textarea,option):checked,.secondary-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.secondary-surface:where(button,input,select,textarea,option)::selection,.secondary-surface:where(button,input,select,textarea,option):checked,.secondary-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.secondary-surface::picker(select){background-color:initial}.secondary-surface:where(a,span,ui-icon){background-color:initial}.secondary-surface:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.secondary-surface-interactive{--current:var(--color-secondary);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.secondary-surface-interactive:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.secondary-surface-interactive:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.secondary-surface-interactive:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.secondary-surface-interactive:where(button,input,select,textarea){border-style:solid;border-width:.5px}.secondary-surface-interactive{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.secondary-surface-interactive::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.secondary-surface-interactive :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.secondary-surface-interactive :where(button,input,select,textarea,option),.secondary-surface-interactive:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.secondary-surface-interactive :where(button,input,select,textarea,option),.secondary-surface-interactive:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.secondary-surface-interactive :where(button,input,select,textarea,option),.secondary-surface-interactive:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.secondary-surface-interactive :where(button,input,select,textarea,option):hover,.secondary-surface-interactive:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.secondary-surface-interactive :where(button,input,select,textarea,option):active,.secondary-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.secondary-surface-interactive :where(button,input,select,textarea,option):active,.secondary-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.secondary-surface-interactive :where(button,input,select,textarea,option):focus,.secondary-surface-interactive:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.secondary-surface-interactive :where(button,input,select,textarea,option):focus-visible,.secondary-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.secondary-surface-interactive :where(button,input,select,textarea,option):focus-visible,.secondary-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.secondary-surface-interactive :where(button,input,select,textarea,option):disabled,.secondary-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.secondary-surface-interactive:where(button,input,select,textarea,option):disabled,.secondary-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.secondary-surface-interactive :where(button,input,select,textarea,option):disabled,.secondary-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.secondary-surface-interactive:where(button,input,select,textarea,option):disabled,.secondary-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.secondary-surface-interactive :where(button,input,select,textarea,option)::selection,.secondary-surface-interactive :where(button,input,select,textarea,option):checked,.secondary-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.secondary-surface-interactive:where(button,input,select,textarea,option)::selection,.secondary-surface-interactive:where(button,input,select,textarea,option):checked,.secondary-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.secondary-surface-interactive :where(button,input,select,textarea,option)::selection,.secondary-surface-interactive :where(button,input,select,textarea,option):checked,.secondary-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.secondary-surface-interactive:where(button,input,select,textarea,option)::selection,.secondary-surface-interactive:where(button,input,select,textarea,option):checked,.secondary-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.secondary-surface-interactive :where(button,input,select,textarea,option):autofill,.secondary-surface-interactive:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.secondary-surface-interactive :where(button,input,select,textarea,option):auto-fill,.secondary-surface-interactive:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.secondary-surface-interactive :where(button,input,select,textarea,option)::placeholder,.secondary-surface-interactive:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.secondary-surface-interactive :where(button,input,select,textarea,option):autofill,.secondary-surface-interactive :where(button,input,select,textarea,option):autofill:active,.secondary-surface-interactive :where(button,input,select,textarea,option):autofill:focus,.secondary-surface-interactive :where(button,input,select,textarea,option):autofill:hover,.secondary-surface-interactive:where(button,input,select,textarea,option):autofill,.secondary-surface-interactive:where(button,input,select,textarea,option):autofill:active,.secondary-surface-interactive:where(button,input,select,textarea,option):autofill:focus,.secondary-surface-interactive:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.secondary-surface-interactive :where(button,input,select,textarea,option):auto-fill,.secondary-surface-interactive :where(button,input,select,textarea,option):auto-fill:active,.secondary-surface-interactive :where(button,input,select,textarea,option):auto-fill:focus,.secondary-surface-interactive :where(button,input,select,textarea,option):auto-fill:hover,.secondary-surface-interactive:where(button,input,select,textarea,option):auto-fill,.secondary-surface-interactive:where(button,input,select,textarea,option):auto-fill:active,.secondary-surface-interactive:where(button,input,select,textarea,option):auto-fill:focus,.secondary-surface-interactive:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.secondary-surface-interactive :where(button,input,select,textarea,option)::selection,.secondary-surface-interactive :where(button,input,select,textarea,option):checked,.secondary-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.secondary-surface-interactive:where(button,input,select,textarea,option)::selection,.secondary-surface-interactive:where(button,input,select,textarea,option):checked,.secondary-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.secondary-surface-interactive :where(button,input,select,textarea,option)::selection,.secondary-surface-interactive :where(button,input,select,textarea,option):checked,.secondary-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.secondary-surface-interactive:where(button,input,select,textarea,option)::selection,.secondary-surface-interactive:where(button,input,select,textarea,option):checked,.secondary-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.secondary-surface-interactive::picker(select){background-color:initial}.secondary-surface-interactive ::picker(select){background-color:initial}.secondary-surface-interactive ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.secondary-surface-interactive:where(a,span,ui-icon){background-color:initial}.secondary-surface-interactive:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.secondary-surface-interactive :where(a,span,ui-icon){background-color:initial}.secondary-surface-interactive :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.accent-surface{--current:var(--color-accent);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.accent-surface:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.accent-surface:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.accent-surface:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.accent-surface:where(button,input,select,textarea){border-style:solid;border-width:.5px}.accent-surface{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.accent-surface::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.accent-surface:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.accent-surface:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.accent-surface:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.accent-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.accent-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.accent-surface:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.accent-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.accent-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.accent-surface:where(button,input,select,textarea,option):disabled,.accent-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.accent-surface:where(button,input,select,textarea,option):disabled,.accent-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.accent-surface:where(button,input,select,textarea,option)::selection,.accent-surface:where(button,input,select,textarea,option):checked,.accent-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.accent-surface:where(button,input,select,textarea,option)::selection,.accent-surface:where(button,input,select,textarea,option):checked,.accent-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.accent-surface:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.accent-surface:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.accent-surface:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.accent-surface:where(button,input,select,textarea,option):autofill,.accent-surface:where(button,input,select,textarea,option):autofill:active,.accent-surface:where(button,input,select,textarea,option):autofill:focus,.accent-surface:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.accent-surface:where(button,input,select,textarea,option):auto-fill,.accent-surface:where(button,input,select,textarea,option):auto-fill:active,.accent-surface:where(button,input,select,textarea,option):auto-fill:focus,.accent-surface:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.accent-surface:where(button,input,select,textarea,option)::selection,.accent-surface:where(button,input,select,textarea,option):checked,.accent-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.accent-surface:where(button,input,select,textarea,option)::selection,.accent-surface:where(button,input,select,textarea,option):checked,.accent-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.accent-surface::picker(select){background-color:initial}.accent-surface:where(a,span,ui-icon){background-color:initial}.accent-surface:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.accent-surface-interactive{--current:var(--color-accent);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.accent-surface-interactive:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.accent-surface-interactive:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.accent-surface-interactive:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.accent-surface-interactive:where(button,input,select,textarea){border-style:solid;border-width:.5px}.accent-surface-interactive{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.accent-surface-interactive::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.accent-surface-interactive :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.accent-surface-interactive :where(button,input,select,textarea,option),.accent-surface-interactive:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.accent-surface-interactive :where(button,input,select,textarea,option),.accent-surface-interactive:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.accent-surface-interactive :where(button,input,select,textarea,option),.accent-surface-interactive:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.accent-surface-interactive :where(button,input,select,textarea,option):hover,.accent-surface-interactive:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.accent-surface-interactive :where(button,input,select,textarea,option):active,.accent-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.accent-surface-interactive :where(button,input,select,textarea,option):active,.accent-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.accent-surface-interactive :where(button,input,select,textarea,option):focus,.accent-surface-interactive:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.accent-surface-interactive :where(button,input,select,textarea,option):focus-visible,.accent-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.accent-surface-interactive :where(button,input,select,textarea,option):focus-visible,.accent-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.accent-surface-interactive :where(button,input,select,textarea,option):disabled,.accent-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.accent-surface-interactive:where(button,input,select,textarea,option):disabled,.accent-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.accent-surface-interactive :where(button,input,select,textarea,option):disabled,.accent-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.accent-surface-interactive:where(button,input,select,textarea,option):disabled,.accent-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.accent-surface-interactive :where(button,input,select,textarea,option)::selection,.accent-surface-interactive :where(button,input,select,textarea,option):checked,.accent-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.accent-surface-interactive:where(button,input,select,textarea,option)::selection,.accent-surface-interactive:where(button,input,select,textarea,option):checked,.accent-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.accent-surface-interactive :where(button,input,select,textarea,option)::selection,.accent-surface-interactive :where(button,input,select,textarea,option):checked,.accent-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.accent-surface-interactive:where(button,input,select,textarea,option)::selection,.accent-surface-interactive:where(button,input,select,textarea,option):checked,.accent-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.accent-surface-interactive :where(button,input,select,textarea,option):autofill,.accent-surface-interactive:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.accent-surface-interactive :where(button,input,select,textarea,option):auto-fill,.accent-surface-interactive:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.accent-surface-interactive :where(button,input,select,textarea,option)::placeholder,.accent-surface-interactive:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.accent-surface-interactive :where(button,input,select,textarea,option):autofill,.accent-surface-interactive :where(button,input,select,textarea,option):autofill:active,.accent-surface-interactive :where(button,input,select,textarea,option):autofill:focus,.accent-surface-interactive :where(button,input,select,textarea,option):autofill:hover,.accent-surface-interactive:where(button,input,select,textarea,option):autofill,.accent-surface-interactive:where(button,input,select,textarea,option):autofill:active,.accent-surface-interactive:where(button,input,select,textarea,option):autofill:focus,.accent-surface-interactive:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.accent-surface-interactive :where(button,input,select,textarea,option):auto-fill,.accent-surface-interactive :where(button,input,select,textarea,option):auto-fill:active,.accent-surface-interactive :where(button,input,select,textarea,option):auto-fill:focus,.accent-surface-interactive :where(button,input,select,textarea,option):auto-fill:hover,.accent-surface-interactive:where(button,input,select,textarea,option):auto-fill,.accent-surface-interactive:where(button,input,select,textarea,option):auto-fill:active,.accent-surface-interactive:where(button,input,select,textarea,option):auto-fill:focus,.accent-surface-interactive:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.accent-surface-interactive :where(button,input,select,textarea,option)::selection,.accent-surface-interactive :where(button,input,select,textarea,option):checked,.accent-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.accent-surface-interactive:where(button,input,select,textarea,option)::selection,.accent-surface-interactive:where(button,input,select,textarea,option):checked,.accent-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.accent-surface-interactive :where(button,input,select,textarea,option)::selection,.accent-surface-interactive :where(button,input,select,textarea,option):checked,.accent-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.accent-surface-interactive:where(button,input,select,textarea,option)::selection,.accent-surface-interactive:where(button,input,select,textarea,option):checked,.accent-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.accent-surface-interactive::picker(select){background-color:initial}.accent-surface-interactive ::picker(select){background-color:initial}.accent-surface-interactive ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.accent-surface-interactive:where(a,span,ui-icon){background-color:initial}.accent-surface-interactive:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.accent-surface-interactive :where(a,span,ui-icon){background-color:initial}.accent-surface-interactive :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.success-surface{--current:var(--color-success);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.success-surface:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.success-surface:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.success-surface:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.success-surface:where(button,input,select,textarea){border-style:solid;border-width:.5px}.success-surface{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.success-surface::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.success-surface:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.success-surface:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.success-surface:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.success-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.success-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.success-surface:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.success-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.success-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.success-surface:where(button,input,select,textarea,option):disabled,.success-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.success-surface:where(button,input,select,textarea,option):disabled,.success-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.success-surface:where(button,input,select,textarea,option)::selection,.success-surface:where(button,input,select,textarea,option):checked,.success-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.success-surface:where(button,input,select,textarea,option)::selection,.success-surface:where(button,input,select,textarea,option):checked,.success-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.success-surface:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.success-surface:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.success-surface:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.success-surface:where(button,input,select,textarea,option):autofill,.success-surface:where(button,input,select,textarea,option):autofill:active,.success-surface:where(button,input,select,textarea,option):autofill:focus,.success-surface:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.success-surface:where(button,input,select,textarea,option):auto-fill,.success-surface:where(button,input,select,textarea,option):auto-fill:active,.success-surface:where(button,input,select,textarea,option):auto-fill:focus,.success-surface:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.success-surface:where(button,input,select,textarea,option)::selection,.success-surface:where(button,input,select,textarea,option):checked,.success-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.success-surface:where(button,input,select,textarea,option)::selection,.success-surface:where(button,input,select,textarea,option):checked,.success-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.success-surface::picker(select){background-color:initial}.success-surface:where(a,span,ui-icon){background-color:initial}.success-surface:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.success-surface-interactive{--current:var(--color-success);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.success-surface-interactive:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.success-surface-interactive:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.success-surface-interactive:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.success-surface-interactive:where(button,input,select,textarea){border-style:solid;border-width:.5px}.success-surface-interactive{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.success-surface-interactive::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.success-surface-interactive :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.success-surface-interactive :where(button,input,select,textarea,option),.success-surface-interactive:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.success-surface-interactive :where(button,input,select,textarea,option),.success-surface-interactive:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.success-surface-interactive :where(button,input,select,textarea,option),.success-surface-interactive:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.success-surface-interactive :where(button,input,select,textarea,option):hover,.success-surface-interactive:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.success-surface-interactive :where(button,input,select,textarea,option):active,.success-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.success-surface-interactive :where(button,input,select,textarea,option):active,.success-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.success-surface-interactive :where(button,input,select,textarea,option):focus,.success-surface-interactive:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.success-surface-interactive :where(button,input,select,textarea,option):focus-visible,.success-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.success-surface-interactive :where(button,input,select,textarea,option):focus-visible,.success-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.success-surface-interactive :where(button,input,select,textarea,option):disabled,.success-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.success-surface-interactive:where(button,input,select,textarea,option):disabled,.success-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.success-surface-interactive :where(button,input,select,textarea,option):disabled,.success-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.success-surface-interactive:where(button,input,select,textarea,option):disabled,.success-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.success-surface-interactive :where(button,input,select,textarea,option)::selection,.success-surface-interactive :where(button,input,select,textarea,option):checked,.success-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.success-surface-interactive:where(button,input,select,textarea,option)::selection,.success-surface-interactive:where(button,input,select,textarea,option):checked,.success-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.success-surface-interactive :where(button,input,select,textarea,option)::selection,.success-surface-interactive :where(button,input,select,textarea,option):checked,.success-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.success-surface-interactive:where(button,input,select,textarea,option)::selection,.success-surface-interactive:where(button,input,select,textarea,option):checked,.success-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.success-surface-interactive :where(button,input,select,textarea,option):autofill,.success-surface-interactive:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.success-surface-interactive :where(button,input,select,textarea,option):auto-fill,.success-surface-interactive:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.success-surface-interactive :where(button,input,select,textarea,option)::placeholder,.success-surface-interactive:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.success-surface-interactive :where(button,input,select,textarea,option):autofill,.success-surface-interactive :where(button,input,select,textarea,option):autofill:active,.success-surface-interactive :where(button,input,select,textarea,option):autofill:focus,.success-surface-interactive :where(button,input,select,textarea,option):autofill:hover,.success-surface-interactive:where(button,input,select,textarea,option):autofill,.success-surface-interactive:where(button,input,select,textarea,option):autofill:active,.success-surface-interactive:where(button,input,select,textarea,option):autofill:focus,.success-surface-interactive:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.success-surface-interactive :where(button,input,select,textarea,option):auto-fill,.success-surface-interactive :where(button,input,select,textarea,option):auto-fill:active,.success-surface-interactive :where(button,input,select,textarea,option):auto-fill:focus,.success-surface-interactive :where(button,input,select,textarea,option):auto-fill:hover,.success-surface-interactive:where(button,input,select,textarea,option):auto-fill,.success-surface-interactive:where(button,input,select,textarea,option):auto-fill:active,.success-surface-interactive:where(button,input,select,textarea,option):auto-fill:focus,.success-surface-interactive:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.success-surface-interactive :where(button,input,select,textarea,option)::selection,.success-surface-interactive :where(button,input,select,textarea,option):checked,.success-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.success-surface-interactive:where(button,input,select,textarea,option)::selection,.success-surface-interactive:where(button,input,select,textarea,option):checked,.success-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.success-surface-interactive :where(button,input,select,textarea,option)::selection,.success-surface-interactive :where(button,input,select,textarea,option):checked,.success-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.success-surface-interactive:where(button,input,select,textarea,option)::selection,.success-surface-interactive:where(button,input,select,textarea,option):checked,.success-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.success-surface-interactive::picker(select){background-color:initial}.success-surface-interactive ::picker(select){background-color:initial}.success-surface-interactive ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.success-surface-interactive:where(a,span,ui-icon){background-color:initial}.success-surface-interactive:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.success-surface-interactive :where(a,span,ui-icon){background-color:initial}.success-surface-interactive :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.warning-surface{--current:var(--color-warning);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.warning-surface:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.warning-surface:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.warning-surface:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.warning-surface:where(button,input,select,textarea){border-style:solid;border-width:.5px}.warning-surface{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.warning-surface::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.warning-surface:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.warning-surface:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.warning-surface:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.warning-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.warning-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.warning-surface:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.warning-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.warning-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.warning-surface:where(button,input,select,textarea,option):disabled,.warning-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.warning-surface:where(button,input,select,textarea,option):disabled,.warning-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.warning-surface:where(button,input,select,textarea,option)::selection,.warning-surface:where(button,input,select,textarea,option):checked,.warning-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.warning-surface:where(button,input,select,textarea,option)::selection,.warning-surface:where(button,input,select,textarea,option):checked,.warning-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.warning-surface:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.warning-surface:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.warning-surface:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.warning-surface:where(button,input,select,textarea,option):autofill,.warning-surface:where(button,input,select,textarea,option):autofill:active,.warning-surface:where(button,input,select,textarea,option):autofill:focus,.warning-surface:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.warning-surface:where(button,input,select,textarea,option):auto-fill,.warning-surface:where(button,input,select,textarea,option):auto-fill:active,.warning-surface:where(button,input,select,textarea,option):auto-fill:focus,.warning-surface:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.warning-surface:where(button,input,select,textarea,option)::selection,.warning-surface:where(button,input,select,textarea,option):checked,.warning-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.warning-surface:where(button,input,select,textarea,option)::selection,.warning-surface:where(button,input,select,textarea,option):checked,.warning-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.warning-surface::picker(select){background-color:initial}.warning-surface:where(a,span,ui-icon){background-color:initial}.warning-surface:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.warning-surface-interactive{--current:var(--color-warning);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.warning-surface-interactive:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.warning-surface-interactive:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.warning-surface-interactive:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.warning-surface-interactive:where(button,input,select,textarea){border-style:solid;border-width:.5px}.warning-surface-interactive{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.warning-surface-interactive::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.warning-surface-interactive :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.warning-surface-interactive :where(button,input,select,textarea,option),.warning-surface-interactive:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.warning-surface-interactive :where(button,input,select,textarea,option),.warning-surface-interactive:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.warning-surface-interactive :where(button,input,select,textarea,option),.warning-surface-interactive:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.warning-surface-interactive :where(button,input,select,textarea,option):hover,.warning-surface-interactive:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.warning-surface-interactive :where(button,input,select,textarea,option):active,.warning-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.warning-surface-interactive :where(button,input,select,textarea,option):active,.warning-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.warning-surface-interactive :where(button,input,select,textarea,option):focus,.warning-surface-interactive:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.warning-surface-interactive :where(button,input,select,textarea,option):focus-visible,.warning-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.warning-surface-interactive :where(button,input,select,textarea,option):focus-visible,.warning-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.warning-surface-interactive :where(button,input,select,textarea,option):disabled,.warning-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.warning-surface-interactive:where(button,input,select,textarea,option):disabled,.warning-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.warning-surface-interactive :where(button,input,select,textarea,option):disabled,.warning-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.warning-surface-interactive:where(button,input,select,textarea,option):disabled,.warning-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.warning-surface-interactive :where(button,input,select,textarea,option)::selection,.warning-surface-interactive :where(button,input,select,textarea,option):checked,.warning-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.warning-surface-interactive:where(button,input,select,textarea,option)::selection,.warning-surface-interactive:where(button,input,select,textarea,option):checked,.warning-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.warning-surface-interactive :where(button,input,select,textarea,option)::selection,.warning-surface-interactive :where(button,input,select,textarea,option):checked,.warning-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.warning-surface-interactive:where(button,input,select,textarea,option)::selection,.warning-surface-interactive:where(button,input,select,textarea,option):checked,.warning-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.warning-surface-interactive :where(button,input,select,textarea,option):autofill,.warning-surface-interactive:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.warning-surface-interactive :where(button,input,select,textarea,option):auto-fill,.warning-surface-interactive:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.warning-surface-interactive :where(button,input,select,textarea,option)::placeholder,.warning-surface-interactive:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.warning-surface-interactive :where(button,input,select,textarea,option):autofill,.warning-surface-interactive :where(button,input,select,textarea,option):autofill:active,.warning-surface-interactive :where(button,input,select,textarea,option):autofill:focus,.warning-surface-interactive :where(button,input,select,textarea,option):autofill:hover,.warning-surface-interactive:where(button,input,select,textarea,option):autofill,.warning-surface-interactive:where(button,input,select,textarea,option):autofill:active,.warning-surface-interactive:where(button,input,select,textarea,option):autofill:focus,.warning-surface-interactive:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.warning-surface-interactive :where(button,input,select,textarea,option):auto-fill,.warning-surface-interactive :where(button,input,select,textarea,option):auto-fill:active,.warning-surface-interactive :where(button,input,select,textarea,option):auto-fill:focus,.warning-surface-interactive :where(button,input,select,textarea,option):auto-fill:hover,.warning-surface-interactive:where(button,input,select,textarea,option):auto-fill,.warning-surface-interactive:where(button,input,select,textarea,option):auto-fill:active,.warning-surface-interactive:where(button,input,select,textarea,option):auto-fill:focus,.warning-surface-interactive:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.warning-surface-interactive :where(button,input,select,textarea,option)::selection,.warning-surface-interactive :where(button,input,select,textarea,option):checked,.warning-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.warning-surface-interactive:where(button,input,select,textarea,option)::selection,.warning-surface-interactive:where(button,input,select,textarea,option):checked,.warning-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.warning-surface-interactive :where(button,input,select,textarea,option)::selection,.warning-surface-interactive :where(button,input,select,textarea,option):checked,.warning-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.warning-surface-interactive:where(button,input,select,textarea,option)::selection,.warning-surface-interactive:where(button,input,select,textarea,option):checked,.warning-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.warning-surface-interactive::picker(select){background-color:initial}.warning-surface-interactive ::picker(select){background-color:initial}.warning-surface-interactive ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.warning-surface-interactive:where(a,span,ui-icon){background-color:initial}.warning-surface-interactive:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.warning-surface-interactive :where(a,span,ui-icon){background-color:initial}.warning-surface-interactive :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.danger-surface{--current:var(--color-danger);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.danger-surface:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.danger-surface:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.danger-surface:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.danger-surface:where(button,input,select,textarea){border-style:solid;border-width:.5px}.danger-surface{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.danger-surface::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.danger-surface:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.danger-surface:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.danger-surface:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.danger-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.danger-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.danger-surface:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.danger-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.danger-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.danger-surface:where(button,input,select,textarea,option):disabled,.danger-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.danger-surface:where(button,input,select,textarea,option):disabled,.danger-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.danger-surface:where(button,input,select,textarea,option)::selection,.danger-surface:where(button,input,select,textarea,option):checked,.danger-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.danger-surface:where(button,input,select,textarea,option)::selection,.danger-surface:where(button,input,select,textarea,option):checked,.danger-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.danger-surface:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.danger-surface:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.danger-surface:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.danger-surface:where(button,input,select,textarea,option):autofill,.danger-surface:where(button,input,select,textarea,option):autofill:active,.danger-surface:where(button,input,select,textarea,option):autofill:focus,.danger-surface:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.danger-surface:where(button,input,select,textarea,option):auto-fill,.danger-surface:where(button,input,select,textarea,option):auto-fill:active,.danger-surface:where(button,input,select,textarea,option):auto-fill:focus,.danger-surface:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.danger-surface:where(button,input,select,textarea,option)::selection,.danger-surface:where(button,input,select,textarea,option):checked,.danger-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.danger-surface:where(button,input,select,textarea,option)::selection,.danger-surface:where(button,input,select,textarea,option):checked,.danger-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.danger-surface::picker(select){background-color:initial}.danger-surface:where(a,span,ui-icon){background-color:initial}.danger-surface:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.danger-surface-interactive{--current:var(--color-danger);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.danger-surface-interactive:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.danger-surface-interactive:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.danger-surface-interactive:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.danger-surface-interactive:where(button,input,select,textarea){border-style:solid;border-width:.5px}.danger-surface-interactive{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.danger-surface-interactive::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.danger-surface-interactive :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.danger-surface-interactive :where(button,input,select,textarea,option),.danger-surface-interactive:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.danger-surface-interactive :where(button,input,select,textarea,option),.danger-surface-interactive:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.danger-surface-interactive :where(button,input,select,textarea,option),.danger-surface-interactive:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.danger-surface-interactive :where(button,input,select,textarea,option):hover,.danger-surface-interactive:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.danger-surface-interactive :where(button,input,select,textarea,option):active,.danger-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.danger-surface-interactive :where(button,input,select,textarea,option):active,.danger-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.danger-surface-interactive :where(button,input,select,textarea,option):focus,.danger-surface-interactive:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.danger-surface-interactive :where(button,input,select,textarea,option):focus-visible,.danger-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.danger-surface-interactive :where(button,input,select,textarea,option):focus-visible,.danger-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.danger-surface-interactive :where(button,input,select,textarea,option):disabled,.danger-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.danger-surface-interactive:where(button,input,select,textarea,option):disabled,.danger-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.danger-surface-interactive :where(button,input,select,textarea,option):disabled,.danger-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.danger-surface-interactive:where(button,input,select,textarea,option):disabled,.danger-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.danger-surface-interactive :where(button,input,select,textarea,option)::selection,.danger-surface-interactive :where(button,input,select,textarea,option):checked,.danger-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.danger-surface-interactive:where(button,input,select,textarea,option)::selection,.danger-surface-interactive:where(button,input,select,textarea,option):checked,.danger-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.danger-surface-interactive :where(button,input,select,textarea,option)::selection,.danger-surface-interactive :where(button,input,select,textarea,option):checked,.danger-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.danger-surface-interactive:where(button,input,select,textarea,option)::selection,.danger-surface-interactive:where(button,input,select,textarea,option):checked,.danger-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.danger-surface-interactive :where(button,input,select,textarea,option):autofill,.danger-surface-interactive:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.danger-surface-interactive :where(button,input,select,textarea,option):auto-fill,.danger-surface-interactive:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.danger-surface-interactive :where(button,input,select,textarea,option)::placeholder,.danger-surface-interactive:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.danger-surface-interactive :where(button,input,select,textarea,option):autofill,.danger-surface-interactive :where(button,input,select,textarea,option):autofill:active,.danger-surface-interactive :where(button,input,select,textarea,option):autofill:focus,.danger-surface-interactive :where(button,input,select,textarea,option):autofill:hover,.danger-surface-interactive:where(button,input,select,textarea,option):autofill,.danger-surface-interactive:where(button,input,select,textarea,option):autofill:active,.danger-surface-interactive:where(button,input,select,textarea,option):autofill:focus,.danger-surface-interactive:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.danger-surface-interactive :where(button,input,select,textarea,option):auto-fill,.danger-surface-interactive :where(button,input,select,textarea,option):auto-fill:active,.danger-surface-interactive :where(button,input,select,textarea,option):auto-fill:focus,.danger-surface-interactive :where(button,input,select,textarea,option):auto-fill:hover,.danger-surface-interactive:where(button,input,select,textarea,option):auto-fill,.danger-surface-interactive:where(button,input,select,textarea,option):auto-fill:active,.danger-surface-interactive:where(button,input,select,textarea,option):auto-fill:focus,.danger-surface-interactive:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.danger-surface-interactive :where(button,input,select,textarea,option)::selection,.danger-surface-interactive :where(button,input,select,textarea,option):checked,.danger-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.danger-surface-interactive:where(button,input,select,textarea,option)::selection,.danger-surface-interactive:where(button,input,select,textarea,option):checked,.danger-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.danger-surface-interactive :where(button,input,select,textarea,option)::selection,.danger-surface-interactive :where(button,input,select,textarea,option):checked,.danger-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.danger-surface-interactive:where(button,input,select,textarea,option)::selection,.danger-surface-interactive:where(button,input,select,textarea,option):checked,.danger-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.danger-surface-interactive::picker(select){background-color:initial}.danger-surface-interactive ::picker(select){background-color:initial}.danger-surface-interactive ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.danger-surface-interactive:where(a,span,ui-icon){background-color:initial}.danger-surface-interactive:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.danger-surface-interactive :where(a,span,ui-icon){background-color:initial}.danger-surface-interactive :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.info-surface{--current:var(--color-info);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.info-surface:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.info-surface:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.info-surface:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.info-surface:where(button,input,select,textarea){border-style:solid;border-width:.5px}.info-surface{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.info-surface::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.info-surface:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.info-surface:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.info-surface:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.info-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.info-surface:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.info-surface:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.info-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.info-surface:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.info-surface:where(button,input,select,textarea,option):disabled,.info-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.info-surface:where(button,input,select,textarea,option):disabled,.info-surface:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.info-surface:where(button,input,select,textarea,option)::selection,.info-surface:where(button,input,select,textarea,option):checked,.info-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.info-surface:where(button,input,select,textarea,option)::selection,.info-surface:where(button,input,select,textarea,option):checked,.info-surface:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.info-surface:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.info-surface:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.info-surface:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.info-surface:where(button,input,select,textarea,option):autofill,.info-surface:where(button,input,select,textarea,option):autofill:active,.info-surface:where(button,input,select,textarea,option):autofill:focus,.info-surface:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.info-surface:where(button,input,select,textarea,option):auto-fill,.info-surface:where(button,input,select,textarea,option):auto-fill:active,.info-surface:where(button,input,select,textarea,option):auto-fill:focus,.info-surface:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.info-surface:where(button,input,select,textarea,option)::selection,.info-surface:where(button,input,select,textarea,option):checked,.info-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.info-surface:where(button,input,select,textarea,option)::selection,.info-surface:where(button,input,select,textarea,option):checked,.info-surface:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.info-surface::picker(select){background-color:initial}.info-surface:where(a,span,ui-icon){background-color:initial}.info-surface:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.info-surface-interactive{--current:var(--color-info);--color-shade:var(--surface-opacity-default);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.info-surface-interactive:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.info-surface-interactive:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.info-surface-interactive:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.info-surface-interactive:where(button,input,select,textarea){border-style:solid;border-width:.5px}.info-surface-interactive{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.info-surface-interactive::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.info-surface-interactive :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.info-surface-interactive :where(button,input,select,textarea,option),.info-surface-interactive:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.info-surface-interactive :where(button,input,select,textarea,option),.info-surface-interactive:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.info-surface-interactive :where(button,input,select,textarea,option),.info-surface-interactive:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.info-surface-interactive :where(button,input,select,textarea,option):hover,.info-surface-interactive:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.info-surface-interactive :where(button,input,select,textarea,option):active,.info-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.info-surface-interactive :where(button,input,select,textarea,option):active,.info-surface-interactive:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.info-surface-interactive :where(button,input,select,textarea,option):focus,.info-surface-interactive:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.info-surface-interactive :where(button,input,select,textarea,option):focus-visible,.info-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.info-surface-interactive :where(button,input,select,textarea,option):focus-visible,.info-surface-interactive:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.info-surface-interactive :where(button,input,select,textarea,option):disabled,.info-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.info-surface-interactive:where(button,input,select,textarea,option):disabled,.info-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.info-surface-interactive :where(button,input,select,textarea,option):disabled,.info-surface-interactive :where(button,input,select,textarea,option)[aria-disabled=true],.info-surface-interactive:where(button,input,select,textarea,option):disabled,.info-surface-interactive:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.info-surface-interactive :where(button,input,select,textarea,option)::selection,.info-surface-interactive :where(button,input,select,textarea,option):checked,.info-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.info-surface-interactive:where(button,input,select,textarea,option)::selection,.info-surface-interactive:where(button,input,select,textarea,option):checked,.info-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.info-surface-interactive :where(button,input,select,textarea,option)::selection,.info-surface-interactive :where(button,input,select,textarea,option):checked,.info-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.info-surface-interactive:where(button,input,select,textarea,option)::selection,.info-surface-interactive:where(button,input,select,textarea,option):checked,.info-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.info-surface-interactive :where(button,input,select,textarea,option):autofill,.info-surface-interactive:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.info-surface-interactive :where(button,input,select,textarea,option):auto-fill,.info-surface-interactive:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.info-surface-interactive :where(button,input,select,textarea,option)::placeholder,.info-surface-interactive:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.info-surface-interactive :where(button,input,select,textarea,option):autofill,.info-surface-interactive :where(button,input,select,textarea,option):autofill:active,.info-surface-interactive :where(button,input,select,textarea,option):autofill:focus,.info-surface-interactive :where(button,input,select,textarea,option):autofill:hover,.info-surface-interactive:where(button,input,select,textarea,option):autofill,.info-surface-interactive:where(button,input,select,textarea,option):autofill:active,.info-surface-interactive:where(button,input,select,textarea,option):autofill:focus,.info-surface-interactive:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.info-surface-interactive :where(button,input,select,textarea,option):auto-fill,.info-surface-interactive :where(button,input,select,textarea,option):auto-fill:active,.info-surface-interactive :where(button,input,select,textarea,option):auto-fill:focus,.info-surface-interactive :where(button,input,select,textarea,option):auto-fill:hover,.info-surface-interactive:where(button,input,select,textarea,option):auto-fill,.info-surface-interactive:where(button,input,select,textarea,option):auto-fill:active,.info-surface-interactive:where(button,input,select,textarea,option):auto-fill:focus,.info-surface-interactive:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.info-surface-interactive :where(button,input,select,textarea,option)::selection,.info-surface-interactive :where(button,input,select,textarea,option):checked,.info-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.info-surface-interactive:where(button,input,select,textarea,option)::selection,.info-surface-interactive:where(button,input,select,textarea,option):checked,.info-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.info-surface-interactive :where(button,input,select,textarea,option)::selection,.info-surface-interactive :where(button,input,select,textarea,option):checked,.info-surface-interactive :where(button,input,select,textarea,option)[aria-selected=true],.info-surface-interactive:where(button,input,select,textarea,option)::selection,.info-surface-interactive:where(button,input,select,textarea,option):checked,.info-surface-interactive:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.info-surface-interactive::picker(select){background-color:initial}.info-surface-interactive ::picker(select){background-color:initial}.info-surface-interactive ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.info-surface-interactive:where(a,span,ui-icon){background-color:initial}.info-surface-interactive:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.info-surface-interactive :where(a,span,ui-icon){background-color:initial}.info-surface-interactive :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button){--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button):where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button):where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button):where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button):where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button)::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button):where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option):disabled,:where(button):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option):disabled,:where(button):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option)::selection,:where(button):where(button,input,select,textarea,option):checked,:where(button):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option)::selection,:where(button):where(button,input,select,textarea,option):checked,:where(button):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button):where(button,input,select,textarea,option):autofill,:where(button):where(button,input,select,textarea,option):autofill:active,:where(button):where(button,input,select,textarea,option):autofill:focus,:where(button):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button):where(button,input,select,textarea,option):auto-fill,:where(button):where(button,input,select,textarea,option):auto-fill:active,:where(button):where(button,input,select,textarea,option):auto-fill:focus,:where(button):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option)::selection,:where(button):where(button,input,select,textarea,option):checked,:where(button):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option)::selection,:where(button):where(button,input,select,textarea,option):checked,:where(button):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button)::picker(select){background-color:initial}:where(button) ::picker(select){background-color:initial}:where(button) ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button):where(a,span,ui-icon){background-color:initial}:where(button):where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button) :where(a,span,ui-icon){background-color:initial}:where(button) :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button){block-size:fit-content;border-radius:var(--button-radius,var(--radius-full));cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-size:clamp(.875rem,.4cqi + .85rem,.95rem);gap:var(--button-gap,var(--gap-sm));inline-size:fit-content;letter-spacing:.01em;max-block-size:stretch;max-inline-size:stretch;min-block-size:var(--button-min-height,2.75rem);min-inline-size:0;outline:none;padding-block:var(--button-padding-y,var(--padding-sm));padding-inline:var(--button-padding-x,var(--padding-lg));place-content:center;place-items:center;pointer-events:auto;text-decoration:none;text-overflow:ellipsis;transition:var(--transition-transform,transform var(--duration-fast) var(--ease-out)),var(--transition-colors,color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)),var(--transition-opacity,opacity var(--duration-normal) var(--ease-out));user-select:none;white-space:nowrap}:where(button):disabled{opacity:var(--state-opacity-disabled,.38);pointer-events:none}:where(button)>*{max-inline-size:stretch}:where(button) :where(span,a){display:inline;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(button):is(input){display:inline-block}:where(button){--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button):after,:where(button):before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button):after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button):before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button):hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button):active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button):active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button):focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button):focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-primary,:where(button)[data-variant=primary]{--md-button-bg:var(--md-primary);--md-button-on:var(--md-on-primary);--md-button-state-color:var(--md-primary);--md-button-outline-color:var(--md-primary)}:where(button).btn-secondary,:where(button)[data-variant=secondary]{--md-button-bg:var(--md-secondary);--md-button-on:var(--md-on-secondary);--md-button-state-color:var(--md-secondary);--md-button-outline-color:var(--md-secondary)}:where(button).btn-accent,:where(button).btn-tertiary,:where(button)[data-variant=tertiary]{--md-button-bg:var(--md-tertiary);--md-button-on:var(--md-on-tertiary);--md-button-state-color:var(--md-tertiary);--md-button-outline-color:var(--md-tertiary)}:where(button).btn-surface,:where(button)[data-variant=surface]{--md-button-bg:var(--md-surface);--md-button-on:var(--md-on-surface);--md-button-state-color:var(--md-primary);--md-button-outline-color:var(--md-outline)}:where(button).btn-success,:where(button):is(.save,.submit,.confirm){--md-button-bg:var(--color-success);--md-button-on:var(--md-on-surface);--md-button-state-color:var(--color-success);--md-button-outline-color:var(--color-success)}:where(button).btn-danger,:where(button):is(.cancel,.delete,.remove){--md-button-bg:var(--color-danger);--md-button-on:var(--md-on-surface);--md-button-state-color:var(--color-danger);--md-button-outline-color:var(--color-danger)}:where(button).btn-warning,:where(button):is(.warning){--md-button-bg:var(--color-warning);--md-button-on:var(--md-on-surface);--md-button-state-color:var(--color-warning);--md-button-outline-color:var(--color-warning)}:where(button).btn-info,:where(button):is(.info){--md-button-bg:var(--color-info);--md-button-on:var(--md-on-surface);--md-button-state-color:var(--color-info);--md-button-outline-color:var(--color-info)}:where(button).btn-filled,:where(button).filled{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-filled:where(a,span,ui-icon),:where(button).filled:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-filled:where(a,span,ui-icon),:where(button).filled:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-filled:where(a,span,ui-icon)::selection,:where(button).filled:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-filled:where(button,input,select,textarea),:where(button).filled:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-filled,:where(button).filled{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-filled::picker(select),:where(button).filled::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-filled:where(button,input,select,textarea,option),:where(button).filled:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-filled:where(button,input,select,textarea,option),:where(button).filled:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-filled:where(button,input,select,textarea,option):hover,:where(button).filled:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-filled:where(button,input,select,textarea,option):active,:where(button).filled:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-filled:where(button,input,select,textarea,option):active,:where(button).filled:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-filled:where(button,input,select,textarea,option):focus,:where(button).filled:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-filled:where(button,input,select,textarea,option):focus-visible,:where(button).filled:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-filled:where(button,input,select,textarea,option):focus-visible,:where(button).filled:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-filled:where(button,input,select,textarea,option):disabled,:where(button).btn-filled:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).filled:where(button,input,select,textarea,option):disabled,:where(button).filled:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-filled:where(button,input,select,textarea,option):disabled,:where(button).btn-filled:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).filled:where(button,input,select,textarea,option):disabled,:where(button).filled:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-filled:where(button,input,select,textarea,option)::selection,:where(button).btn-filled:where(button,input,select,textarea,option):checked,:where(button).btn-filled:where(button,input,select,textarea,option)[aria-selected=true],:where(button).filled:where(button,input,select,textarea,option)::selection,:where(button).filled:where(button,input,select,textarea,option):checked,:where(button).filled:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-filled:where(button,input,select,textarea,option)::selection,:where(button).btn-filled:where(button,input,select,textarea,option):checked,:where(button).btn-filled:where(button,input,select,textarea,option)[aria-selected=true],:where(button).filled:where(button,input,select,textarea,option)::selection,:where(button).filled:where(button,input,select,textarea,option):checked,:where(button).filled:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-filled:where(button,input,select,textarea,option):autofill,:where(button).filled:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-filled:where(button,input,select,textarea,option):auto-fill,:where(button).filled:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-filled:where(button,input,select,textarea,option)::placeholder,:where(button).filled:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-filled:where(button,input,select,textarea,option):autofill,:where(button).btn-filled:where(button,input,select,textarea,option):autofill:active,:where(button).btn-filled:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-filled:where(button,input,select,textarea,option):autofill:hover,:where(button).filled:where(button,input,select,textarea,option):autofill,:where(button).filled:where(button,input,select,textarea,option):autofill:active,:where(button).filled:where(button,input,select,textarea,option):autofill:focus,:where(button).filled:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-filled:where(button,input,select,textarea,option):auto-fill,:where(button).btn-filled:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-filled:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-filled:where(button,input,select,textarea,option):auto-fill:hover,:where(button).filled:where(button,input,select,textarea,option):auto-fill,:where(button).filled:where(button,input,select,textarea,option):auto-fill:active,:where(button).filled:where(button,input,select,textarea,option):auto-fill:focus,:where(button).filled:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-filled:where(button,input,select,textarea,option)::selection,:where(button).btn-filled:where(button,input,select,textarea,option):checked,:where(button).btn-filled:where(button,input,select,textarea,option)[aria-selected=true],:where(button).filled:where(button,input,select,textarea,option)::selection,:where(button).filled:where(button,input,select,textarea,option):checked,:where(button).filled:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-filled:where(button,input,select,textarea,option)::selection,:where(button).btn-filled:where(button,input,select,textarea,option):checked,:where(button).btn-filled:where(button,input,select,textarea,option)[aria-selected=true],:where(button).filled:where(button,input,select,textarea,option)::selection,:where(button).filled:where(button,input,select,textarea,option):checked,:where(button).filled:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-filled::picker(select),:where(button).filled::picker(select){background-color:initial}:where(button).btn-filled ::picker(select),:where(button).filled ::picker(select){background-color:initial}:where(button).btn-filled ui-icon,:where(button).filled ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-filled:where(a,span,ui-icon),:where(button).filled:where(a,span,ui-icon){background-color:initial}:where(button).btn-filled:where(a,span,ui-icon)::selection,:where(button).filled:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-filled :where(a,span,ui-icon),:where(button).filled :where(a,span,ui-icon){background-color:initial}:where(button).btn-filled :where(a,span,ui-icon)::selection,:where(button).filled :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-filled,:where(button).filled{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button).btn-filled:after,:where(button).btn-filled:before,:where(button).filled:after,:where(button).filled:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-filled:after,:where(button).filled:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-filled:before,:where(button).filled:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-filled:hover:after,:where(button).filled:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-filled:active:after,:where(button).filled:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-filled:active:before,:where(button).filled:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-filled:focus-visible,:where(button).filled:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-filled:focus,:where(button).filled:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-elevated,:where(button).elevated{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-elevated:where(a,span,ui-icon),:where(button).elevated:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-elevated:where(a,span,ui-icon),:where(button).elevated:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-elevated:where(a,span,ui-icon)::selection,:where(button).elevated:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-elevated:where(button,input,select,textarea),:where(button).elevated:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-elevated,:where(button).elevated{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-elevated::picker(select),:where(button).elevated::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-elevated:where(button,input,select,textarea,option),:where(button).elevated:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-elevated:where(button,input,select,textarea,option),:where(button).elevated:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-elevated:where(button,input,select,textarea,option):hover,:where(button).elevated:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-elevated:where(button,input,select,textarea,option):active,:where(button).elevated:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-elevated:where(button,input,select,textarea,option):active,:where(button).elevated:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-elevated:where(button,input,select,textarea,option):focus,:where(button).elevated:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-elevated:where(button,input,select,textarea,option):focus-visible,:where(button).elevated:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-elevated:where(button,input,select,textarea,option):focus-visible,:where(button).elevated:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-elevated:where(button,input,select,textarea,option):disabled,:where(button).btn-elevated:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).elevated:where(button,input,select,textarea,option):disabled,:where(button).elevated:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-elevated:where(button,input,select,textarea,option):disabled,:where(button).btn-elevated:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).elevated:where(button,input,select,textarea,option):disabled,:where(button).elevated:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-elevated:where(button,input,select,textarea,option)::selection,:where(button).btn-elevated:where(button,input,select,textarea,option):checked,:where(button).btn-elevated:where(button,input,select,textarea,option)[aria-selected=true],:where(button).elevated:where(button,input,select,textarea,option)::selection,:where(button).elevated:where(button,input,select,textarea,option):checked,:where(button).elevated:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-elevated:where(button,input,select,textarea,option)::selection,:where(button).btn-elevated:where(button,input,select,textarea,option):checked,:where(button).btn-elevated:where(button,input,select,textarea,option)[aria-selected=true],:where(button).elevated:where(button,input,select,textarea,option)::selection,:where(button).elevated:where(button,input,select,textarea,option):checked,:where(button).elevated:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-elevated:where(button,input,select,textarea,option):autofill,:where(button).elevated:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-elevated:where(button,input,select,textarea,option):auto-fill,:where(button).elevated:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-elevated:where(button,input,select,textarea,option)::placeholder,:where(button).elevated:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-elevated:where(button,input,select,textarea,option):autofill,:where(button).btn-elevated:where(button,input,select,textarea,option):autofill:active,:where(button).btn-elevated:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-elevated:where(button,input,select,textarea,option):autofill:hover,:where(button).elevated:where(button,input,select,textarea,option):autofill,:where(button).elevated:where(button,input,select,textarea,option):autofill:active,:where(button).elevated:where(button,input,select,textarea,option):autofill:focus,:where(button).elevated:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-elevated:where(button,input,select,textarea,option):auto-fill,:where(button).btn-elevated:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-elevated:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-elevated:where(button,input,select,textarea,option):auto-fill:hover,:where(button).elevated:where(button,input,select,textarea,option):auto-fill,:where(button).elevated:where(button,input,select,textarea,option):auto-fill:active,:where(button).elevated:where(button,input,select,textarea,option):auto-fill:focus,:where(button).elevated:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-elevated:where(button,input,select,textarea,option)::selection,:where(button).btn-elevated:where(button,input,select,textarea,option):checked,:where(button).btn-elevated:where(button,input,select,textarea,option)[aria-selected=true],:where(button).elevated:where(button,input,select,textarea,option)::selection,:where(button).elevated:where(button,input,select,textarea,option):checked,:where(button).elevated:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-elevated:where(button,input,select,textarea,option)::selection,:where(button).btn-elevated:where(button,input,select,textarea,option):checked,:where(button).btn-elevated:where(button,input,select,textarea,option)[aria-selected=true],:where(button).elevated:where(button,input,select,textarea,option)::selection,:where(button).elevated:where(button,input,select,textarea,option):checked,:where(button).elevated:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-elevated::picker(select),:where(button).elevated::picker(select){background-color:initial}:where(button).btn-elevated ::picker(select),:where(button).elevated ::picker(select){background-color:initial}:where(button).btn-elevated ui-icon,:where(button).elevated ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-elevated:where(a,span,ui-icon),:where(button).elevated:where(a,span,ui-icon){background-color:initial}:where(button).btn-elevated:where(a,span,ui-icon)::selection,:where(button).elevated:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-elevated :where(a,span,ui-icon),:where(button).elevated :where(a,span,ui-icon){background-color:initial}:where(button).btn-elevated :where(a,span,ui-icon)::selection,:where(button).elevated :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-elevated,:where(button).elevated{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button).btn-elevated:after,:where(button).btn-elevated:before,:where(button).elevated:after,:where(button).elevated:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-elevated:after,:where(button).elevated:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-elevated:before,:where(button).elevated:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-elevated:hover:after,:where(button).elevated:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-elevated:active:after,:where(button).elevated:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-elevated:active:before,:where(button).elevated:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-elevated:focus-visible,:where(button).elevated:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-elevated:focus,:where(button).elevated:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-tonal,:where(button).tonal{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-tonal:where(a,span,ui-icon),:where(button).tonal:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-tonal:where(a,span,ui-icon),:where(button).tonal:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal:where(a,span,ui-icon)::selection,:where(button).tonal:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-tonal:where(button,input,select,textarea),:where(button).tonal:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-tonal,:where(button).tonal{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal::picker(select),:where(button).tonal::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-tonal:where(button,input,select,textarea,option),:where(button).tonal:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-tonal:where(button,input,select,textarea,option),:where(button).tonal:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal:where(button,input,select,textarea,option):hover,:where(button).tonal:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal:where(button,input,select,textarea,option):active,:where(button).tonal:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal:where(button,input,select,textarea,option):active,:where(button).tonal:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal:where(button,input,select,textarea,option):focus,:where(button).tonal:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal:where(button,input,select,textarea,option):focus-visible,:where(button).tonal:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal:where(button,input,select,textarea,option):focus-visible,:where(button).tonal:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).tonal:where(button,input,select,textarea,option):disabled,:where(button).tonal:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).tonal:where(button,input,select,textarea,option):disabled,:where(button).tonal:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal:where(button,input,select,textarea,option):checked,:where(button).btn-tonal:where(button,input,select,textarea,option)[aria-selected=true],:where(button).tonal:where(button,input,select,textarea,option)::selection,:where(button).tonal:where(button,input,select,textarea,option):checked,:where(button).tonal:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal:where(button,input,select,textarea,option):checked,:where(button).btn-tonal:where(button,input,select,textarea,option)[aria-selected=true],:where(button).tonal:where(button,input,select,textarea,option)::selection,:where(button).tonal:where(button,input,select,textarea,option):checked,:where(button).tonal:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-tonal:where(button,input,select,textarea,option):autofill,:where(button).tonal:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-tonal:where(button,input,select,textarea,option):auto-fill,:where(button).tonal:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-tonal:where(button,input,select,textarea,option)::placeholder,:where(button).tonal:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-tonal:where(button,input,select,textarea,option):autofill,:where(button).btn-tonal:where(button,input,select,textarea,option):autofill:active,:where(button).btn-tonal:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-tonal:where(button,input,select,textarea,option):autofill:hover,:where(button).tonal:where(button,input,select,textarea,option):autofill,:where(button).tonal:where(button,input,select,textarea,option):autofill:active,:where(button).tonal:where(button,input,select,textarea,option):autofill:focus,:where(button).tonal:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-tonal:where(button,input,select,textarea,option):auto-fill,:where(button).btn-tonal:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-tonal:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-tonal:where(button,input,select,textarea,option):auto-fill:hover,:where(button).tonal:where(button,input,select,textarea,option):auto-fill,:where(button).tonal:where(button,input,select,textarea,option):auto-fill:active,:where(button).tonal:where(button,input,select,textarea,option):auto-fill:focus,:where(button).tonal:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal:where(button,input,select,textarea,option):checked,:where(button).btn-tonal:where(button,input,select,textarea,option)[aria-selected=true],:where(button).tonal:where(button,input,select,textarea,option)::selection,:where(button).tonal:where(button,input,select,textarea,option):checked,:where(button).tonal:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal:where(button,input,select,textarea,option):checked,:where(button).btn-tonal:where(button,input,select,textarea,option)[aria-selected=true],:where(button).tonal:where(button,input,select,textarea,option)::selection,:where(button).tonal:where(button,input,select,textarea,option):checked,:where(button).tonal:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-tonal::picker(select),:where(button).tonal::picker(select){background-color:initial}:where(button).btn-tonal ::picker(select),:where(button).tonal ::picker(select){background-color:initial}:where(button).btn-tonal ui-icon,:where(button).tonal ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal:where(a,span,ui-icon),:where(button).tonal:where(a,span,ui-icon){background-color:initial}:where(button).btn-tonal:where(a,span,ui-icon)::selection,:where(button).tonal:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-tonal :where(a,span,ui-icon),:where(button).tonal :where(a,span,ui-icon){background-color:initial}:where(button).btn-tonal :where(a,span,ui-icon)::selection,:where(button).tonal :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-tonal,:where(button).tonal{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-secondary));overflow:hidden;position:relative}:where(button).btn-tonal:after,:where(button).btn-tonal:before,:where(button).tonal:after,:where(button).tonal:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-tonal:after,:where(button).tonal:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-secondary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-tonal:before,:where(button).tonal:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-secondary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal:hover:after,:where(button).tonal:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal:active:after,:where(button).tonal:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal:active:before,:where(button).tonal:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal:focus-visible,:where(button).tonal:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal:focus,:where(button).tonal:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-tonal-primary,:where(button).btn-tonal.btn-primary{--md-button-bg:var(--md-primary-container);--md-button-on:var(--md-on-primary-container);--md-button-state-color:var(--md-primary)}:where(button).btn-tonal-primary,:where(button).btn-tonal.btn-primary{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-tonal-primary:where(a,span,ui-icon),:where(button).btn-tonal.btn-primary:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-tonal-primary:where(a,span,ui-icon),:where(button).btn-tonal.btn-primary:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal-primary:where(a,span,ui-icon)::selection,:where(button).btn-tonal.btn-primary:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-tonal-primary:where(button,input,select,textarea),:where(button).btn-tonal.btn-primary:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-tonal-primary,:where(button).btn-tonal.btn-primary{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal-primary::picker(select),:where(button).btn-tonal.btn-primary::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-tonal-primary:where(button,input,select,textarea,option),:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-tonal-primary:where(button,input,select,textarea,option),:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-primary:where(button,input,select,textarea,option):hover,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-primary:where(button,input,select,textarea,option):active,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-primary:where(button,input,select,textarea,option):active,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-primary:where(button,input,select,textarea,option):focus,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-primary:where(button,input,select,textarea,option):focus-visible,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-primary:where(button,input,select,textarea,option):focus-visible,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-primary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal-primary:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-primary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal-primary:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-primary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-primary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-primary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-primary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-primary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-primary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-tonal-primary:where(button,input,select,textarea,option):autofill,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-tonal-primary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-tonal-primary:where(button,input,select,textarea,option)::placeholder,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-tonal-primary:where(button,input,select,textarea,option):autofill,:where(button).btn-tonal-primary:where(button,input,select,textarea,option):autofill:active,:where(button).btn-tonal-primary:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-tonal-primary:where(button,input,select,textarea,option):autofill:hover,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):autofill,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):autofill:active,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-tonal-primary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-tonal-primary:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-tonal-primary:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-tonal-primary:where(button,input,select,textarea,option):auto-fill:hover,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-primary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-primary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-primary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-primary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-primary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-primary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-primary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-tonal-primary::picker(select),:where(button).btn-tonal.btn-primary::picker(select){background-color:initial}:where(button).btn-tonal-primary ::picker(select),:where(button).btn-tonal.btn-primary ::picker(select){background-color:initial}:where(button).btn-tonal-primary ui-icon,:where(button).btn-tonal.btn-primary ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal-primary:where(a,span,ui-icon),:where(button).btn-tonal.btn-primary:where(a,span,ui-icon){background-color:initial}:where(button).btn-tonal-primary:where(a,span,ui-icon)::selection,:where(button).btn-tonal.btn-primary:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-tonal-primary :where(a,span,ui-icon),:where(button).btn-tonal.btn-primary :where(a,span,ui-icon){background-color:initial}:where(button).btn-tonal-primary :where(a,span,ui-icon)::selection,:where(button).btn-tonal.btn-primary :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-tonal-primary,:where(button).btn-tonal.btn-primary{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button).btn-tonal-primary:after,:where(button).btn-tonal-primary:before,:where(button).btn-tonal.btn-primary:after,:where(button).btn-tonal.btn-primary:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-tonal-primary:after,:where(button).btn-tonal.btn-primary:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-tonal-primary:before,:where(button).btn-tonal.btn-primary:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-primary:hover:after,:where(button).btn-tonal.btn-primary:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-primary:active:after,:where(button).btn-tonal.btn-primary:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-primary:active:before,:where(button).btn-tonal.btn-primary:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-primary:focus-visible,:where(button).btn-tonal.btn-primary:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-primary:focus,:where(button).btn-tonal.btn-primary:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-tonal-secondary,:where(button).btn-tonal.btn-secondary{--md-button-bg:var(--md-secondary-container);--md-button-on:var(--md-on-secondary-container);--md-button-state-color:var(--md-secondary)}:where(button).btn-tonal-secondary,:where(button).btn-tonal.btn-secondary{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-tonal-secondary:where(a,span,ui-icon),:where(button).btn-tonal.btn-secondary:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-tonal-secondary:where(a,span,ui-icon),:where(button).btn-tonal.btn-secondary:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal-secondary:where(a,span,ui-icon)::selection,:where(button).btn-tonal.btn-secondary:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-tonal-secondary:where(button,input,select,textarea),:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-tonal-secondary,:where(button).btn-tonal.btn-secondary{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal-secondary::picker(select),:where(button).btn-tonal.btn-secondary::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-tonal-secondary:where(button,input,select,textarea,option),:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-tonal-secondary:where(button,input,select,textarea,option),:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):hover,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):active,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):active,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):focus,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):focus-visible,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):focus-visible,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):autofill,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)::placeholder,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):autofill,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):autofill:active,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):autofill:hover,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):autofill,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):autofill:active,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):auto-fill:hover,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-secondary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-tonal-secondary::picker(select),:where(button).btn-tonal.btn-secondary::picker(select){background-color:initial}:where(button).btn-tonal-secondary ::picker(select),:where(button).btn-tonal.btn-secondary ::picker(select){background-color:initial}:where(button).btn-tonal-secondary ui-icon,:where(button).btn-tonal.btn-secondary ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal-secondary:where(a,span,ui-icon),:where(button).btn-tonal.btn-secondary:where(a,span,ui-icon){background-color:initial}:where(button).btn-tonal-secondary:where(a,span,ui-icon)::selection,:where(button).btn-tonal.btn-secondary:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-tonal-secondary :where(a,span,ui-icon),:where(button).btn-tonal.btn-secondary :where(a,span,ui-icon){background-color:initial}:where(button).btn-tonal-secondary :where(a,span,ui-icon)::selection,:where(button).btn-tonal.btn-secondary :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-tonal-secondary,:where(button).btn-tonal.btn-secondary{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-secondary));overflow:hidden;position:relative}:where(button).btn-tonal-secondary:after,:where(button).btn-tonal-secondary:before,:where(button).btn-tonal.btn-secondary:after,:where(button).btn-tonal.btn-secondary:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-tonal-secondary:after,:where(button).btn-tonal.btn-secondary:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-secondary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-tonal-secondary:before,:where(button).btn-tonal.btn-secondary:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-secondary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-secondary:hover:after,:where(button).btn-tonal.btn-secondary:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-secondary:active:after,:where(button).btn-tonal.btn-secondary:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-secondary:active:before,:where(button).btn-tonal.btn-secondary:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-secondary:focus-visible,:where(button).btn-tonal.btn-secondary:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-secondary:focus,:where(button).btn-tonal.btn-secondary:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-tonal-tertiary,:where(button).btn-tonal.btn-tertiary{--md-button-bg:var(--md-tertiary-container);--md-button-on:var(--md-on-tertiary-container);--md-button-state-color:var(--md-tertiary)}:where(button).btn-tonal-tertiary,:where(button).btn-tonal.btn-tertiary{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-tonal-tertiary:where(a,span,ui-icon),:where(button).btn-tonal.btn-tertiary:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-tonal-tertiary:where(a,span,ui-icon),:where(button).btn-tonal.btn-tertiary:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal-tertiary:where(a,span,ui-icon)::selection,:where(button).btn-tonal.btn-tertiary:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-tonal-tertiary:where(button,input,select,textarea),:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-tonal-tertiary,:where(button).btn-tonal.btn-tertiary{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal-tertiary::picker(select),:where(button).btn-tonal.btn-tertiary::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option),:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option),:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):hover,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):active,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):active,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):focus,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):focus-visible,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):focus-visible,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):disabled,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):autofill,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)::placeholder,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):autofill,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):autofill:active,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):autofill:hover,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):autofill,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):autofill:active,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):auto-fill:hover,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal-tertiary:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-tonal.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-tonal-tertiary::picker(select),:where(button).btn-tonal.btn-tertiary::picker(select){background-color:initial}:where(button).btn-tonal-tertiary ::picker(select),:where(button).btn-tonal.btn-tertiary ::picker(select){background-color:initial}:where(button).btn-tonal-tertiary ui-icon,:where(button).btn-tonal.btn-tertiary ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-tonal-tertiary:where(a,span,ui-icon),:where(button).btn-tonal.btn-tertiary:where(a,span,ui-icon){background-color:initial}:where(button).btn-tonal-tertiary:where(a,span,ui-icon)::selection,:where(button).btn-tonal.btn-tertiary:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-tonal-tertiary :where(a,span,ui-icon),:where(button).btn-tonal.btn-tertiary :where(a,span,ui-icon){background-color:initial}:where(button).btn-tonal-tertiary :where(a,span,ui-icon)::selection,:where(button).btn-tonal.btn-tertiary :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-tonal-tertiary,:where(button).btn-tonal.btn-tertiary{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-tertiary));overflow:hidden;position:relative}:where(button).btn-tonal-tertiary:after,:where(button).btn-tonal-tertiary:before,:where(button).btn-tonal.btn-tertiary:after,:where(button).btn-tonal.btn-tertiary:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-tonal-tertiary:after,:where(button).btn-tonal.btn-tertiary:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-tertiary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-tonal-tertiary:before,:where(button).btn-tonal.btn-tertiary:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-tertiary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-tertiary:hover:after,:where(button).btn-tonal.btn-tertiary:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-tertiary:active:after,:where(button).btn-tonal.btn-tertiary:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-tertiary:active:before,:where(button).btn-tonal.btn-tertiary:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-tonal-tertiary:focus-visible,:where(button).btn-tonal.btn-tertiary:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-tonal-tertiary:focus,:where(button).btn-tonal.btn-tertiary:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-outlined,:where(button).outlined{--md-button-on:var(--md-button-on,var(--md-primary));--md-button-outline-color:var(--md-button-outline-color,var(--md-primary))}:where(button).btn-outlined,:where(button).outlined{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-outlined:where(a,span,ui-icon),:where(button).outlined:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-outlined:where(a,span,ui-icon),:where(button).outlined:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-outlined:where(a,span,ui-icon)::selection,:where(button).outlined:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-outlined:where(button,input,select,textarea),:where(button).outlined:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-outlined,:where(button).outlined{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-outlined::picker(select),:where(button).outlined::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-outlined:where(button,input,select,textarea,option),:where(button).outlined:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-outlined:where(button,input,select,textarea,option),:where(button).outlined:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined:where(button,input,select,textarea,option):hover,:where(button).outlined:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined:where(button,input,select,textarea,option):active,:where(button).outlined:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined:where(button,input,select,textarea,option):active,:where(button).outlined:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined:where(button,input,select,textarea,option):focus,:where(button).outlined:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined:where(button,input,select,textarea,option):focus-visible,:where(button).outlined:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined:where(button,input,select,textarea,option):focus-visible,:where(button).outlined:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined:where(button,input,select,textarea,option):disabled,:where(button).btn-outlined:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).outlined:where(button,input,select,textarea,option):disabled,:where(button).outlined:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined:where(button,input,select,textarea,option):disabled,:where(button).btn-outlined:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).outlined:where(button,input,select,textarea,option):disabled,:where(button).outlined:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined:where(button,input,select,textarea,option):checked,:where(button).btn-outlined:where(button,input,select,textarea,option)[aria-selected=true],:where(button).outlined:where(button,input,select,textarea,option)::selection,:where(button).outlined:where(button,input,select,textarea,option):checked,:where(button).outlined:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined:where(button,input,select,textarea,option):checked,:where(button).btn-outlined:where(button,input,select,textarea,option)[aria-selected=true],:where(button).outlined:where(button,input,select,textarea,option)::selection,:where(button).outlined:where(button,input,select,textarea,option):checked,:where(button).outlined:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-outlined:where(button,input,select,textarea,option):autofill,:where(button).outlined:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-outlined:where(button,input,select,textarea,option):auto-fill,:where(button).outlined:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-outlined:where(button,input,select,textarea,option)::placeholder,:where(button).outlined:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-outlined:where(button,input,select,textarea,option):autofill,:where(button).btn-outlined:where(button,input,select,textarea,option):autofill:active,:where(button).btn-outlined:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-outlined:where(button,input,select,textarea,option):autofill:hover,:where(button).outlined:where(button,input,select,textarea,option):autofill,:where(button).outlined:where(button,input,select,textarea,option):autofill:active,:where(button).outlined:where(button,input,select,textarea,option):autofill:focus,:where(button).outlined:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-outlined:where(button,input,select,textarea,option):auto-fill,:where(button).btn-outlined:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-outlined:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-outlined:where(button,input,select,textarea,option):auto-fill:hover,:where(button).outlined:where(button,input,select,textarea,option):auto-fill,:where(button).outlined:where(button,input,select,textarea,option):auto-fill:active,:where(button).outlined:where(button,input,select,textarea,option):auto-fill:focus,:where(button).outlined:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined:where(button,input,select,textarea,option):checked,:where(button).btn-outlined:where(button,input,select,textarea,option)[aria-selected=true],:where(button).outlined:where(button,input,select,textarea,option)::selection,:where(button).outlined:where(button,input,select,textarea,option):checked,:where(button).outlined:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined:where(button,input,select,textarea,option):checked,:where(button).btn-outlined:where(button,input,select,textarea,option)[aria-selected=true],:where(button).outlined:where(button,input,select,textarea,option)::selection,:where(button).outlined:where(button,input,select,textarea,option):checked,:where(button).outlined:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-outlined::picker(select),:where(button).outlined::picker(select){background-color:initial}:where(button).btn-outlined ::picker(select),:where(button).outlined ::picker(select){background-color:initial}:where(button).btn-outlined ui-icon,:where(button).outlined ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-outlined:where(a,span,ui-icon),:where(button).outlined:where(a,span,ui-icon){background-color:initial}:where(button).btn-outlined:where(a,span,ui-icon)::selection,:where(button).outlined:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-outlined :where(a,span,ui-icon),:where(button).outlined :where(a,span,ui-icon){background-color:initial}:where(button).btn-outlined :where(a,span,ui-icon)::selection,:where(button).outlined :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-outlined,:where(button).outlined{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:initial;border:1px solid var(--md-button-outline-color,var(--md-outline));color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button).btn-outlined:after,:where(button).btn-outlined:before,:where(button).outlined:after,:where(button).outlined:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-outlined:after,:where(button).outlined:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-outlined:before,:where(button).outlined:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined:hover:after,:where(button).outlined:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined:active:after,:where(button).outlined:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined:active:before,:where(button).outlined:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined:focus-visible,:where(button).outlined:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined:focus,:where(button).outlined:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-outlined.btn-secondary{--md-button-on:var(--md-secondary);--md-button-outline-color:var(--md-secondary);--md-button-state-color:var(--md-secondary)}:where(button).btn-outlined.btn-secondary{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-outlined.btn-secondary:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-outlined.btn-secondary:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-outlined.btn-secondary:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-outlined.btn-secondary{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-outlined.btn-secondary::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):disabled,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):disabled,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):autofill,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):autofill:active,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-outlined.btn-secondary::picker(select){background-color:initial}:where(button).btn-outlined.btn-secondary ::picker(select){background-color:initial}:where(button).btn-outlined.btn-secondary ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-outlined.btn-secondary:where(a,span,ui-icon){background-color:initial}:where(button).btn-outlined.btn-secondary:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-outlined.btn-secondary :where(a,span,ui-icon){background-color:initial}:where(button).btn-outlined.btn-secondary :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-outlined.btn-secondary{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:initial;border:1px solid var(--md-button-outline-color,var(--md-outline));color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button).btn-outlined.btn-secondary:after,:where(button).btn-outlined.btn-secondary:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-outlined.btn-secondary:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-outlined.btn-secondary:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-secondary:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-secondary:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-secondary:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-secondary:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-secondary:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-outlined.btn-accent,:where(button).btn-outlined.btn-tertiary{--md-button-on:var(--md-tertiary);--md-button-outline-color:var(--md-tertiary);--md-button-state-color:var(--md-tertiary)}:where(button).btn-outlined.btn-accent,:where(button).btn-outlined.btn-tertiary{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-outlined.btn-accent:where(a,span,ui-icon),:where(button).btn-outlined.btn-tertiary:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-outlined.btn-accent:where(a,span,ui-icon),:where(button).btn-outlined.btn-tertiary:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-outlined.btn-accent:where(a,span,ui-icon)::selection,:where(button).btn-outlined.btn-tertiary:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-outlined.btn-accent:where(button,input,select,textarea),:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-outlined.btn-accent,:where(button).btn-outlined.btn-tertiary{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-outlined.btn-accent::picker(select),:where(button).btn-outlined.btn-tertiary::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option),:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option),:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):hover,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):active,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):active,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):focus,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):focus-visible,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):focus-visible,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):disabled,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):disabled,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):disabled,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):disabled,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):autofill,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):auto-fill,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)::placeholder,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):autofill,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):autofill:active,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):autofill:hover,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):autofill,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):autofill:active,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):auto-fill,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):auto-fill:hover,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-accent:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-outlined.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-outlined.btn-accent::picker(select),:where(button).btn-outlined.btn-tertiary::picker(select){background-color:initial}:where(button).btn-outlined.btn-accent ::picker(select),:where(button).btn-outlined.btn-tertiary ::picker(select){background-color:initial}:where(button).btn-outlined.btn-accent ui-icon,:where(button).btn-outlined.btn-tertiary ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-outlined.btn-accent:where(a,span,ui-icon),:where(button).btn-outlined.btn-tertiary:where(a,span,ui-icon){background-color:initial}:where(button).btn-outlined.btn-accent:where(a,span,ui-icon)::selection,:where(button).btn-outlined.btn-tertiary:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-outlined.btn-accent :where(a,span,ui-icon),:where(button).btn-outlined.btn-tertiary :where(a,span,ui-icon){background-color:initial}:where(button).btn-outlined.btn-accent :where(a,span,ui-icon)::selection,:where(button).btn-outlined.btn-tertiary :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-outlined.btn-accent,:where(button).btn-outlined.btn-tertiary{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:initial;border:1px solid var(--md-button-outline-color,var(--md-outline));color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button).btn-outlined.btn-accent:after,:where(button).btn-outlined.btn-accent:before,:where(button).btn-outlined.btn-tertiary:after,:where(button).btn-outlined.btn-tertiary:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-outlined.btn-accent:after,:where(button).btn-outlined.btn-tertiary:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-outlined.btn-accent:before,:where(button).btn-outlined.btn-tertiary:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-accent:hover:after,:where(button).btn-outlined.btn-tertiary:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-accent:active:after,:where(button).btn-outlined.btn-tertiary:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-accent:active:before,:where(button).btn-outlined.btn-tertiary:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-outlined.btn-accent:focus-visible,:where(button).btn-outlined.btn-tertiary:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-outlined.btn-accent:focus,:where(button).btn-outlined.btn-tertiary:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-ghost,:where(button).btn-link,:where(button).btn-text,:where(button).text{--md-button-on:var(--md-button-on,var(--md-primary))}:where(button).btn-ghost,:where(button).btn-link,:where(button).btn-text,:where(button).text{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-ghost:where(a,span,ui-icon),:where(button).btn-link:where(a,span,ui-icon),:where(button).btn-text:where(a,span,ui-icon),:where(button).text:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-ghost:where(a,span,ui-icon),:where(button).btn-link:where(a,span,ui-icon),:where(button).btn-text:where(a,span,ui-icon),:where(button).text:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-ghost:where(a,span,ui-icon)::selection,:where(button).btn-link:where(a,span,ui-icon)::selection,:where(button).btn-text:where(a,span,ui-icon)::selection,:where(button).text:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-ghost:where(button,input,select,textarea),:where(button).btn-link:where(button,input,select,textarea),:where(button).btn-text:where(button,input,select,textarea),:where(button).text:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-ghost,:where(button).btn-link,:where(button).btn-text,:where(button).text{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-ghost::picker(select),:where(button).btn-link::picker(select),:where(button).btn-text::picker(select),:where(button).text::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-ghost:where(button,input,select,textarea,option),:where(button).btn-link:where(button,input,select,textarea,option),:where(button).btn-text:where(button,input,select,textarea,option),:where(button).text:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-ghost:where(button,input,select,textarea,option),:where(button).btn-link:where(button,input,select,textarea,option),:where(button).btn-text:where(button,input,select,textarea,option),:where(button).text:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-ghost:where(button,input,select,textarea,option):hover,:where(button).btn-link:where(button,input,select,textarea,option):hover,:where(button).btn-text:where(button,input,select,textarea,option):hover,:where(button).text:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-ghost:where(button,input,select,textarea,option):active,:where(button).btn-link:where(button,input,select,textarea,option):active,:where(button).btn-text:where(button,input,select,textarea,option):active,:where(button).text:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-ghost:where(button,input,select,textarea,option):active,:where(button).btn-link:where(button,input,select,textarea,option):active,:where(button).btn-text:where(button,input,select,textarea,option):active,:where(button).text:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-ghost:where(button,input,select,textarea,option):focus,:where(button).btn-link:where(button,input,select,textarea,option):focus,:where(button).btn-text:where(button,input,select,textarea,option):focus,:where(button).text:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-ghost:where(button,input,select,textarea,option):focus-visible,:where(button).btn-link:where(button,input,select,textarea,option):focus-visible,:where(button).btn-text:where(button,input,select,textarea,option):focus-visible,:where(button).text:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-ghost:where(button,input,select,textarea,option):focus-visible,:where(button).btn-link:where(button,input,select,textarea,option):focus-visible,:where(button).btn-text:where(button,input,select,textarea,option):focus-visible,:where(button).text:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-ghost:where(button,input,select,textarea,option):disabled,:where(button).btn-ghost:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-link:where(button,input,select,textarea,option):disabled,:where(button).btn-link:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-text:where(button,input,select,textarea,option):disabled,:where(button).btn-text:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).text:where(button,input,select,textarea,option):disabled,:where(button).text:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-ghost:where(button,input,select,textarea,option):disabled,:where(button).btn-ghost:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-link:where(button,input,select,textarea,option):disabled,:where(button).btn-link:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-text:where(button,input,select,textarea,option):disabled,:where(button).btn-text:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).text:where(button,input,select,textarea,option):disabled,:where(button).text:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-ghost:where(button,input,select,textarea,option)::selection,:where(button).btn-ghost:where(button,input,select,textarea,option):checked,:where(button).btn-ghost:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-link:where(button,input,select,textarea,option)::selection,:where(button).btn-link:where(button,input,select,textarea,option):checked,:where(button).btn-link:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-text:where(button,input,select,textarea,option)::selection,:where(button).btn-text:where(button,input,select,textarea,option):checked,:where(button).btn-text:where(button,input,select,textarea,option)[aria-selected=true],:where(button).text:where(button,input,select,textarea,option)::selection,:where(button).text:where(button,input,select,textarea,option):checked,:where(button).text:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-ghost:where(button,input,select,textarea,option)::selection,:where(button).btn-ghost:where(button,input,select,textarea,option):checked,:where(button).btn-ghost:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-link:where(button,input,select,textarea,option)::selection,:where(button).btn-link:where(button,input,select,textarea,option):checked,:where(button).btn-link:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-text:where(button,input,select,textarea,option)::selection,:where(button).btn-text:where(button,input,select,textarea,option):checked,:where(button).btn-text:where(button,input,select,textarea,option)[aria-selected=true],:where(button).text:where(button,input,select,textarea,option)::selection,:where(button).text:where(button,input,select,textarea,option):checked,:where(button).text:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-ghost:where(button,input,select,textarea,option):autofill,:where(button).btn-link:where(button,input,select,textarea,option):autofill,:where(button).btn-text:where(button,input,select,textarea,option):autofill,:where(button).text:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-ghost:where(button,input,select,textarea,option):auto-fill,:where(button).btn-link:where(button,input,select,textarea,option):auto-fill,:where(button).btn-text:where(button,input,select,textarea,option):auto-fill,:where(button).text:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-ghost:where(button,input,select,textarea,option)::placeholder,:where(button).btn-link:where(button,input,select,textarea,option)::placeholder,:where(button).btn-text:where(button,input,select,textarea,option)::placeholder,:where(button).text:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-ghost:where(button,input,select,textarea,option):autofill,:where(button).btn-ghost:where(button,input,select,textarea,option):autofill:active,:where(button).btn-ghost:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-ghost:where(button,input,select,textarea,option):autofill:hover,:where(button).btn-link:where(button,input,select,textarea,option):autofill,:where(button).btn-link:where(button,input,select,textarea,option):autofill:active,:where(button).btn-link:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-link:where(button,input,select,textarea,option):autofill:hover,:where(button).btn-text:where(button,input,select,textarea,option):autofill,:where(button).btn-text:where(button,input,select,textarea,option):autofill:active,:where(button).btn-text:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-text:where(button,input,select,textarea,option):autofill:hover,:where(button).text:where(button,input,select,textarea,option):autofill,:where(button).text:where(button,input,select,textarea,option):autofill:active,:where(button).text:where(button,input,select,textarea,option):autofill:focus,:where(button).text:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-ghost:where(button,input,select,textarea,option):auto-fill,:where(button).btn-ghost:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-ghost:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-ghost:where(button,input,select,textarea,option):auto-fill:hover,:where(button).btn-link:where(button,input,select,textarea,option):auto-fill,:where(button).btn-link:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-link:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-link:where(button,input,select,textarea,option):auto-fill:hover,:where(button).btn-text:where(button,input,select,textarea,option):auto-fill,:where(button).btn-text:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-text:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-text:where(button,input,select,textarea,option):auto-fill:hover,:where(button).text:where(button,input,select,textarea,option):auto-fill,:where(button).text:where(button,input,select,textarea,option):auto-fill:active,:where(button).text:where(button,input,select,textarea,option):auto-fill:focus,:where(button).text:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-ghost:where(button,input,select,textarea,option)::selection,:where(button).btn-ghost:where(button,input,select,textarea,option):checked,:where(button).btn-ghost:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-link:where(button,input,select,textarea,option)::selection,:where(button).btn-link:where(button,input,select,textarea,option):checked,:where(button).btn-link:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-text:where(button,input,select,textarea,option)::selection,:where(button).btn-text:where(button,input,select,textarea,option):checked,:where(button).btn-text:where(button,input,select,textarea,option)[aria-selected=true],:where(button).text:where(button,input,select,textarea,option)::selection,:where(button).text:where(button,input,select,textarea,option):checked,:where(button).text:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-ghost:where(button,input,select,textarea,option)::selection,:where(button).btn-ghost:where(button,input,select,textarea,option):checked,:where(button).btn-ghost:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-link:where(button,input,select,textarea,option)::selection,:where(button).btn-link:where(button,input,select,textarea,option):checked,:where(button).btn-link:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-text:where(button,input,select,textarea,option)::selection,:where(button).btn-text:where(button,input,select,textarea,option):checked,:where(button).btn-text:where(button,input,select,textarea,option)[aria-selected=true],:where(button).text:where(button,input,select,textarea,option)::selection,:where(button).text:where(button,input,select,textarea,option):checked,:where(button).text:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-ghost::picker(select),:where(button).btn-link::picker(select),:where(button).btn-text::picker(select),:where(button).text::picker(select){background-color:initial}:where(button).btn-ghost ::picker(select),:where(button).btn-link ::picker(select),:where(button).btn-text ::picker(select),:where(button).text ::picker(select){background-color:initial}:where(button).btn-ghost ui-icon,:where(button).btn-link ui-icon,:where(button).btn-text ui-icon,:where(button).text ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-ghost:where(a,span,ui-icon),:where(button).btn-link:where(a,span,ui-icon),:where(button).btn-text:where(a,span,ui-icon),:where(button).text:where(a,span,ui-icon){background-color:initial}:where(button).btn-ghost:where(a,span,ui-icon)::selection,:where(button).btn-link:where(a,span,ui-icon)::selection,:where(button).btn-text:where(a,span,ui-icon)::selection,:where(button).text:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-ghost :where(a,span,ui-icon),:where(button).btn-link :where(a,span,ui-icon),:where(button).btn-text :where(a,span,ui-icon),:where(button).text :where(a,span,ui-icon){background-color:initial}:where(button).btn-ghost :where(a,span,ui-icon)::selection,:where(button).btn-link :where(a,span,ui-icon)::selection,:where(button).btn-text :where(a,span,ui-icon)::selection,:where(button).text :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-ghost,:where(button).btn-link,:where(button).btn-text,:where(button).text{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:initial;border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button).btn-ghost:after,:where(button).btn-ghost:before,:where(button).btn-link:after,:where(button).btn-link:before,:where(button).btn-text:after,:where(button).btn-text:before,:where(button).text:after,:where(button).text:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-ghost:after,:where(button).btn-link:after,:where(button).btn-text:after,:where(button).text:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-ghost:before,:where(button).btn-link:before,:where(button).btn-text:before,:where(button).text:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-ghost:hover:after,:where(button).btn-link:hover:after,:where(button).btn-text:hover:after,:where(button).text:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-ghost:active:after,:where(button).btn-link:active:after,:where(button).btn-text:active:after,:where(button).text:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-ghost:active:before,:where(button).btn-link:active:before,:where(button).btn-text:active:before,:where(button).text:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-ghost:focus-visible,:where(button).btn-link:focus-visible,:where(button).btn-text:focus-visible,:where(button).text:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-ghost:focus,:where(button).btn-link:focus,:where(button).btn-text:focus,:where(button).text:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-text.btn-secondary{--md-button-on:var(--md-secondary);--md-button-state-color:var(--md-secondary)}:where(button).btn-text.btn-secondary{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-text.btn-secondary:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-text.btn-secondary:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-text.btn-secondary:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-text.btn-secondary:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-text.btn-secondary{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-text.btn-secondary::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):disabled,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):disabled,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):autofill,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):autofill:active,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-secondary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-text.btn-secondary::picker(select){background-color:initial}:where(button).btn-text.btn-secondary ::picker(select){background-color:initial}:where(button).btn-text.btn-secondary ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-text.btn-secondary:where(a,span,ui-icon){background-color:initial}:where(button).btn-text.btn-secondary:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-text.btn-secondary :where(a,span,ui-icon){background-color:initial}:where(button).btn-text.btn-secondary :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-text.btn-secondary{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:initial;border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button).btn-text.btn-secondary:after,:where(button).btn-text.btn-secondary:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-text.btn-secondary:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-text.btn-secondary:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-secondary:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-secondary:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-secondary:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-secondary:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-secondary:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-text.btn-accent,:where(button).btn-text.btn-tertiary{--md-button-on:var(--md-tertiary);--md-button-state-color:var(--md-tertiary)}:where(button).btn-text.btn-accent,:where(button).btn-text.btn-tertiary{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button).btn-text.btn-accent:where(a,span,ui-icon),:where(button).btn-text.btn-tertiary:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-text.btn-accent:where(a,span,ui-icon),:where(button).btn-text.btn-tertiary:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-text.btn-accent:where(a,span,ui-icon)::selection,:where(button).btn-text.btn-tertiary:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button).btn-text.btn-accent:where(button,input,select,textarea),:where(button).btn-text.btn-tertiary:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button).btn-text.btn-accent,:where(button).btn-text.btn-tertiary{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-text.btn-accent::picker(select),:where(button).btn-text.btn-tertiary::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button).btn-text.btn-accent:where(button,input,select,textarea,option),:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button).btn-text.btn-accent:where(button,input,select,textarea,option),:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):hover,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):active,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):active,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):focus,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):focus-visible,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):focus-visible,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):disabled,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):disabled,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):disabled,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)[aria-disabled=true],:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):disabled,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):autofill,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):auto-fill,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)::placeholder,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):autofill,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):autofill:active,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):autofill:hover,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):autofill,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):autofill:active,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):autofill:focus,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):auto-fill,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):auto-fill:hover,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):auto-fill,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):auto-fill:active,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):auto-fill:focus,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-accent:where(button,input,select,textarea,option)[aria-selected=true],:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)::selection,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option):checked,:where(button).btn-text.btn-tertiary:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button).btn-text.btn-accent::picker(select),:where(button).btn-text.btn-tertiary::picker(select){background-color:initial}:where(button).btn-text.btn-accent ::picker(select),:where(button).btn-text.btn-tertiary ::picker(select){background-color:initial}:where(button).btn-text.btn-accent ui-icon,:where(button).btn-text.btn-tertiary ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button).btn-text.btn-accent:where(a,span,ui-icon),:where(button).btn-text.btn-tertiary:where(a,span,ui-icon){background-color:initial}:where(button).btn-text.btn-accent:where(a,span,ui-icon)::selection,:where(button).btn-text.btn-tertiary:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-text.btn-accent :where(a,span,ui-icon),:where(button).btn-text.btn-tertiary :where(a,span,ui-icon){background-color:initial}:where(button).btn-text.btn-accent :where(a,span,ui-icon)::selection,:where(button).btn-text.btn-tertiary :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button).btn-text.btn-accent,:where(button).btn-text.btn-tertiary{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:initial;border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button).btn-text.btn-accent:after,:where(button).btn-text.btn-accent:before,:where(button).btn-text.btn-tertiary:after,:where(button).btn-text.btn-tertiary:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button).btn-text.btn-accent:after,:where(button).btn-text.btn-tertiary:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button).btn-text.btn-accent:before,:where(button).btn-text.btn-tertiary:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-accent:hover:after,:where(button).btn-text.btn-tertiary:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-accent:active:after,:where(button).btn-text.btn-tertiary:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-accent:active:before,:where(button).btn-text.btn-tertiary:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button).btn-text.btn-accent:focus-visible,:where(button).btn-text.btn-tertiary:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button).btn-text.btn-accent:focus,:where(button).btn-text.btn-tertiary:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button).btn-icon,:where(button).icon-only{block-size:var(--icon-size-lg);border-radius:50%;inline-size:var(--icon-size-lg);justify-content:center;min-block-size:var(--icon-size-lg);min-inline-size:var(--icon-size-lg);padding:0}:where(button).btn-icon>:where(ui-icon,svg),:where(button).icon-only>:where(ui-icon,svg){block-size:60%;inline-size:60%}}@layer ux-states{:where(:root,:host,:scope,body){--ux-tone-direction:var(--interaction-tone-direction,1)}:where(:root,:host,:scope){--color-shade:0}:where(:root,:host,:scope) :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(:root,:host,:scope) :where(button,input,select,textarea,option),:where(:root,:host,:scope):where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(:root,:host,:scope) :where(button,input,select,textarea,option),:where(:root,:host,:scope):where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(:root,:host,:scope) :where(button,input,select,textarea,option),:where(:root,:host,:scope):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope) :where(button,input,select,textarea,option):hover,:where(:root,:host,:scope):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope) :where(button,input,select,textarea,option):active,:where(:root,:host,:scope):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope) :where(button,input,select,textarea,option):active,:where(:root,:host,:scope):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope) :where(button,input,select,textarea,option):focus,:where(:root,:host,:scope):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope) :where(button,input,select,textarea,option):focus-visible,:where(:root,:host,:scope):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope) :where(button,input,select,textarea,option):focus-visible,:where(:root,:host,:scope):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope) :where(button,input,select,textarea,option):disabled,:where(:root,:host,:scope) :where(button,input,select,textarea,option)[aria-disabled=true],:where(:root,:host,:scope):where(button,input,select,textarea,option):disabled,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope) :where(button,input,select,textarea,option):disabled,:where(:root,:host,:scope) :where(button,input,select,textarea,option)[aria-disabled=true],:where(:root,:host,:scope):where(button,input,select,textarea,option):disabled,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope) :where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope) :where(button,input,select,textarea,option):checked,:where(:root,:host,:scope) :where(button,input,select,textarea,option)[aria-selected=true],:where(:root,:host,:scope):where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope):where(button,input,select,textarea,option):checked,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope) :where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope) :where(button,input,select,textarea,option):checked,:where(:root,:host,:scope) :where(button,input,select,textarea,option)[aria-selected=true],:where(:root,:host,:scope):where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope):where(button,input,select,textarea,option):checked,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(:root,:host,:scope) :where(button,input,select,textarea,option):autofill,:where(:root,:host,:scope):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(:root,:host,:scope) :where(button,input,select,textarea,option):auto-fill,:where(:root,:host,:scope):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(:root,:host,:scope) :where(button,input,select,textarea,option)::placeholder,:where(:root,:host,:scope):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(:root,:host,:scope) :where(button,input,select,textarea,option):autofill,:where(:root,:host,:scope) :where(button,input,select,textarea,option):autofill:active,:where(:root,:host,:scope) :where(button,input,select,textarea,option):autofill:focus,:where(:root,:host,:scope) :where(button,input,select,textarea,option):autofill:hover,:where(:root,:host,:scope):where(button,input,select,textarea,option):autofill,:where(:root,:host,:scope):where(button,input,select,textarea,option):autofill:active,:where(:root,:host,:scope):where(button,input,select,textarea,option):autofill:focus,:where(:root,:host,:scope):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(:root,:host,:scope) :where(button,input,select,textarea,option):auto-fill,:where(:root,:host,:scope) :where(button,input,select,textarea,option):auto-fill:active,:where(:root,:host,:scope) :where(button,input,select,textarea,option):auto-fill:focus,:where(:root,:host,:scope) :where(button,input,select,textarea,option):auto-fill:hover,:where(:root,:host,:scope):where(button,input,select,textarea,option):auto-fill,:where(:root,:host,:scope):where(button,input,select,textarea,option):auto-fill:active,:where(:root,:host,:scope):where(button,input,select,textarea,option):auto-fill:focus,:where(:root,:host,:scope):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope) :where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope) :where(button,input,select,textarea,option):checked,:where(:root,:host,:scope) :where(button,input,select,textarea,option)[aria-selected=true],:where(:root,:host,:scope):where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope):where(button,input,select,textarea,option):checked,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope) :where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope) :where(button,input,select,textarea,option):checked,:where(:root,:host,:scope) :where(button,input,select,textarea,option)[aria-selected=true],:where(:root,:host,:scope):where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope):where(button,input,select,textarea,option):checked,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(:root,:host,:scope){--card-padding:var(--padding-lg);--card-radius:md3-radius(lg);--avatar-size:clamp(32px,6cqi,48px);--avatar-size-lg:clamp(40px,8cqi,64px);--icon-size-sm:clamp(.9rem,1.2cqi,1.1rem);--icon-size-md:clamp(1.1rem,1.4cqi,1.3rem);--icon-size-lg:clamp(1.4rem,1.8cqi,1.7rem);--icon-color:currentColor;--card-avatar-size:var(--avatar-size);--button-radius:var(--radius-full);--button-padding-x:var(--padding-lg);--button-padding-y:var(--padding-sm);--nav-gap:var(--gap-md);--nav-padding:var(--padding-md);--nav-radius:var(--radius-md);--form-radius:var(--radius-full);--form-padding:var(--padding-md);--form-gap:var(--gap-sm)}:where(:root,:host,:scope){--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(:root,:host,:scope):where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(:root,:host,:scope):where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(:root,:host,:scope):where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(:root,:host,:scope):where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(:root,:host,:scope){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(:root,:host,:scope)::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(:root,:host,:scope):where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(:root,:host,:scope):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope):where(button,input,select,textarea,option):disabled,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope):where(button,input,select,textarea,option):disabled,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope):where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope):where(button,input,select,textarea,option):checked,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope):where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope):where(button,input,select,textarea,option):checked,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(:root,:host,:scope):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(:root,:host,:scope):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(:root,:host,:scope):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(:root,:host,:scope):where(button,input,select,textarea,option):autofill,:where(:root,:host,:scope):where(button,input,select,textarea,option):autofill:active,:where(:root,:host,:scope):where(button,input,select,textarea,option):autofill:focus,:where(:root,:host,:scope):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(:root,:host,:scope):where(button,input,select,textarea,option):auto-fill,:where(:root,:host,:scope):where(button,input,select,textarea,option):auto-fill:active,:where(:root,:host,:scope):where(button,input,select,textarea,option):auto-fill:focus,:where(:root,:host,:scope):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(:root,:host,:scope):where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope):where(button,input,select,textarea,option):checked,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(:root,:host,:scope):where(button,input,select,textarea,option)::selection,:where(:root,:host,:scope):where(button,input,select,textarea,option):checked,:where(:root,:host,:scope):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(:root,:host,:scope)::picker(select){background-color:initial}:where(:root,:host,:scope) ::picker(select){background-color:initial}:where(:root,:host,:scope) ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(:root,:host,:scope):where(a,span,ui-icon){background-color:initial}:where(:root,:host,:scope):where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(:root,:host,:scope) :where(a,span,ui-icon){background-color:initial}:where(:root,:host,:scope) :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(:root,:host,:scope){--input-radius:var(--radius-full);--input-gap:var(--gap-sm);--input-padding:var(--padding-md);--input-padding-block:var(--padding-sm);--input-padding-inline:var(--padding-lg,1rem);--input-padding-inline-start:var(--padding-lg,1rem);--input-padding-inline-end:var(--padding-lg,1rem);--input-text-color:var(--on-surface-color,currentColor);--input-placeholder-color:color-mix(in oklch,var(--input-text-color) 32%,#0000);--input-helper-color:color-mix(in oklch,var(--input-text-color) 68%,#0000);--input-border-width:1px;--input-border-color:color-mix(in oklch,var(--on-surface-color,currentColor) 20%,#0000);--input-border-hover:color-mix(in oklch,var(--on-surface-color,currentColor) 30%,#0000);--input-border-focus:color-mix(in oklch,var(--input-border-hover) 40%,color-mix(in oklch,var(--current,currentColor) 30%,#0000));--input-border-error:var(--error,currentColor);--input-border-disabled:color-mix(in oklch,var(--input-border-color) 35%,#0000);--input-border-readonly:color-mix(in oklch,var(--input-border-color) 55%,#0000);--input-border-checked:color-mix(in oklch,var(--surface-color,currentColor) 80%,#0000);--input-border-autofill:color-mix(in oklch,var(--input-border-color) 80%,#0000);--input-surface-color:var(--surface-color,#0000);--input-surface-hover:color-mix(in oklch,var(--input-surface-color) 90%,var(--input-border-focus) 10%);--input-surface-focus:color-mix(in oklch,var(--input-surface-color) 88%,var(--input-border-focus) 12%);--input-surface-error:color-mix(in oklch,var(--input-surface-color) 88%,var(--input-border-error) 12%);--input-surface-disabled:color-mix(in oklch,var(--input-surface-color) 96%,#0000 4%);--input-surface-readonly:color-mix(in oklch,var(--input-surface-color) 96%,#0000 4%);--input-surface-autofill:color-mix(in oklch,var(--input-surface-color) 94%,#0000 6%);--input-surface:var(--input-surface-color,var(--surface-color,currentColor));--input-color:var(--input-surface-color,var(--surface-color,currentColor));--input-shadow:0 1px 2px color-mix(in oklch,var(--md-shadow,#000) 12%,#0000);--input-shadow-hover:0 1px 3px color-mix(in oklch,var(--md-shadow,#000) 18%,#0000);--input-shadow-focus:0 0 0 1px color-mix(in oklch,var(--input-border-focus) 32%,#0000),0 0 0 4px color-mix(in oklch,var(--input-border-focus) 12%,#0000);--input-shadow-error:0 0 0 1px color-mix(in oklch,var(--input-border-error) 32%,#0000),0 0 0 4px color-mix(in oklch,var(--input-border-error) 12%,#0000);--input-focus-ring-offset:2px;--input-selection-color:var(--on-surface-color,currentColor);--input-selection-on-color:var(--surface-color,currentColor);--input-icon-color:color-mix(in oklch,var(--input-text-color) 82%,#0000);--input-icon-size:var(--icon-size-md);--input-helper-spacing:var(--space-xs,.5rem);--input-label-color:color-mix(in oklch,var(--input-text-color) 92%,#0000);--input-min-block-size:2.75rem;--input-min-inline-size:0px;--input-max-inline-size:100%;--input-inline-size:fit-content;--input-line-height:1.4;--input-font-weight:inherit;--input-letter-spacing:.01em;--input-cursor:text;--input-text-disabled:color-mix(in oklch,var(--input-text-color) 55%,#0000);--input-text-readonly:color-mix(in oklch,var(--input-text-color) 70%,#0000);--input-text-autofill:color-mix(in oklch,var(--input-text-color) 65%,#0000);--option-border-inline-size:1px;--option-padding-block:var(--padding-sm);--option-padding-inline:calc(var(--padding-lg, 1rem) * .75);--option-border-color:color-mix(in oklch,var(--input-border-color) 70%,#0000);--option-border-hover:color-mix(in oklch,var(--option-border-color) 70%,var(--input-border-focus) 30%);--option-border-focus:var(--input-border-focus);--option-border-checked:var(--input-border-focus);--option-text-color:var(--input-text-color,var(--on-surface-color,currentColor));--option-text-hover:var(--option-text-color);--option-text-active:var(--option-text-color);--option-text-checked:var(--input-selection-on-color,var(--surface-color,currentColor));--option-text-focus:var(--input-border-focus);--option-surface-color:var(--input-surface-color,var(--surface-color,currentColor));--option-surface-hover:color-mix(in oklch,var(--option-surface-color) 88%,var(--on-surface-color,currentColor) 12%);--option-surface-active:color-mix(in oklch,var(--option-surface-color) 84%,var(--on-surface-color,currentColor) 16%);--option-surface-checked:color-mix(in oklch,var(--option-surface-color) 10%,var(--on-surface-color,currentColor) 90%);--option-outline-width:2px;--option-outline-offset:-2px;--option-outline-color:color-mix(in oklch,var(--on-surface-color,currentColor) 80%,#0000);--option-color:var(--option-surface-color);--option-hover-color:var(--option-surface-hover);--option-active-color:var(--option-surface-active);--option-checked-color:var(--option-surface-checked);--select-gap:var(--gap-sm);--select-indicator-size:var(--icon-size-sm,1.125rem);--select-indicator-color:var(--input-text-color,var(--option-text-color,currentColor));--select-text-color:var(--input-text-color,var(--option-text-color,currentColor));--select-color:var(--input-surface-color,var(--option-color,currentColor));--select-hover-color:var(--input-hover-color,var(--option-hover-color,currentColor));--select-surface-color:var(--input-surface-color,var(--option-color,currentColor));--select-surface-hover:var(--input-hover-color,var(--option-hover-color,currentColor));--checkbox-size:1.25rem;--checkbox-radius:var(--radius-sm);--checkbox-border-width:1px;--checkbox-surface:var(--input-surface,color-mix(in oklch,var(--surface-color,currentColor) 96%,var(--on-surface-color,currentColor)));--checkbox-surface-hover:color-mix(in oklch,var(--checkbox-surface) 88%,var(--on-surface-color,currentColor) 12%);--checkbox-surface-checked:color-mix(in oklch,var(--checkbox-surface) 10%,var(--on-surface-color,currentColor) 12%);--checkbox-surface-disabled:color-mix(in oklch,var(--checkbox-surface) 96%,#0000 4%);--checkbox-border-color:var(--input-border-color);--checkbox-border-hover:var(--input-border-hover);--checkbox-border-focus:var(--input-border-focus);--checkbox-border-checked:var(--input-border-focus);--checkbox-border-disabled:var(--input-border-disabled);--checkbox-shadow:var(--input-shadow);--checkbox-shadow-hover:var(--input-shadow-hover);--checkbox-shadow-focus:var(--input-shadow-focus);--checkbox-icon-color:var(--input-icon-color);--checkbox-icon-checked:var(--input-selection-on-color);--accordion-radius:var(--radius-lg);--accordion-open-color-shade:var(--surface-opacity-emphasis);--accordion-open-border:1px solid;--accordion-transition:var(--transition-colors);--empty-state-padding:var(--padding-2xl);--empty-state-radius:var(--radius-lg);--empty-state-border:1px dashed color-mix(in oklch,var( --c2-on-surface(var(--scrollbar-tint),var(--current,var(--color-on-surface,var(--md-on-surface,#1c1b1f)))),--md-outline-variant ) l c h/var(--border-opacity-dashed));--empty-state-min-block-size:var(--space-2xl);--surface-radius:var(--radius-md);--surface-border:1px solid;--surface-border-color:#0000;--surface-border-width:1px;--surface-border-style:solid;--surface-border-radius:var(--radius-md);--surface-border-radius-top-left:var(--radius-md);--surface-border-radius-top-right:var(--radius-md);--surface-border-radius-bottom-left:var(--radius-md);--surface-border-radius-bottom-right:var(--radius-md);--card-gap:var(--gap-md);--card-padding:var(--padding-md);--card-radius:var(--radius-md);--card-border:var(--surface-border-width,1px) var(--surface-border-style,solid);--card-border-color:var(--surface-border-color,#0000);--card-border-width:var(--surface-border-width,1px);--card-border-style:var(--surface-border-style,solid);--card-border-radius:var(--radius-md);--card-border-radius-top-left:var(--radius-md);--card-border-radius-top-right:var(--radius-md);--card-border-radius-bottom-left:var(--radius-md);--card-border-radius-bottom-right:var(--radius-md);--panel-gap:var(--gap-md);--panel-padding:var(--padding-md);--panel-radius:var(--radius-md);--panel-border:var(--surface-border-width,1px) var(--surface-border-style,solid);--panel-border-color:var(--surface-border-color,#0000);--panel-border-width:var(--surface-border-width,1px);--panel-border-style:var(--surface-border-style,solid);--panel-border-radius:var(--radius-md);--panel-border-radius-top-left:var(--radius-md);--panel-border-radius-top-right:var(--radius-md);--panel-border-radius-bottom-left:var(--radius-md);--panel-border-radius-bottom-right:var(--radius-md)}:where(input,option,textarea,select,button){--color-shade:0}:where(input,option,textarea,select,button) :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input,option,textarea,select,button) :where(button,input,select,textarea,option),:where(input,option,textarea,select,button):where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(input,option,textarea,select,button) :where(button,input,select,textarea,option),:where(input,option,textarea,select,button):where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(input,option,textarea,select,button) :where(button,input,select,textarea,option),:where(input,option,textarea,select,button):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):hover,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):active,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):active,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):focus,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):focus-visible,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):focus-visible,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):disabled,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)[aria-disabled=true],:where(input,option,textarea,select,button):where(button,input,select,textarea,option):disabled,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):disabled,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)[aria-disabled=true],:where(input,option,textarea,select,button):where(button,input,select,textarea,option):disabled,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)[aria-selected=true],:where(input,option,textarea,select,button):where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)[aria-selected=true],:where(input,option,textarea,select,button):where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):autofill,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):auto-fill,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)::placeholder,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):autofill,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):autofill:active,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):autofill:focus,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):autofill:hover,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):autofill,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):autofill:active,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):autofill:focus,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):auto-fill,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):auto-fill:active,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):auto-fill:focus,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):auto-fill:hover,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):auto-fill,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):auto-fill:active,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):auto-fill:focus,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)[aria-selected=true],:where(input,option,textarea,select,button):where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button) :where(button,input,select,textarea,option)[aria-selected=true],:where(input,option,textarea,select,button):where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(input,option,textarea,select,button){--card-padding:var(--padding-lg);--card-radius:md3-radius(lg);--avatar-size:clamp(32px,6cqi,48px);--avatar-size-lg:clamp(40px,8cqi,64px);--icon-size-sm:clamp(.9rem,1.2cqi,1.1rem);--icon-size-md:clamp(1.1rem,1.4cqi,1.3rem);--icon-size-lg:clamp(1.4rem,1.8cqi,1.7rem);--icon-color:currentColor;--card-avatar-size:var(--avatar-size);--button-radius:var(--radius-full);--button-padding-x:var(--padding-lg);--button-padding-y:var(--padding-sm);--nav-gap:var(--gap-md);--nav-padding:var(--padding-md);--nav-radius:var(--radius-md);--form-radius:var(--radius-full);--form-padding:var(--padding-md);--form-gap:var(--gap-sm)}:where(input,option,textarea,select,button){--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(input,option,textarea,select,button):where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input,option,textarea,select,button):where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(input,option,textarea,select,button):where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(input,option,textarea,select,button):where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(input,option,textarea,select,button){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(input,option,textarea,select,button)::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input,option,textarea,select,button):where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(input,option,textarea,select,button):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button):where(button,input,select,textarea,option):disabled,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button):where(button,input,select,textarea,option):disabled,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button):where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button):where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(input,option,textarea,select,button):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input,option,textarea,select,button):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input,option,textarea,select,button):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(input,option,textarea,select,button):where(button,input,select,textarea,option):autofill,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):autofill:active,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):autofill:focus,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(input,option,textarea,select,button):where(button,input,select,textarea,option):auto-fill,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):auto-fill:active,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):auto-fill:focus,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(input,option,textarea,select,button):where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(input,option,textarea,select,button):where(button,input,select,textarea,option)::selection,:where(input,option,textarea,select,button):where(button,input,select,textarea,option):checked,:where(input,option,textarea,select,button):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(input,option,textarea,select,button)::picker(select){background-color:initial}:where(input,option,textarea,select,button) ::picker(select){background-color:initial}:where(input,option,textarea,select,button) ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(input,option,textarea,select,button):where(a,span,ui-icon){background-color:initial}:where(input,option,textarea,select,button):where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(input,option,textarea,select,button) :where(a,span,ui-icon){background-color:initial}:where(input,option,textarea,select,button) :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(input,option,textarea,select,button){--input-radius:var(--radius-full);--input-gap:var(--gap-sm);--input-padding:var(--padding-md);--input-padding-block:var(--padding-sm);--input-padding-inline:var(--padding-lg,1rem);--input-padding-inline-start:var(--padding-lg,1rem);--input-padding-inline-end:var(--padding-lg,1rem);--input-text-color:var(--on-surface-color,currentColor);--input-placeholder-color:color-mix(in oklch,var(--input-text-color) 32%,#0000);--input-helper-color:color-mix(in oklch,var(--input-text-color) 68%,#0000);--input-border-width:1px;--input-border-color:color-mix(in oklch,var(--on-surface-color,currentColor) 20%,#0000);--input-border-hover:color-mix(in oklch,var(--on-surface-color,currentColor) 30%,#0000);--input-border-focus:color-mix(in oklch,var(--input-border-hover) 40%,color-mix(in oklch,var(--current,currentColor) 30%,#0000));--input-border-error:var(--error,currentColor);--input-border-disabled:color-mix(in oklch,var(--input-border-color) 35%,#0000);--input-border-readonly:color-mix(in oklch,var(--input-border-color) 55%,#0000);--input-border-checked:color-mix(in oklch,var(--surface-color,currentColor) 80%,#0000);--input-border-autofill:color-mix(in oklch,var(--input-border-color) 80%,#0000);--input-surface-color:var(--surface-color,#0000);--input-surface-hover:color-mix(in oklch,var(--input-surface-color) 90%,var(--input-border-focus) 10%);--input-surface-focus:color-mix(in oklch,var(--input-surface-color) 88%,var(--input-border-focus) 12%);--input-surface-error:color-mix(in oklch,var(--input-surface-color) 88%,var(--input-border-error) 12%);--input-surface-disabled:color-mix(in oklch,var(--input-surface-color) 96%,#0000 4%);--input-surface-readonly:color-mix(in oklch,var(--input-surface-color) 96%,#0000 4%);--input-surface-autofill:color-mix(in oklch,var(--input-surface-color) 94%,#0000 6%);--input-surface:var(--input-surface-color,var(--surface-color,currentColor));--input-color:var(--input-surface-color,var(--surface-color,currentColor));--input-shadow:0 1px 2px color-mix(in oklch,var(--md-shadow,#000) 12%,#0000);--input-shadow-hover:0 1px 3px color-mix(in oklch,var(--md-shadow,#000) 18%,#0000);--input-shadow-focus:0 0 0 1px color-mix(in oklch,var(--input-border-focus) 32%,#0000),0 0 0 4px color-mix(in oklch,var(--input-border-focus) 12%,#0000);--input-shadow-error:0 0 0 1px color-mix(in oklch,var(--input-border-error) 32%,#0000),0 0 0 4px color-mix(in oklch,var(--input-border-error) 12%,#0000);--input-focus-ring-offset:2px;--input-selection-color:var(--on-surface-color,currentColor);--input-selection-on-color:var(--surface-color,currentColor);--input-icon-color:color-mix(in oklch,var(--input-text-color) 82%,#0000);--input-icon-size:var(--icon-size-md);--input-helper-spacing:var(--space-xs,.5rem);--input-label-color:color-mix(in oklch,var(--input-text-color) 92%,#0000);--input-min-block-size:2.75rem;--input-min-inline-size:0px;--input-max-inline-size:100%;--input-inline-size:fit-content;--input-line-height:1.4;--input-font-weight:inherit;--input-letter-spacing:.01em;--input-cursor:text;--input-text-disabled:color-mix(in oklch,var(--input-text-color) 55%,#0000);--input-text-readonly:color-mix(in oklch,var(--input-text-color) 70%,#0000);--input-text-autofill:color-mix(in oklch,var(--input-text-color) 65%,#0000);--option-border-inline-size:1px;--option-padding-block:var(--padding-sm);--option-padding-inline:calc(var(--padding-lg, 1rem) * .75);--option-border-color:color-mix(in oklch,var(--input-border-color) 70%,#0000);--option-border-hover:color-mix(in oklch,var(--option-border-color) 70%,var(--input-border-focus) 30%);--option-border-focus:var(--input-border-focus);--option-border-checked:var(--input-border-focus);--option-text-color:var(--input-text-color,var(--on-surface-color,currentColor));--option-text-hover:var(--option-text-color);--option-text-active:var(--option-text-color);--option-text-checked:var(--input-selection-on-color,var(--surface-color,currentColor));--option-text-focus:var(--input-border-focus);--option-surface-color:var(--input-surface-color,var(--surface-color,currentColor));--option-surface-hover:color-mix(in oklch,var(--option-surface-color) 88%,var(--on-surface-color,currentColor) 12%);--option-surface-active:color-mix(in oklch,var(--option-surface-color) 84%,var(--on-surface-color,currentColor) 16%);--option-surface-checked:color-mix(in oklch,var(--option-surface-color) 10%,var(--on-surface-color,currentColor) 90%);--option-outline-width:2px;--option-outline-offset:-2px;--option-outline-color:color-mix(in oklch,var(--on-surface-color,currentColor) 80%,#0000);--option-color:var(--option-surface-color);--option-hover-color:var(--option-surface-hover);--option-active-color:var(--option-surface-active);--option-checked-color:var(--option-surface-checked);--select-gap:var(--gap-sm);--select-indicator-size:var(--icon-size-sm,1.125rem);--select-indicator-color:var(--input-text-color,var(--option-text-color,currentColor));--select-text-color:var(--input-text-color,var(--option-text-color,currentColor));--select-color:var(--input-surface-color,var(--option-color,currentColor));--select-hover-color:var(--input-hover-color,var(--option-hover-color,currentColor));--select-surface-color:var(--input-surface-color,var(--option-color,currentColor));--select-surface-hover:var(--input-hover-color,var(--option-hover-color,currentColor));--checkbox-size:1.25rem;--checkbox-radius:var(--radius-sm);--checkbox-border-width:1px;--checkbox-surface:var(--input-surface,color-mix(in oklch,var(--surface-color,currentColor) 96%,var(--on-surface-color,currentColor)));--checkbox-surface-hover:color-mix(in oklch,var(--checkbox-surface) 88%,var(--on-surface-color,currentColor) 12%);--checkbox-surface-checked:color-mix(in oklch,var(--checkbox-surface) 10%,var(--on-surface-color,currentColor) 12%);--checkbox-surface-disabled:color-mix(in oklch,var(--checkbox-surface) 96%,#0000 4%);--checkbox-border-color:var(--input-border-color);--checkbox-border-hover:var(--input-border-hover);--checkbox-border-focus:var(--input-border-focus);--checkbox-border-checked:var(--input-border-focus);--checkbox-border-disabled:var(--input-border-disabled);--checkbox-shadow:var(--input-shadow);--checkbox-shadow-hover:var(--input-shadow-hover);--checkbox-shadow-focus:var(--input-shadow-focus);--checkbox-icon-color:var(--input-icon-color);--checkbox-icon-checked:var(--input-selection-on-color);--accordion-radius:var(--radius-lg);--accordion-open-color-shade:var(--surface-opacity-emphasis);--accordion-open-border:1px solid;--accordion-transition:var(--transition-colors);--empty-state-padding:var(--padding-2xl);--empty-state-radius:var(--radius-lg);--empty-state-border:1px dashed color-mix(in oklch,var( --c2-on-surface(var(--scrollbar-tint),var(--current,var(--color-on-surface,var(--md-on-surface,#1c1b1f)))),--md-outline-variant ) l c h/var(--border-opacity-dashed));--empty-state-min-block-size:var(--space-2xl);--surface-radius:var(--radius-md);--surface-border:1px solid;--surface-border-color:#0000;--surface-border-width:1px;--surface-border-style:solid;--surface-border-radius:var(--radius-md);--surface-border-radius-top-left:var(--radius-md);--surface-border-radius-top-right:var(--radius-md);--surface-border-radius-bottom-left:var(--radius-md);--surface-border-radius-bottom-right:var(--radius-md);--card-gap:var(--gap-md);--card-padding:var(--padding-md);--card-radius:var(--radius-md);--card-border:var(--surface-border-width,1px) var(--surface-border-style,solid);--card-border-color:var(--surface-border-color,#0000);--card-border-width:var(--surface-border-width,1px);--card-border-style:var(--surface-border-style,solid);--card-border-radius:var(--radius-md);--card-border-radius-top-left:var(--radius-md);--card-border-radius-top-right:var(--radius-md);--card-border-radius-bottom-left:var(--radius-md);--card-border-radius-bottom-right:var(--radius-md);--panel-gap:var(--gap-md);--panel-padding:var(--padding-md);--panel-radius:var(--radius-md);--panel-border:var(--surface-border-width,1px) var(--surface-border-style,solid);--panel-border-color:var(--surface-border-color,#0000);--panel-border-width:var(--surface-border-width,1px);--panel-border-style:var(--surface-border-style,solid);--panel-border-radius:var(--radius-md);--panel-border-radius-top-left:var(--radius-md);--panel-border-radius-top-right:var(--radius-md);--panel-border-radius-bottom-left:var(--radius-md);--panel-border-radius-bottom-right:var(--radius-md)}:where(input,option,textarea,select,button):disabled{cursor:not-allowed}ui-longtext{--thumb-size:1.25rem;--track-height:.25rem;display:inline-block}ui-slider[variant=slider]{block-size:1rem;border-radius:9999px}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]){--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only])::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):disabled,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):disabled,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):autofill,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):autofill:active,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):autofill:focus,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):auto-fill,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):auto-fill:active,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):auto-fill:focus,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only])::picker(select){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]) ::picker(select){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]) ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(a,span,ui-icon){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]) :where(a,span,ui-icon){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]) :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]){block-size:fit-content;border-radius:var(--button-radius,var(--radius-full));cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-size:clamp(.875rem,.4cqi + .85rem,.95rem);gap:var(--button-gap,var(--gap-sm));inline-size:fit-content;letter-spacing:.01em;max-block-size:stretch;max-inline-size:stretch;min-block-size:var(--button-min-height,2.75rem);min-inline-size:0;outline:none;padding-block:var(--button-padding-y,var(--padding-sm));padding-inline:var(--button-padding-x,var(--padding-lg));place-content:center;place-items:center;pointer-events:auto;text-decoration:none;text-overflow:ellipsis;transition:var(--transition-transform,transform var(--duration-fast) var(--ease-out)),var(--transition-colors,color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)),var(--transition-opacity,opacity var(--duration-normal) var(--ease-out));user-select:none;white-space:nowrap}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):disabled{opacity:var(--state-opacity-disabled,.38);pointer-events:none}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only])>*{max-inline-size:stretch}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]) :where(span,a){display:inline;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):is(input){display:inline-block}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]){--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):after,:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset])):not([data-variant]):not([data-icon-only]):focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):disabled,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):disabled,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):autofill,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):autofill:active,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):autofill:focus,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):auto-fill,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):auto-fill:active,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):auto-fill:focus,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]::picker(select){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled] ::picker(select){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled] ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(a,span,ui-icon){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled] :where(a,span,ui-icon){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled] :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:after,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=filled]:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):disabled,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):disabled,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):autofill,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):autofill:active,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):autofill:focus,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):auto-fill,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):auto-fill:active,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):auto-fill:focus,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]::picker(select){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal] ::picker(select){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal] ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(a,span,ui-icon){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal] :where(a,span,ui-icon){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal] :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-secondary));overflow:hidden;position:relative}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:after,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-secondary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-secondary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=tonal]:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):disabled,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):disabled,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):autofill,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):autofill:active,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):autofill:focus,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):auto-fill,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):auto-fill:active,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):auto-fill:focus,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]::picker(select){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined] ::picker(select){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined] ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(a,span,ui-icon){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined] :where(a,span,ui-icon){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined] :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:initial;border:1px solid var(--md-button-outline-color,var(--md-outline));color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:after,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=outlined]:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]{--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):disabled,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):disabled,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):autofill,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):autofill:active,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):autofill:focus,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):auto-fill,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):auto-fill:active,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):auto-fill:focus,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)::selection,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option):checked,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]::picker(select){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text] ::picker(select){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text] ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(a,span,ui-icon){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text] :where(a,span,ui-icon){background-color:initial}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text] :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]{--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:initial;border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:after,:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button,input:is([type=button],[type=submit],[type=reset]))[data-variant=text]:focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button){--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(button):where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button):where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(button):where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(button):where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(button){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(button)::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(button):where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(button):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option):disabled,:where(button):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option):disabled,:where(button):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option)::selection,:where(button):where(button,input,select,textarea,option):checked,:where(button):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option)::selection,:where(button):where(button,input,select,textarea,option):checked,:where(button):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(button):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(button):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(button):where(button,input,select,textarea,option):autofill,:where(button):where(button,input,select,textarea,option):autofill:active,:where(button):where(button,input,select,textarea,option):autofill:focus,:where(button):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(button):where(button,input,select,textarea,option):auto-fill,:where(button):where(button,input,select,textarea,option):auto-fill:active,:where(button):where(button,input,select,textarea,option):auto-fill:focus,:where(button):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(button):where(button,input,select,textarea,option)::selection,:where(button):where(button,input,select,textarea,option):checked,:where(button):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(button):where(button,input,select,textarea,option)::selection,:where(button):where(button,input,select,textarea,option):checked,:where(button):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(button)::picker(select){background-color:initial}:where(button) ::picker(select){background-color:initial}:where(button) ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(button):where(a,span,ui-icon){background-color:initial}:where(button):where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button) :where(a,span,ui-icon){background-color:initial}:where(button) :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(button){block-size:fit-content;border-radius:var(--button-radius,var(--radius-full));cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-size:clamp(.875rem,.4cqi + .85rem,.95rem);gap:var(--button-gap,var(--gap-sm));inline-size:fit-content;letter-spacing:.01em;max-block-size:stretch;max-inline-size:stretch;min-block-size:var(--button-min-height,2.75rem);min-inline-size:0;outline:none;padding-block:var(--button-padding-y,var(--padding-sm));padding-inline:var(--button-padding-x,var(--padding-lg));pointer-events:auto;text-decoration:none;text-overflow:ellipsis;transition:var(--transition-transform,transform var(--duration-fast) var(--ease-out)),var(--transition-colors,color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)),var(--transition-opacity,opacity var(--duration-normal) var(--ease-out));user-select:none;white-space:nowrap}:where(button):disabled{opacity:var(--state-opacity-disabled,.38);pointer-events:none}:where(button)>*{max-inline-size:stretch}:where(button) :where(span,a){display:inline;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(button):is(input){display:inline-block}:where(button){--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(button):after,:where(button):before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(button):after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(button):before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(button):hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(button):active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button):active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(button):focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(button):focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(button){display:flex-inline;place-content:center;place-items:center;text-align:center}:where(input)::-webkit-inner-spin-button,:where(input)::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:where(input):where([type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]){font-variant-numeric:tabular-nums}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea)::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):disabled,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):disabled,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)::selection,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):checked,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)::selection,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):checked,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):autofill,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):autofill:active,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):autofill:focus,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):auto-fill,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):auto-fill:active,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):auto-fill:focus,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)::selection,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):checked,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)::selection,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option):checked,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea)::picker(select){background-color:initial}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea) ::picker(select){background-color:initial}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea) ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(a,span,ui-icon){background-color:initial}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea) :where(a,span,ui-icon){background-color:initial}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea) :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){border-radius:var(--button-radius,var(--radius-full));cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-size:clamp(.875rem,.4cqi + .85rem,.95rem);gap:var(--button-gap,var(--gap-sm));inline-size:fit-content;max-block-size:stretch;min-block-size:var(--button-min-height,2.75rem);padding-block:var(--button-padding-y,var(--padding-sm));padding-inline:var(--button-padding-x,var(--padding-lg));place-content:center;place-items:center;text-decoration:none;text-overflow:ellipsis;transition:var(--transition-transform,transform var(--duration-fast) var(--ease-out)),var(--transition-colors,color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)),var(--transition-opacity,opacity var(--duration-normal) var(--ease-out));user-select:none;white-space:nowrap}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):disabled{opacity:var(--state-opacity-disabled,.38);pointer-events:none}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea)>*{max-inline-size:stretch}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea) :where(span,a){display:inline;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):is(input){display:inline-block}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):after,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){flex-wrap:wrap;font-family:InterVariable,Inter,Open Sans,Source Sans\ 3,Gill Sans Nova,Ubuntu,DejaVu Sans,Candara,Segoe,Segoe UI,Optima,Source Sans Pro,sans-serif;font-kerning:normal;font-optical-sizing:auto;font-size:clamp(.875rem,.4cqi + .85rem,1rem);font-synthesis:none;font-variation-settings:"wght" 400;font-weight:400;letter-spacing:.01em;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;hyphens:auto;text-wrap:pretty;white-space:normal}@supports (text-wrap:balance){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){text-wrap:balance}}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){--_input-border-current:var(--input-border-color,var(--border-color,#0000));--_input-surface-current:var(--input-surface-color,var(--input-surface,var(--surface-color,#0000)));--_input-shadow-current:var(--input-shadow,var(--shadow-color,#0000));--_input-text-current:var(--input-text-color,var(--on-surface-color,currentColor));--_input-icon-current:var(--input-icon-color,var(--on-surface-color,currentColor))}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){background-color:var(--_input-surface-current,var(--surface-color,#0000));color:var(--_input-text-current,var(--on-surface-color,currentColor));cursor:var(--input-cursor,pointer);-webkit-text-fill-color:var(--_input-text-current,var(--on-surface-color,currentColor));--icon-color:var(--_input-icon-current,currentColor)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):is(textarea){cursor:text}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):invalid,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea)[aria-invalid=true]{--current:var(--color-error,var(--color-danger,currentColor))}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):disabled,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea)[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):disabled,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea)[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea)[readonly]{cursor:default}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea)::-moz-focus-inner{border:0}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea) a,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea) span,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea) ui-icon{--icon-color:var(--_input-icon-current,var(--_input-text-current,var(--on-surface-color,currentColor)));background-color:initial;color:var(--_input-text-current,var(--on-surface-color,currentColor))}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;backface-visibility:hidden;background-clip:padding-box;border:0 solid #0000;box-sizing:border-box;gap:var(--input-gap,var(--space-sm));inline-size:var(--input-inline-size,fit-content);max-inline-size:var(--input-max-inline-size,100%);min-block-size:var(--input-min-block-size,2.75rem);min-inline-size:var(--input-min-inline-size,0);outline:none;padding-block:var(--input-padding-block,var(--input-padding,var(--padding-sm)));padding-inline:var(--input-padding-inline,var(--input-padding,var(--padding-md)));padding-inline-end:var(--input-padding-inline-end,var(--input-padding-inline,var(--input-padding,var(--padding-md))));padding-inline-start:var(--input-padding-inline-start,var(--padding-lg,1rem));pointer-events:auto;position:relative;transform:translateZ(0);transform-origin:50% 50%;transition:background-color var(--transition-normal,.16s ease),border-color var(--transition-normal,.16s ease),color var(--transition-normal,.16s ease),box-shadow var(--transition-normal,.16s ease),transform var(--transition-fast,.12s ease);field-sizing:content;caret-color:var(--_input-text-current);font-weight:var(--input-font-weight,inherit);letter-spacing:var(--input-letter-spacing,.01em);line-height:var(--input-line-height,1.4);user-select:text;z-index:0}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):is(textarea){border-radius:var(--radius-md)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]){--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio])::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):disabled,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):disabled,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)::selection,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):checked,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)::selection,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):checked,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):autofill,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):autofill:active,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):autofill:focus,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):auto-fill,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):auto-fill:active,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):auto-fill:focus,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)::selection,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):checked,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)::selection,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):checked,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio])::picker(select){background-color:initial}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]) ::picker(select){background-color:initial}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]) ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(a,span,ui-icon){background-color:initial}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]) :where(a,span,ui-icon){background-color:initial}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]) :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]){block-size:fit-content;border-radius:var(--button-radius,var(--radius-full));cursor:pointer;flex-wrap:nowrap;font-size:clamp(.875rem,.4cqi + .85rem,.95rem);gap:var(--button-gap,var(--gap-sm));inline-size:fit-content;letter-spacing:.01em;max-block-size:stretch;max-inline-size:stretch;min-block-size:var(--button-min-height,2.75rem);min-inline-size:0;outline:none;padding-block:var(--button-padding-y,var(--padding-sm));padding-inline:var(--button-padding-x,var(--padding-lg));place-content:center;place-items:center;pointer-events:auto;text-decoration:none;text-overflow:ellipsis;transition:var(--transition-transform,transform var(--duration-fast) var(--ease-out)),var(--transition-colors,color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)),var(--transition-opacity,opacity var(--duration-normal) var(--ease-out));user-select:none;white-space:nowrap}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):disabled{opacity:var(--state-opacity-disabled,.38);pointer-events:none}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio])>*{max-inline-size:stretch}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]) :where(span,a){display:inline;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):is(input){display:inline-block}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]){--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):after,:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]):focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):where([type=checkbox],[type=radio]){aspect-ratio:1/1;display:inline-flex}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){flex-direction:row;text-align:start}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):invalid:not(:disabled){--current:var(--color-error,var(--color-danger))}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):placeholder-shown{--color-tint:var(--text-tint-muted)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea)::placeholder{color:oklch(from var(--current) l c h/calc(var(--text-tint-muted) + .1));opacity:.7}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea){block-size:fit-content;cursor:text;display:inline-block;inline-size:stretch;justify-content:space-between;justify-items:stretch;max-inline-size:stretch;min-inline-size:0}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):is(input[type=datetime-local]){font-variant-numeric:tabular-nums;padding-inline-end:calc(var(--space-lg) * 2)}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):is(input[type=datetime-local])::-webkit-calendar-picker-indicator{cursor:pointer;float:end;justify-self:end;opacity:.8}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):is(input[type=datetime-local])::-webkit-calendar-picker-indicator:hover{opacity:1}}@media(hover:none)and (pointer:coarse){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):is(input[type=datetime-local])::-webkit-calendar-picker-indicator:active{opacity:1}}@media(hover:hover)and (pointer:fine){:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):is(input[type=datetime-local])::-webkit-calendar-picker-indicator:active{opacity:1}}:where(input:is([type=text],[type=email],[type=url],[type=tel],[type=password],[type=search],[type=number],[type=date],[type=time],[type=datetime-local],[type=month],[type=week]),textarea):is(input[type=datetime-local])::-webkit-datetime-edit{background-color:initial;float:end;justify-self:end}:where(textarea){--_form-border-current:var(--form-border-color,var(--border-color,#0000));--_form-surface-current:var(--form-surface-color,var(--form-surface,var(--surface-color,#0000)));--_form-shadow-current:var(--form-shadow,var(--shadow-color,#0000));--_form-text-current:var(--form-text-color,var(--on-surface-color,currentColor));--_form-icon-current:var(--form-icon-color,var(--on-surface-color,currentColor))}:where(textarea){background-color:var(--_form-surface-current,var(--surface-color,#0000));color:var(--_form-text-current,var(--on-surface-color,currentColor));cursor:var(--form-cursor,pointer);-webkit-text-fill-color:var(--_form-text-current,var(--on-surface-color,currentColor));--icon-color:var(--_form-icon-current,currentColor)}:where(textarea) a,:where(textarea) span,:where(textarea) ui-icon{--icon-color:var(--_form-icon-current,var(--_form-text-current,var(--on-surface-color,currentColor)));color:var(--_form-text-current,var(--on-surface-color,currentColor))}:where(textarea){flex-wrap:wrap;font-family:InterVariable,Inter,Open Sans,Source Sans\ 3,Gill Sans Nova,Ubuntu,DejaVu Sans,Candara,Segoe,Segoe UI,Optima,Source Sans Pro,sans-serif;font-kerning:normal;font-optical-sizing:auto;font-size:clamp(.875rem,.4cqi + .85rem,1rem);font-synthesis:none;font-variation-settings:"wght" 400;font-weight:400;letter-spacing:.01em;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;hyphens:auto;text-wrap:pretty;white-space:normal}@supports (text-wrap:balance){:where(textarea){text-wrap:balance}}:where(textarea){--_input-border-current:var(--input-border-color,var(--border-color,#0000));--_input-surface-current:var(--input-surface-color,var(--input-surface,var(--surface-color,#0000)));--_input-shadow-current:var(--input-shadow,var(--shadow-color,#0000));--_input-text-current:var(--input-text-color,var(--on-surface-color,currentColor));--_input-icon-current:var(--input-icon-color,var(--on-surface-color,currentColor))}:where(textarea){background-color:var(--_input-surface-current,var(--surface-color,#0000));color:var(--_input-text-current,var(--on-surface-color,currentColor));cursor:var(--input-cursor,pointer);-webkit-text-fill-color:var(--_input-text-current,var(--on-surface-color,currentColor));--icon-color:var(--_input-icon-current,currentColor)}:where(textarea):is(textarea){cursor:text}:where(textarea):invalid,:where(textarea)[aria-invalid=true]{--current:var(--color-error,var(--color-danger,currentColor))}@media(hover:hover)and (pointer:fine){:where(textarea):disabled,:where(textarea)[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}@media(hover:none)and (pointer:coarse){:where(textarea):disabled,:where(textarea)[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}:where(textarea)[readonly]{cursor:default}:where(textarea)::-moz-focus-inner{border:0}:where(textarea) a,:where(textarea) span,:where(textarea) ui-icon{--icon-color:var(--_input-icon-current,var(--_input-text-current,var(--on-surface-color,currentColor)));background-color:initial;color:var(--_input-text-current,var(--on-surface-color,currentColor))}:where(textarea){align-items:center;background-clip:padding-box;border:0 solid #0000;box-sizing:border-box;gap:var(--input-gap,var(--space-sm));inline-size:var(--input-inline-size,fit-content);max-inline-size:var(--input-max-inline-size,100%);min-block-size:var(--input-min-block-size,2.75rem);min-inline-size:var(--input-min-inline-size,0);outline:none;padding-block:var(--input-padding-block,var(--input-padding,var(--padding-sm)));padding-inline:var(--input-padding-inline,var(--input-padding,var(--padding-md)));padding-inline-end:var(--input-padding-inline-end,var(--input-padding-inline,var(--input-padding,var(--padding-md))));padding-inline-start:var(--input-padding-inline-start,var(--padding-lg,1rem));pointer-events:auto;position:relative;field-sizing:content;caret-color:var(--_input-text-current);display:inline-block;font-weight:var(--input-font-weight,inherit);letter-spacing:var(--input-letter-spacing,.01em);line-height:var(--input-line-height,1.4);z-index:0}:where(textarea):is(textarea){border-radius:var(--radius-md)}:where(textarea):where([type=checkbox],[type=radio]){--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(textarea):where([type=checkbox],[type=radio]):where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(textarea):where([type=checkbox],[type=radio]):where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(textarea):where([type=checkbox],[type=radio]):where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(textarea):where([type=checkbox],[type=radio]){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(textarea):where([type=checkbox],[type=radio])::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):disabled,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):disabled,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)::selection,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):checked,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)::selection,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):checked,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):autofill,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):autofill:active,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):autofill:focus,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):auto-fill,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):auto-fill:active,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):auto-fill:focus,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)::selection,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):checked,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)::selection,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option):checked,:where(textarea):where([type=checkbox],[type=radio]):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(textarea):where([type=checkbox],[type=radio])::picker(select){background-color:initial}:where(textarea):where([type=checkbox],[type=radio]) ::picker(select){background-color:initial}:where(textarea):where([type=checkbox],[type=radio]) ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(textarea):where([type=checkbox],[type=radio]):where(a,span,ui-icon){background-color:initial}:where(textarea):where([type=checkbox],[type=radio]):where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(textarea):where([type=checkbox],[type=radio]) :where(a,span,ui-icon){background-color:initial}:where(textarea):where([type=checkbox],[type=radio]) :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(textarea):where([type=checkbox],[type=radio]){block-size:fit-content;border-radius:var(--button-radius,var(--radius-full));cursor:pointer;flex-wrap:nowrap;font-size:clamp(.875rem,.4cqi + .85rem,.95rem);gap:var(--button-gap,var(--gap-sm));inline-size:fit-content;letter-spacing:.01em;max-block-size:stretch;max-inline-size:stretch;min-block-size:var(--button-min-height,2.75rem);min-inline-size:0;outline:none;padding-block:var(--button-padding-y,var(--padding-sm));padding-inline:var(--button-padding-x,var(--padding-lg));place-content:center;place-items:center;pointer-events:auto;text-decoration:none;text-overflow:ellipsis;transition:var(--transition-transform,transform var(--duration-fast) var(--ease-out)),var(--transition-colors,color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)),var(--transition-opacity,opacity var(--duration-normal) var(--ease-out));user-select:none;white-space:nowrap}:where(textarea):where([type=checkbox],[type=radio]):disabled{opacity:var(--state-opacity-disabled,.38);pointer-events:none}:where(textarea):where([type=checkbox],[type=radio])>*{max-inline-size:stretch}:where(textarea):where([type=checkbox],[type=radio]) :where(span,a){display:inline;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(textarea):where([type=checkbox],[type=radio]):is(input){display:inline-block}:where(textarea):where([type=checkbox],[type=radio]){--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(textarea):where([type=checkbox],[type=radio]):after,:where(textarea):where([type=checkbox],[type=radio]):before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(textarea):where([type=checkbox],[type=radio]):after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(textarea):where([type=checkbox],[type=radio]):before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(textarea):where([type=checkbox],[type=radio]):hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(textarea):where([type=checkbox],[type=radio]):active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(textarea):where([type=checkbox],[type=radio]):active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(textarea):where([type=checkbox],[type=radio]):focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(textarea):where([type=checkbox],[type=radio]):focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(textarea):where([type=checkbox],[type=radio]){aspect-ratio:1/1;display:inline-flex}:where(textarea){appearance:none;-webkit-appearance:none;-moz-appearance:none;backface-visibility:hidden;block-size:fit-content;border:0;line-height:var(--form-line-height,1.5);min-block-size:var(--form-min-block-size,fit-content);min-inline-size:min(var(--form-min-inline-size,24ch),fit-content);overflow:hidden;overflow-y:auto;padding-block:var(--form-padding-block,var(--input-padding-block,var(--padding-md)));padding-inline-end:var(--form-padding-inline-end,calc(var(--space-lg) * 2));padding-inline-start:var(--form-padding-inline-start,var(--input-padding-inline-start,var(--padding-lg,1rem)));place-content:start;place-items:start;resize:var(--form-resize,vertical);transform:translateZ(0);transform-origin:50% 50%;transition:background-color var(--transition-normal,.16s ease),border-color var(--transition-normal,.16s ease),color var(--transition-normal,.16s ease),box-shadow var(--transition-normal,.16s ease),transform var(--transition-fast,.12s ease);user-select:text}:where(textarea){display:block;inline-size:stretch}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer;float:end;justify-self:end;opacity:.8;transition:filter var(--transition-normal)}@media(hover:hover)and (pointer:fine){input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=week]::-webkit-calendar-picker-indicator:hover{opacity:1}}@media(hover:none)and (pointer:coarse){input[type=date]::-webkit-calendar-picker-indicator:active,input[type=datetime-local]::-webkit-calendar-picker-indicator:active,input[type=month]::-webkit-calendar-picker-indicator:active,input[type=time]::-webkit-calendar-picker-indicator:active,input[type=week]::-webkit-calendar-picker-indicator:active{opacity:1}}@media(hover:hover)and (pointer:fine){input[type=date]::-webkit-calendar-picker-indicator:active,input[type=date]::-webkit-calendar-picker-indicator:focus-visible,input[type=datetime-local]::-webkit-calendar-picker-indicator:active,input[type=datetime-local]::-webkit-calendar-picker-indicator:focus-visible,input[type=month]::-webkit-calendar-picker-indicator:active,input[type=month]::-webkit-calendar-picker-indicator:focus-visible,input[type=time]::-webkit-calendar-picker-indicator:active,input[type=time]::-webkit-calendar-picker-indicator:focus-visible,input[type=week]::-webkit-calendar-picker-indicator:active,input[type=week]::-webkit-calendar-picker-indicator:focus-visible{opacity:1}}@media(hover:none)and (pointer:coarse){input[type=date]::-webkit-calendar-picker-indicator:focus-visible,input[type=datetime-local]::-webkit-calendar-picker-indicator:focus-visible,input[type=month]::-webkit-calendar-picker-indicator:focus-visible,input[type=time]::-webkit-calendar-picker-indicator:focus-visible,input[type=week]::-webkit-calendar-picker-indicator:focus-visible{opacity:1}}input[type=date]::-webkit-datetime-edit,input[type=datetime-local]::-webkit-datetime-edit,input[type=month]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit,input[type=week]::-webkit-datetime-edit{background-color:initial;float:end;justify-self:end}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]){--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only])::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):disabled,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):disabled,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)::selection,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):checked,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)::selection,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):checked,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):autofill,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):autofill:active,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):autofill:focus,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):auto-fill,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):auto-fill:active,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):auto-fill:focus,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)::selection,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):checked,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)::selection,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option):checked,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only])::picker(select){background-color:initial}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]) ::picker(select){background-color:initial}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]) ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(a,span,ui-icon){background-color:initial}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]) :where(a,span,ui-icon){background-color:initial}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]) :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]){block-size:fit-content;border-radius:var(--button-radius,var(--radius-full));display:inline-flex;flex-wrap:nowrap;font-size:clamp(.875rem,.4cqi + .85rem,.95rem);gap:var(--button-gap,var(--gap-sm));inline-size:fit-content;max-block-size:stretch;max-inline-size:stretch;min-block-size:var(--button-min-height,2.75rem);min-inline-size:0;outline:none;padding-block:var(--button-padding-y,var(--padding-sm));padding-inline:var(--button-padding-x,var(--padding-lg));text-decoration:none;text-overflow:ellipsis;transition:var(--transition-transform,transform var(--duration-fast) var(--ease-out)),var(--transition-colors,color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)),var(--transition-opacity,opacity var(--duration-normal) var(--ease-out));white-space:nowrap}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):disabled{opacity:var(--state-opacity-disabled,.38);pointer-events:none}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only])>*{max-inline-size:stretch}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]) :where(span,a){display:inline;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):is(input){display:inline-block}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]){--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));overflow:hidden;position:relative}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):after,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]){flex-wrap:wrap;font-family:InterVariable,Inter,Open Sans,Source Sans\ 3,Gill Sans Nova,Ubuntu,DejaVu Sans,Candara,Segoe,Segoe UI,Optima,Source Sans Pro,sans-serif;font-kerning:normal;font-optical-sizing:auto;font-size:clamp(.875rem,.4cqi + .85rem,1rem);font-synthesis:none;font-variation-settings:"wght" 400;font-weight:400;letter-spacing:.01em;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;hyphens:auto;text-wrap:pretty;white-space:normal}@supports (text-wrap:balance){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]){text-wrap:balance}}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]){--_checkbox-border-current:var(--checkbox-border-color,var(--border-color,#0000));--_checkbox-surface-current:var(--checkbox-surface-color,var(--checkbox-surface,var(--surface-color,#0000)));--_checkbox-shadow-current:var(--checkbox-shadow,var(--shadow-color,#0000));--_checkbox-text-current:var(--checkbox-text-color,var(--on-surface-color,currentColor));--_checkbox-icon-current:var(--checkbox-icon-color,var(--on-surface-color,currentColor))}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]){background-color:var(--_checkbox-surface-current,var(--surface-color,#0000));color:var(--_checkbox-text-current,var(--on-surface-color,currentColor));cursor:var(--checkbox-cursor,pointer);-webkit-text-fill-color:var(--_checkbox-text-current,var(--on-surface-color,currentColor));--icon-color:var(--_checkbox-icon-current,currentColor)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):is(textarea){cursor:text}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):invalid,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only])[aria-invalid=true]{--current:var(--color-error,var(--color-danger,currentColor))}@media(hover:hover)and (pointer:fine){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):disabled,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only])[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}@media(hover:none)and (pointer:coarse){:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):disabled,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only])[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only])[readonly]{cursor:default}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only])::-moz-focus-inner{border:0}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]) a,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]) span,:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]) ui-icon{--icon-color:var(--_checkbox-icon-current,var(--_checkbox-text-current,var(--on-surface-color,currentColor)));background-color:initial;color:var(--_checkbox-text-current,var(--on-surface-color,currentColor))}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]){appearance:none;-webkit-appearance:none;-moz-appearance:none;aspect-ratio:1/1;backface-visibility:hidden;block-size:var(--checkbox-size,1.25rem);border-radius:var(--checkbox-radius,var(--radius-sm));border-style:solid;border-width:0;contain:strict;content:" ";cursor:pointer;display:flex;inline-size:var(--checkbox-size,1.25rem);line-height:0;margin:0;padding:0;place-content:center;place-items:center;place-self:center;pointer-events:auto;transform:translateZ(0);transform-origin:50% 50%;transition:background-color var(--transition-normal,.16s ease),border-color var(--transition-normal,.16s ease),color var(--transition-normal,.16s ease),box-shadow var(--transition-normal,.16s ease),transform var(--transition-fast,.12s ease);user-select:none}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):before{aspect-ratio:1/1;background-color:var(--icon-color,var(--on-surface-color,currentColor));block-size:var(--checkbox-indicator-size,var(--space-lg));box-sizing:border-box;content:"";display:flex;inline-size:var(--checkbox-indicator-size,var(--space-lg));margin-inline-start:auto;mask-clip:content-box;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.32 8.38a.75.75 0 1 1 1.06-1.06L7.47 9.4l3.99-4.99z'/%3E%3C/svg%3E");mask-origin:content-box;mask-position:center;mask-repeat:no-repeat;mask-size:contain;mask-type:alpha;overflow:hidden;place-content:center;place-items:center;place-self:center;pointer-events:none;text-align:center}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):checked:before{--icon-color:var(--surface-color,currentColor)}:where(input:is([type=checkbox],[type=radio]),button[data-icon-only]):is([type=radio]){border-radius:var(--radius-full)}:where(select){appearance:none;-webkit-appearance:none;-moz-appearance:none;backface-visibility:hidden;transform:translateZ(0);transform-origin:50% 50%;transition:background-color var(--transition-normal,.16s ease),border-color var(--transition-normal,.16s ease),color var(--transition-normal,.16s ease),box-shadow var(--transition-normal,.16s ease),transform var(--transition-fast,.12s ease)}:where(select){cursor:pointer;position:relative}:where(select):where(select){--color-shade:.05;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(select):where(select):where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(select):where(select):where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(select):where(select):where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(select):where(select):where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(select):where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(select):where(select)::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(select):where(select):where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(select):where(select):where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(select):where(select):where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(select):where(select):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(select):where(select):where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(select):where(select):where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(select):where(select):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(select):where(select):where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(select):where(select):where(button,input,select,textarea,option):disabled,:where(select):where(select):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(select):where(select):where(button,input,select,textarea,option):disabled,:where(select):where(select):where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(select):where(select):where(button,input,select,textarea,option)::selection,:where(select):where(select):where(button,input,select,textarea,option):checked,:where(select):where(select):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(select):where(select):where(button,input,select,textarea,option)::selection,:where(select):where(select):where(button,input,select,textarea,option):checked,:where(select):where(select):where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(select):where(select):where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(select):where(select):where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(select):where(select):where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(select):where(select):where(button,input,select,textarea,option):autofill,:where(select):where(select):where(button,input,select,textarea,option):autofill:active,:where(select):where(select):where(button,input,select,textarea,option):autofill:focus,:where(select):where(select):where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(select):where(select):where(button,input,select,textarea,option):auto-fill,:where(select):where(select):where(button,input,select,textarea,option):auto-fill:active,:where(select):where(select):where(button,input,select,textarea,option):auto-fill:focus,:where(select):where(select):where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(select):where(select):where(button,input,select,textarea,option)::selection,:where(select):where(select):where(button,input,select,textarea,option):checked,:where(select):where(select):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(select):where(select):where(button,input,select,textarea,option)::selection,:where(select):where(select):where(button,input,select,textarea,option):checked,:where(select):where(select):where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(select):where(select)::picker(select){background-color:initial}:where(select):where(select) ::picker(select){background-color:initial}:where(select):where(select) ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:where(select):where(select):where(a,span,ui-icon){background-color:initial}:where(select):where(select):where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(select):where(select) :where(a,span,ui-icon){background-color:initial}:where(select):where(select) :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(select):where(select){block-size:fit-content;border-radius:var(--button-radius,var(--radius-full));cursor:pointer;flex-wrap:nowrap;font-size:clamp(.875rem,.4cqi + .85rem,.95rem);gap:var(--button-gap,var(--gap-sm));inline-size:fit-content;max-block-size:stretch;max-inline-size:stretch;min-block-size:var(--button-min-height,2.75rem);min-inline-size:0;outline:none;padding-block:var(--button-padding-y,var(--padding-sm));padding-inline:var(--button-padding-x,var(--padding-lg));pointer-events:auto;text-decoration:none;transition:var(--transition-transform,transform var(--duration-fast) var(--ease-out)),var(--transition-colors,color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)),var(--transition-opacity,opacity var(--duration-normal) var(--ease-out));user-select:none}:where(select):where(select):disabled{opacity:var(--state-opacity-disabled,.38);pointer-events:none}:where(select):where(select)>*{max-inline-size:stretch}:where(select):where(select) :where(span,a){display:inline;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(select):where(select):is(input){display:inline-block}:where(select):where(select){--md-button-bg:color-mix(in oklch,var(--surface-color,#0000) 90%,var(--on-surface-color,#0000));--md-button-on:var(--on-surface-color,currentColor);--md-button-outline-color:var(--border-color,#0000);background-color:var(--surface-color,var(--surface-color,#0000));border:none;color:var(--md-button-on,var(--on-surface-color,currentColor));--md-button-state-color:var(--md-button-state-color,var(--md-primary));position:relative}:where(select):where(select):after,:where(select):where(select):before{border-radius:inherit;content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}:where(select):where(select):after{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-hover, .08) * 100%),#0000);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}:where(select):where(select):before{background-color:color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-press, .12) * 100%),#0000);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:where(select):where(select):hover:after{opacity:1}}@media(hover:none)and (pointer:coarse){:where(select):where(select):active:after{opacity:1}}@media(hover:hover)and (pointer:fine){:where(select):where(select):active:before{opacity:1}}@media(hover:hover)and (pointer:fine){:where(select):where(select):focus-visible{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}@media(hover:none)and (pointer:coarse){:where(select):where(select):focus{outline:2px solid color-mix(in oklch,var(--md-button-state-color,var(--md-primary)) calc(var(--state-opacity-focus, .12) * 100%),#0000);outline-offset:3px}}:where(select):where(select){flex-wrap:wrap;font-family:InterVariable,Inter,Open Sans,Source Sans\ 3,Gill Sans Nova,Ubuntu,DejaVu Sans,Candara,Segoe,Segoe UI,Optima,Source Sans Pro,sans-serif;font-kerning:normal;font-optical-sizing:auto;font-size:clamp(.875rem,.4cqi + .85rem,1rem);font-synthesis:none;font-variation-settings:"wght" 400;font-weight:400;letter-spacing:.01em;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;hyphens:auto;text-wrap:pretty;white-space:normal}@supports (text-wrap:balance){:where(select):where(select){text-wrap:balance}}:where(select):where(select){--_select-border-current:var(--select-border-color,var(--border-color,#0000));--_select-surface-current:var(--select-surface-color,var(--select-surface,var(--surface-color,#0000)));--_select-shadow-current:var(--select-shadow,var(--shadow-color,#0000));--_select-text-current:var(--select-text-color,var(--on-surface-color,currentColor));--_select-icon-current:var(--select-icon-color,var(--on-surface-color,currentColor))}:where(select):where(select){background-color:var(--_select-surface-current,var(--surface-color,#0000));color:var(--_select-text-current,var(--on-surface-color,currentColor));cursor:var(--select-cursor,pointer);-webkit-text-fill-color:var(--_select-text-current,var(--on-surface-color,currentColor));--icon-color:var(--_select-icon-current,currentColor)}:where(select):where(select):is(textarea){cursor:text}:where(select):where(select):invalid,:where(select):where(select)[aria-invalid=true]{--current:var(--color-error,var(--color-danger,currentColor))}@media(hover:hover)and (pointer:fine){:where(select):where(select):disabled,:where(select):where(select)[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}@media(hover:none)and (pointer:coarse){:where(select):where(select):disabled,:where(select):where(select)[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}:where(select):where(select)[readonly]{cursor:default}:where(select):where(select)::-moz-focus-inner{border:0}:where(select):where(select) a,:where(select):where(select) span,:where(select):where(select) ui-icon{--icon-color:var(--_select-icon-current,var(--_select-text-current,var(--on-surface-color,currentColor)));background-color:initial;color:var(--_select-text-current,var(--on-surface-color,currentColor))}:where(select):where(select){appearance:base-select;color:#0000;display:inline-flex;gap:var(--select-gap,var(--input-gap,var(--space-sm)));inline-size:stretch;place-content:center;justify-content:space-between;min-inline-size:fit-content;overflow:hidden;padding-block:var(--option-padding-block);padding-inline:var(--option-padding-inline);place-items:center;text-indent:0;text-overflow:ellipsis;text-wrap:nowrap;white-space:nowrap;word-break:keep-all}:where(select)::picker(select){appearance:base-select;background-color:initial;border:none;color:#0000;content-visibility:visible;line-height:0;outline:none;overflow:visible;padding:0;visibility:visible;z-index:2}:where(select) option{flex-wrap:wrap;font-family:InterVariable,Inter,Open Sans,Source Sans\ 3,Gill Sans Nova,Ubuntu,DejaVu Sans,Candara,Segoe,Segoe UI,Optima,Source Sans Pro,sans-serif;font-kerning:normal;font-optical-sizing:auto;font-size:clamp(.875rem,.4cqi + .85rem,1rem);font-synthesis:none;font-variation-settings:"wght" 400;font-weight:400;letter-spacing:.01em;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;hyphens:auto;text-wrap:pretty;white-space:normal}@supports (text-wrap:balance){:where(select) option{text-wrap:balance}}:where(select) option{--_option-border-current:var(--option-border-color,var(--border-color,#0000));--_option-surface-current:var(--option-surface-color,var(--option-surface,var(--surface-color,#0000)));--_option-shadow-current:var(--option-shadow,var(--shadow-color,#0000));--_option-text-current:var(--option-text-color,var(--on-surface-color,currentColor));--_option-icon-current:var(--option-icon-color,var(--on-surface-color,currentColor))}:where(select) option{background-color:var(--_option-surface-current,var(--surface-color,#0000));color:var(--_option-text-current,var(--on-surface-color,currentColor));cursor:var(--option-cursor,pointer);-webkit-text-fill-color:var(--_option-text-current,var(--on-surface-color,currentColor));--icon-color:var(--_option-icon-current,currentColor)}:where(select) option:is(textarea){cursor:text}:where(select) option:invalid,:where(select) option[aria-invalid=true]{--current:var(--color-error,var(--color-danger,currentColor))}@media(hover:hover)and (pointer:fine){:where(select) option:disabled,:where(select) option[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}@media(hover:none)and (pointer:coarse){:where(select) option:disabled,:where(select) option[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}:where(select) option[readonly]{cursor:default}:where(select) option::-moz-focus-inner{border:0}:where(select) option a,:where(select) option span,:where(select) option ui-icon{--icon-color:var(--_option-icon-current,var(--_option-text-current,var(--on-surface-color,currentColor)));background-color:initial;color:var(--_option-text-current,var(--on-surface-color,currentColor))}:where(select) option{--_option-border-radius:0px;--_option-border-block-start-size:0px;--_option-border-block-end-size:0px;--_option-border-inline-size:.5px;--_option-border-radius-start-start:0px;--_option-border-radius-start-end:0px;--_option-border-radius-end-start:0px;--_option-border-radius-end-end:0px;border-block-end-width:var(--_option-border-block-end-size,0);border-block-start-width:var(--_option-border-block-start-size,0);border-inline-end-width:var(--_option-border-inline-size,1px);border-inline-start-width:var(--_option-border-inline-size,1px);border-radius:var(--_option-border-radius-start-start) var(--_option-border-radius-start-end) var(--_option-border-radius-end-start) var(--_option-border-radius-end-end)}:where(select) option:first-of-type{--_option-border-block-start-size:.5px;--_option-border-radius-start-start:var(--radius-sm);--_option-border-radius-start-end:var(--radius-sm)}:where(select) option:last-of-type{--_option-border-block-end-size:.5px;--_option-border-radius-end-start:var(--radius-sm);--_option-border-radius-end-end:var(--radius-sm)}:where(select) option{appearance:none;-webkit-appearance:none;-moz-appearance:none;backface-visibility:hidden;border-color:var(--_option-border-current);border-style:solid;display:flex;gap:var(--space-md);inline-size:stretch;padding-block:var(--option-padding-block,var(--padding-sm));padding-inline:var(--option-padding-inline,calc(var(--padding-lg, 1rem) * .75));place-content:center;justify-content:flex-start;min-inline-size:fit-content;outline:none;overflow:hidden;place-items:center;text-overflow:ellipsis;text-wrap:nowrap;transform:translateZ(0);transform-origin:50% 50%;transition:background-color var(--transition-normal,.16s ease),border-color var(--transition-normal,.16s ease),color var(--transition-normal,.16s ease),box-shadow var(--transition-normal,.16s ease),transform var(--transition-fast,.12s ease);white-space:nowrap;word-break:keep-all}:where(select)>option{flex-wrap:wrap;font-family:InterVariable,Inter,Open Sans,Source Sans\ 3,Gill Sans Nova,Ubuntu,DejaVu Sans,Candara,Segoe,Segoe UI,Optima,Source Sans Pro,sans-serif;font-kerning:normal;font-optical-sizing:auto;font-size:clamp(.875rem,.4cqi + .85rem,1rem);font-synthesis:none;font-variation-settings:"wght" 400;font-weight:400;letter-spacing:.01em;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;hyphens:auto;text-wrap:pretty;white-space:normal}@supports (text-wrap:balance){:where(select)>option{text-wrap:balance}}:where(select)>option{--_option-border-current:var(--option-border-color,var(--border-color,#0000));--_option-surface-current:var(--option-surface-color,var(--option-surface,var(--surface-color,#0000)));--_option-shadow-current:var(--option-shadow,var(--shadow-color,#0000));--_option-text-current:var(--option-text-color,var(--on-surface-color,currentColor));--_option-icon-current:var(--option-icon-color,var(--on-surface-color,currentColor))}:where(select)>option{background-color:var(--_option-surface-current,var(--surface-color,#0000));color:var(--_option-text-current,var(--on-surface-color,currentColor));cursor:var(--option-cursor,pointer);-webkit-text-fill-color:var(--_option-text-current,var(--on-surface-color,currentColor));--icon-color:var(--_option-icon-current,currentColor)}:where(select)>option:is(textarea){cursor:text}:where(select)>option:invalid,:where(select)>option[aria-invalid=true]{--current:var(--color-error,var(--color-danger,currentColor))}@media(hover:hover)and (pointer:fine){:where(select)>option:disabled,:where(select)>option[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}@media(hover:none)and (pointer:coarse){:where(select)>option:disabled,:where(select)>option[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}:where(select)>option[readonly]{cursor:default}:where(select)>option::-moz-focus-inner{border:0}:where(select)>option a,:where(select)>option span,:where(select)>option ui-icon{--icon-color:var(--_option-icon-current,var(--_option-text-current,var(--on-surface-color,currentColor)));background-color:initial;color:var(--_option-text-current,var(--on-surface-color,currentColor))}:where(select)>option{--_option-border-radius:0px;--_option-border-block-start-size:0px;--_option-border-block-end-size:0px;--_option-border-inline-size:.5px;--_option-border-radius-start-start:0px;--_option-border-radius-start-end:0px;--_option-border-radius-end-start:0px;--_option-border-radius-end-end:0px;border-block-end-width:var(--_option-border-block-end-size,0);border-block-start-width:var(--_option-border-block-start-size,0);border-inline-end-width:var(--_option-border-inline-size,1px);border-inline-start-width:var(--_option-border-inline-size,1px);border-radius:var(--_option-border-radius-start-start) var(--_option-border-radius-start-end) var(--_option-border-radius-end-start) var(--_option-border-radius-end-end)}:where(select)>option:first-of-type{--_option-border-block-start-size:.5px;--_option-border-radius-start-start:var(--radius-sm);--_option-border-radius-start-end:var(--radius-sm)}:where(select)>option:last-of-type{--_option-border-block-end-size:.5px;--_option-border-radius-end-start:var(--radius-sm);--_option-border-radius-end-end:var(--radius-sm)}:where(select)>option{appearance:none;-webkit-appearance:none;-moz-appearance:none;backface-visibility:hidden;border-color:var(--_option-border-current);border-style:solid;display:flex;gap:var(--space-md);inline-size:stretch;padding-block:var(--option-padding-block,var(--padding-sm));padding-inline:var(--option-padding-inline,calc(var(--padding-lg, 1rem) * .75));place-content:center;justify-content:flex-start;min-inline-size:fit-content;outline:none;overflow:hidden;place-items:center;text-overflow:ellipsis;text-wrap:nowrap;transform:translateZ(0);transform-origin:50% 50%;transition:background-color var(--transition-normal,.16s ease),border-color var(--transition-normal,.16s ease),color var(--transition-normal,.16s ease),box-shadow var(--transition-normal,.16s ease),transform var(--transition-fast,.12s ease);white-space:nowrap;word-break:keep-all}:where(select):is(option){flex-wrap:wrap;font-family:InterVariable,Inter,Open Sans,Source Sans\ 3,Gill Sans Nova,Ubuntu,DejaVu Sans,Candara,Segoe,Segoe UI,Optima,Source Sans Pro,sans-serif;font-kerning:normal;font-optical-sizing:auto;font-size:clamp(.875rem,.4cqi + .85rem,1rem);font-synthesis:none;font-variation-settings:"wght" 400;font-weight:400;letter-spacing:.01em;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;hyphens:auto;text-wrap:pretty;white-space:normal}@supports (text-wrap:balance){:where(select):is(option){text-wrap:balance}}:where(select):is(option){--_option-border-current:var(--option-border-color,var(--border-color,#0000));--_option-surface-current:var(--option-surface-color,var(--option-surface,var(--surface-color,#0000)));--_option-shadow-current:var(--option-shadow,var(--shadow-color,#0000));--_option-text-current:var(--option-text-color,var(--on-surface-color,currentColor));--_option-icon-current:var(--option-icon-color,var(--on-surface-color,currentColor))}:where(select):is(option){background-color:var(--_option-surface-current,var(--surface-color,#0000));color:var(--_option-text-current,var(--on-surface-color,currentColor));cursor:var(--option-cursor,pointer);-webkit-text-fill-color:var(--_option-text-current,var(--on-surface-color,currentColor));--icon-color:var(--_option-icon-current,currentColor)}:where(select):is(option):is(textarea){cursor:text}:where(select):is(option):invalid,:where(select):is(option)[aria-invalid=true]{--current:var(--color-error,var(--color-danger,currentColor))}@media(hover:hover)and (pointer:fine){:where(select):is(option):disabled,:where(select):is(option)[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}@media(hover:none)and (pointer:coarse){:where(select):is(option):disabled,:where(select):is(option)[aria-disabled=true]{cursor:not-allowed;resize:none;user-select:none}}:where(select):is(option)[readonly]{cursor:default}:where(select):is(option)::-moz-focus-inner{border:0}:where(select):is(option) a,:where(select):is(option) span,:where(select):is(option) ui-icon{--icon-color:var(--_option-icon-current,var(--_option-text-current,var(--on-surface-color,currentColor)));background-color:initial;color:var(--_option-text-current,var(--on-surface-color,currentColor))}:where(select):is(option){--_option-border-radius:0px;--_option-border-block-start-size:0px;--_option-border-block-end-size:0px;--_option-border-inline-size:.5px;--_option-border-radius-start-start:0px;--_option-border-radius-start-end:0px;--_option-border-radius-end-start:0px;--_option-border-radius-end-end:0px;border-block-end-width:var(--_option-border-block-end-size,0);border-block-start-width:var(--_option-border-block-start-size,0);border-inline-end-width:var(--_option-border-inline-size,1px);border-inline-start-width:var(--_option-border-inline-size,1px);border-radius:var(--_option-border-radius-start-start) var(--_option-border-radius-start-end) var(--_option-border-radius-end-start) var(--_option-border-radius-end-end)}:where(select):is(option):first-of-type{--_option-border-block-start-size:.5px;--_option-border-radius-start-start:var(--radius-sm);--_option-border-radius-start-end:var(--radius-sm)}:where(select):is(option):last-of-type{--_option-border-block-end-size:.5px;--_option-border-radius-end-start:var(--radius-sm);--_option-border-radius-end-end:var(--radius-sm)}:where(select):is(option){appearance:none;-webkit-appearance:none;-moz-appearance:none;backface-visibility:hidden;border-color:var(--_option-border-current);border-style:solid;display:flex;gap:var(--space-md);inline-size:stretch;padding-block:var(--option-padding-block,var(--padding-sm));padding-inline:var(--option-padding-inline,calc(var(--padding-lg, 1rem) * .75));place-content:center;justify-content:flex-start;min-inline-size:fit-content;outline:none;overflow:hidden;place-items:center;text-overflow:ellipsis;text-wrap:nowrap;transform:translateZ(0);transform-origin:50% 50%;transition:background-color var(--transition-normal,.16s ease),border-color var(--transition-normal,.16s ease),color var(--transition-normal,.16s ease),box-shadow var(--transition-normal,.16s ease),transform var(--transition-fast,.12s ease);white-space:nowrap;word-break:keep-all}:where(select)::-ms-expand{display:none}:where(select)::picker-icon,:where(select):after{aspect-ratio:1/1;background-color:var(--icon-color,var(--on-surface-color,currentColor));block-size:var(--select-indicator-size,var(--space-lg));box-sizing:border-box;content:"";display:flex;inline-size:var(--select-indicator-size,var(--space-lg));margin-inline-start:auto;mask-clip:content-box;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 6.4a.75.75 0 0 1 1.06-.05L8 8.68l2.74-2.33a.75.75 0 1 1 .98 1.14l-3.24 2.75a.75.75 0 0 1-.98 0L4.25 7.49a.75.75 0 0 1-.05-1.06z'/%3E%3C/svg%3E");mask-origin:content-box;mask-position:center;mask-repeat:no-repeat;mask-size:contain;mask-type:alpha;overflow:hidden;place-content:center;place-items:center;place-self:center;pointer-events:none;text-align:center}:where(select) a,:where(select) span{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-md);line-height:var(--line-height-md);text-decoration:none;text-transform:var(--text-transform-md)}:where(select):invalid:not(:disabled){--current:var(--color-error,var(--color-danger))}:where(input[type=range])::-moz-range-thumb,:where(input[type=range])::-webkit-slider-thumb{--color-shade:var(--ux-thumb-base);--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:where(input[type=range])::-moz-range-thumb:where(a,span,ui-icon),:where(input[type=range])::-webkit-slider-thumb:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input[type=range])::-moz-range-thumb:where(a,span,ui-icon),:where(input[type=range])::-webkit-slider-thumb:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:where(input[type=range])::-moz-range-thumb:where(a,span,ui-icon)::selection,:where(input[type=range])::-webkit-slider-thumb:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea),:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea){border-style:solid;border-width:.5px}:where(input[type=range])::-moz-range-thumb,:where(input[type=range])::-webkit-slider-thumb{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:where(input[type=range])::-moz-range-thumb::picker(select),:where(input[type=range])::-webkit-slider-thumb::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option),:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option){transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option),:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):hover,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):active,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):active,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):focus,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):focus-visible,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):focus-visible,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):disabled,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option) [aria-disabled=true],:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):disabled,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option) [aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):disabled,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option) [aria-disabled=true],:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):disabled,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option) [aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option)::selection,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):checked,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option) [aria-selected=true],:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option)::selection,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):checked,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option) [aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option)::selection,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):checked,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option) [aria-selected=true],:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option)::selection,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):checked,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option) [aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):autofill,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):auto-fill,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option)::placeholder,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):autofill,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):autofill:active,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):autofill:focus,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):autofill:hover,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):autofill,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):autofill:active,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):autofill:focus,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):auto-fill,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):auto-fill:active,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):auto-fill:focus,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):auto-fill:hover,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):auto-fill,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):auto-fill:active,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):auto-fill:focus,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option)::selection,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):checked,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option) [aria-selected=true],:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option)::selection,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):checked,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option) [aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option)::selection,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option):checked,:where(input[type=range])::-moz-range-thumb:where(button,input,select,textarea,option) [aria-selected=true],:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option)::selection,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option):checked,:where(input[type=range])::-webkit-slider-thumb:where(button,input,select,textarea,option) [aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:where(input[type=range])::-moz-range-thumb::picker(select),:where(input[type=range])::-webkit-slider-thumb::picker(select){background-color:initial}:where(input[type=range])::-moz-range-thumb:where(a,span,ui-icon),:where(input[type=range])::-webkit-slider-thumb:where(a,span,ui-icon){background-color:initial}:where(input[type=range])::-moz-range-thumb:where(a,span,ui-icon)::selection,:where(input[type=range])::-webkit-slider-thumb:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:where(meter)::-webkit-meter-optimum-value{--current:var(--color-success)}:where(meter)::-webkit-meter-suboptimum-value{--current:var(--color-warning)}:where(meter)::-webkit-meter-even-less-good-value{--current:var(--color-danger)}}@layer ux-shapes{.shaped{aspect-ratio:1/1;border-radius:1.5rem;clip-path:var(--clip-path,none);contain:strict;display:flex;overflow:hidden;padding:1.25rem;place-content:center;place-items:center;pointer-events:auto;transition:--background-tone-shift .2s ease-in-out,--icon-color .2s ease-in-out;transition-behavior:allow-discrete;user-select:none;z-index:1}.shaped,.shaped span,.shaped ui-icon{block-size:stretch;inline-size:stretch}[data-dragging]{z-index:calc(100 + var(--z-index, 0))!important}:not(.shaped) .shaped,:not(.shaped)>*,:not(:has(.shaped)){--border-radius:var(--radius-md);--clip-path:none}:not(.shaped) .shaped[data-shape],:not(.shaped)>[data-shape],:not(:has(.shaped))[data-shape]{--color-shade:.1;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}:not(.shaped) .shaped[data-shape]:where(a,span,ui-icon),:not(.shaped)>[data-shape]:where(a,span,ui-icon),:not(:has(.shaped))[data-shape]:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:not(.shaped) .shaped[data-shape]:where(a,span,ui-icon),:not(.shaped)>[data-shape]:where(a,span,ui-icon),:not(:has(.shaped))[data-shape]:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}:not(.shaped) .shaped[data-shape]:where(a,span,ui-icon)::selection,:not(.shaped)>[data-shape]:where(a,span,ui-icon)::selection,:not(:has(.shaped))[data-shape]:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea),:not(.shaped)>[data-shape]:where(button,input,select,textarea),:not(:has(.shaped))[data-shape]:where(button,input,select,textarea){border-style:solid;border-width:.5px}:not(.shaped) .shaped[data-shape],:not(.shaped)>[data-shape],:not(:has(.shaped))[data-shape]{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:not(.shaped) .shaped[data-shape]::picker(select),:not(.shaped)>[data-shape]::picker(select),:not(:has(.shaped))[data-shape]::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:not(.shaped) .shaped[data-shape] :where(select),:not(.shaped)>[data-shape] :where(select),:not(:has(.shaped))[data-shape] :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option),:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option),:not(.shaped)>[data-shape] :where(button,input,select,textarea,option),:not(.shaped)>[data-shape]:where(button,input,select,textarea,option),:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option),:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option),:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option),:not(.shaped)>[data-shape] :where(button,input,select,textarea,option),:not(.shaped)>[data-shape]:where(button,input,select,textarea,option),:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option),:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option),:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option),:not(.shaped)>[data-shape] :where(button,input,select,textarea,option),:not(.shaped)>[data-shape]:where(button,input,select,textarea,option),:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option),:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):hover,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):hover,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):hover,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):hover,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):hover,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):active,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):active,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):active,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):active,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):active,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):active,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):active,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):active,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):active,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):active,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):focus,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):focus,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):focus,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):focus,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):focus,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):focus-visible,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):focus-visible,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):focus-visible,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):focus-visible,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):focus-visible,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):focus-visible,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):focus-visible,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):focus-visible,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):focus-visible,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):focus-visible,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):disabled,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)[aria-disabled=true],:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):disabled,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)[aria-disabled=true],:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):disabled,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)[aria-disabled=true],:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):disabled,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)[aria-disabled=true],:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):disabled,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)[aria-disabled=true],:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):disabled,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):disabled,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)[aria-disabled=true],:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):disabled,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)[aria-disabled=true],:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):disabled,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)[aria-disabled=true],:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):disabled,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)[aria-disabled=true],:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):disabled,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)[aria-disabled=true],:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):disabled,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)::selection,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):checked,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)::selection,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):checked,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)::selection,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):checked,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)::selection,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):checked,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)[aria-selected=true],:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)::selection,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):checked,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)::selection,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):checked,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)::selection,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):checked,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)::selection,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):checked,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)::selection,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):checked,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)::selection,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):checked,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)[aria-selected=true],:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)::selection,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):checked,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)::selection,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):checked,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):autofill,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):autofill,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):autofill,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):autofill,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):autofill,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):auto-fill,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):auto-fill,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):auto-fill,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):auto-fill,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):auto-fill,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)::placeholder,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)::placeholder,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)::placeholder,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)::placeholder,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)::placeholder,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):autofill,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):autofill:active,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):autofill:focus,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):autofill:hover,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):autofill,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):autofill:active,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):autofill:focus,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):autofill:hover,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):autofill,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):autofill:active,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):autofill:focus,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):autofill:hover,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):autofill,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):autofill:active,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):autofill:focus,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):autofill:hover,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):autofill,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):autofill:active,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):autofill:focus,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):autofill:hover,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):autofill,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):autofill:active,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):autofill:focus,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):auto-fill,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):auto-fill:active,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):auto-fill:focus,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):auto-fill:hover,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):auto-fill,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):auto-fill:active,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):auto-fill:focus,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):auto-fill:hover,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):auto-fill,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):auto-fill:active,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):auto-fill:focus,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):auto-fill:hover,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):auto-fill,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):auto-fill:active,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):auto-fill:focus,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):auto-fill:hover,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):auto-fill,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):auto-fill:active,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):auto-fill:focus,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):auto-fill:hover,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):auto-fill,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):auto-fill:active,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):auto-fill:focus,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)::selection,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):checked,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)::selection,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):checked,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)::selection,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):checked,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)::selection,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):checked,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)[aria-selected=true],:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)::selection,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):checked,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)::selection,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):checked,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)::selection,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option):checked,:not(.shaped) .shaped[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)::selection,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option):checked,:not(.shaped) .shaped[data-shape]:where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)::selection,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option):checked,:not(.shaped)>[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)::selection,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option):checked,:not(.shaped)>[data-shape]:where(button,input,select,textarea,option)[aria-selected=true],:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)::selection,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option):checked,:not(:has(.shaped))[data-shape] :where(button,input,select,textarea,option)[aria-selected=true],:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)::selection,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option):checked,:not(:has(.shaped))[data-shape]:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}:not(.shaped) .shaped[data-shape]::picker(select),:not(.shaped)>[data-shape]::picker(select),:not(:has(.shaped))[data-shape]::picker(select){background-color:initial}:not(.shaped) .shaped[data-shape] ::picker(select),:not(.shaped)>[data-shape] ::picker(select),:not(:has(.shaped))[data-shape] ::picker(select){background-color:initial}:not(.shaped) .shaped[data-shape] ui-icon,:not(.shaped)>[data-shape] ui-icon,:not(:has(.shaped))[data-shape] ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}:not(.shaped) .shaped[data-shape]:where(a,span,ui-icon),:not(.shaped)>[data-shape]:where(a,span,ui-icon),:not(:has(.shaped))[data-shape]:where(a,span,ui-icon){background-color:initial}:not(.shaped) .shaped[data-shape]:where(a,span,ui-icon)::selection,:not(.shaped)>[data-shape]:where(a,span,ui-icon)::selection,:not(:has(.shaped))[data-shape]:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:not(.shaped) .shaped[data-shape] :where(a,span,ui-icon),:not(.shaped)>[data-shape] :where(a,span,ui-icon),:not(:has(.shaped))[data-shape] :where(a,span,ui-icon){background-color:initial}:not(.shaped) .shaped[data-shape] :where(a,span,ui-icon)::selection,:not(.shaped)>[data-shape] :where(a,span,ui-icon)::selection,:not(:has(.shaped))[data-shape] :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}:not(.shaped) .shaped[data-shape],:not(.shaped)>[data-shape],:not(:has(.shaped))[data-shape]{aspect-ratio:1/1;border-radius:var(--border-radius,var(--radius-md));clip-path:var(--clip-path,none);contain:strict;overflow:hidden;pointer-events:auto;touch-action:none}:not(.shaped) .shaped[data-shape=square],:not(.shaped)>[data-shape=square],:not(:has(.shaped))[data-shape=square]{--border-radius:var(--radius-md);--clip-path:none}:not(.shaped) .shaped[data-shape=squircle],:not(.shaped)>[data-shape=squircle],:not(:has(.shaped))[data-shape=squircle]{--border-radius:28%;--clip-path:none}:not(.shaped) .shaped[data-shape=circle],:not(.shaped)>[data-shape=circle],:not(:has(.shaped))[data-shape=circle]{--border-radius:50%;--clip-path:none}:not(.shaped) .shaped[data-shape=rounded],:not(.shaped)>[data-shape=rounded],:not(:has(.shaped))[data-shape=rounded]{--border-radius:var(--radius-xl);--clip-path:none}:not(.shaped) .shaped[data-shape=blob],:not(.shaped)>[data-shape=blob],:not(:has(.shaped))[data-shape=blob]{--border-radius:60% 40% 30% 70%/60% 30% 70% 40%;--clip-path:none}:not(.shaped) .shaped[data-shape=hexagon],:not(.shaped)>[data-shape=hexagon],:not(:has(.shaped))[data-shape=hexagon]{--border-radius:0;--clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}:not(.shaped) .shaped[data-shape=diamond],:not(.shaped)>[data-shape=diamond],:not(:has(.shaped))[data-shape=diamond]{--border-radius:0;--clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}:not(.shaped) .shaped[data-shape=star],:not(.shaped)>[data-shape=star],:not(:has(.shaped))[data-shape=star]{--border-radius:0;--clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}:not(.shaped) .shaped[data-shape=badge],:not(.shaped)>[data-shape=badge],:not(:has(.shaped))[data-shape=badge]{--border-radius:0;--clip-path:polygon(0% 0%,100% 0%,100% 75%,50% 100%,0% 75%)}:not(.shaped) .shaped[data-shape=heart],:not(.shaped)>[data-shape=heart],:not(:has(.shaped))[data-shape=heart]{--border-radius:0;--clip-path:path("M 50 88 C 20 60, 0 35, 25 15 C 40 5, 50 20, 50 20 C 50 20, 60 5, 75 15 C 100 35, 80 60, 50 88 Z")}:not(.shaped) .shaped[data-shape=clover],:not(.shaped)>[data-shape=clover],:not(:has(.shaped))[data-shape=clover]{--border-radius:0;--clip-path:polygon(50% 0%,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0% 50%,35% 35%)}:not(.shaped) .shaped[data-shape=flower],:not(.shaped)>[data-shape=flower],:not(:has(.shaped))[data-shape=flower]{--border-radius:0;--clip-path:polygon(50% 0%,62% 20%,85% 15%,75% 38%,100% 50%,75% 62%,85% 85%,62% 75%,50% 100%,38% 75%,15% 85%,25% 62%,0% 50%,25% 38%,15% 15%,38% 25%)}:not(.shaped) .shaped[data-shape=egg],:not(.shaped)>[data-shape=egg],:not(:has(.shaped))[data-shape=egg]{--border-radius:50% 50% 50% 50%/60% 60% 40% 40%;--clip-path:none}:not(.shaped) .shaped[data-shape=tear],:not(.shaped)>[data-shape=tear],:not(:has(.shaped))[data-shape=tear]{--border-radius:50cqmin 50cqmin 5rem 50cqmin;--clip-path:none;border-end-end-radius:5rem;border-end-start-radius:50cqmin;border-start-end-radius:50cqmin;border-start-start-radius:50cqmin}:not(.shaped) .shaped[data-shape=wavy],:not(.shaped)>[data-shape=wavy],:not(:has(.shaped))[data-shape=wavy]{--border-radius:calc(var(--icon-size, 100%) * .5);--clip-amplitude:.05;--clip-freq:8;--clip-path:shape(evenodd from --wavy-step(0),line to --wavy-step(.01),line to --wavy-step(.02),line to --wavy-step(.03),line to --wavy-step(.04),line to --wavy-step(.05),line to --wavy-step(.06),line to --wavy-step(.07),line to --wavy-step(.08),line to --wavy-step(.09),line to --wavy-step(.1),line to --wavy-step(.11),line to --wavy-step(.12),line to --wavy-step(.13),line to --wavy-step(.14),line to --wavy-step(.15),line to --wavy-step(.16),line to --wavy-step(.17),line to --wavy-step(.18),line to --wavy-step(.19),line to --wavy-step(.2),line to --wavy-step(.21),line to --wavy-step(.22),line to --wavy-step(.23),line to --wavy-step(.24),line to --wavy-step(.25),line to --wavy-step(.26),line to --wavy-step(.27),line to --wavy-step(.28),line to --wavy-step(.29),line to --wavy-step(.3),line to --wavy-step(.31),line to --wavy-step(.32),line to --wavy-step(.33),line to --wavy-step(.34),line to --wavy-step(.35),line to --wavy-step(.36),line to --wavy-step(.37),line to --wavy-step(.38),line to --wavy-step(.39),line to --wavy-step(.4),line to --wavy-step(.41),line to --wavy-step(.42),line to --wavy-step(.43),line to --wavy-step(.44),line to --wavy-step(.45),line to --wavy-step(.46),line to --wavy-step(.47),line to --wavy-step(.48),line to --wavy-step(.49),line to --wavy-step(.5),line to --wavy-step(.51),line to --wavy-step(.52),line to --wavy-step(.53),line to --wavy-step(.54),line to --wavy-step(.55),line to --wavy-step(.56),line to --wavy-step(.57),line to --wavy-step(.58),line to --wavy-step(.59),line to --wavy-step(.6),line to --wavy-step(.61),line to --wavy-step(.62),line to --wavy-step(.63),line to --wavy-step(.64),line to --wavy-step(.65),line to --wavy-step(.66),line to --wavy-step(.67),line to --wavy-step(.68),line to --wavy-step(.69),line to --wavy-step(.7),line to --wavy-step(.71),line to --wavy-step(.72),line to --wavy-step(.73),line to --wavy-step(.74),line to --wavy-step(.75),line to --wavy-step(.76),line to --wavy-step(.77),line to --wavy-step(.78),line to --wavy-step(.79),line to --wavy-step(.8),line to --wavy-step(.81),line to --wavy-step(.82),line to --wavy-step(.83),line to --wavy-step(.84),line to --wavy-step(.85),line to --wavy-step(.86),line to --wavy-step(.87),line to --wavy-step(.88),line to --wavy-step(.89),line to --wavy-step(.9),line to --wavy-step(.91),line to --wavy-step(.92),line to --wavy-step(.93),line to --wavy-step(.94),line to --wavy-step(.95),line to --wavy-step(.96),line to --wavy-step(.97),line to --wavy-step(.98),line to --wavy-step(.99),line to --wavy-step(1),close);--icon-size:100%;--corrector:1.1}}@layer ux-classes{.round-decor{--background-tone-shift:0;border-radius:.25rem;overflow:hidden;padding-block:.25rem}.round-decor:empty{display:none;padding:0;pointer-events:none;visibility:collapse}.time-format{font-family:InterVariable,Inter,Fira Mono,Menlo,Consolas,monospace;font-kerning:auto;font-optical-sizing:auto;font-size:.9em;font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:500;font-width:condensed;display:inline-flex;flex-direction:row;letter-spacing:-.05em;padding:.125rem;place-content:center;place-items:center;place-self:center;text-align:center;text-overflow:"";text-wrap:nowrap;white-space:nowrap}.ctx-menu,.ctx-menu *{content-visibility:visible;inline-size:fit-content;max-inline-size:stretch;visibility:visible}.ctx-menu{--color-shade:0;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.ctx-menu:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.ctx-menu:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.ctx-menu:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.ctx-menu:where(button,input,select,textarea){border-style:solid;border-width:.5px}.ctx-menu{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.ctx-menu::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.ctx-menu :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.ctx-menu :where(button,input,select,textarea,option),.ctx-menu:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.ctx-menu :where(button,input,select,textarea,option),.ctx-menu:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.ctx-menu :where(button,input,select,textarea,option),.ctx-menu:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.ctx-menu :where(button,input,select,textarea,option):hover,.ctx-menu:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.ctx-menu :where(button,input,select,textarea,option):active,.ctx-menu:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.ctx-menu :where(button,input,select,textarea,option):active,.ctx-menu:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.ctx-menu :where(button,input,select,textarea,option):focus,.ctx-menu:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.ctx-menu :where(button,input,select,textarea,option):focus-visible,.ctx-menu:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.ctx-menu :where(button,input,select,textarea,option):focus-visible,.ctx-menu:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.ctx-menu :where(button,input,select,textarea,option):disabled,.ctx-menu :where(button,input,select,textarea,option)[aria-disabled=true],.ctx-menu:where(button,input,select,textarea,option):disabled,.ctx-menu:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.ctx-menu :where(button,input,select,textarea,option):disabled,.ctx-menu :where(button,input,select,textarea,option)[aria-disabled=true],.ctx-menu:where(button,input,select,textarea,option):disabled,.ctx-menu:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.ctx-menu :where(button,input,select,textarea,option)::selection,.ctx-menu :where(button,input,select,textarea,option):checked,.ctx-menu :where(button,input,select,textarea,option)[aria-selected=true],.ctx-menu:where(button,input,select,textarea,option)::selection,.ctx-menu:where(button,input,select,textarea,option):checked,.ctx-menu:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.ctx-menu :where(button,input,select,textarea,option)::selection,.ctx-menu :where(button,input,select,textarea,option):checked,.ctx-menu :where(button,input,select,textarea,option)[aria-selected=true],.ctx-menu:where(button,input,select,textarea,option)::selection,.ctx-menu:where(button,input,select,textarea,option):checked,.ctx-menu:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.ctx-menu :where(button,input,select,textarea,option):autofill,.ctx-menu:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.ctx-menu :where(button,input,select,textarea,option):auto-fill,.ctx-menu:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.ctx-menu :where(button,input,select,textarea,option)::placeholder,.ctx-menu:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.ctx-menu :where(button,input,select,textarea,option):autofill,.ctx-menu :where(button,input,select,textarea,option):autofill:active,.ctx-menu :where(button,input,select,textarea,option):autofill:focus,.ctx-menu :where(button,input,select,textarea,option):autofill:hover,.ctx-menu:where(button,input,select,textarea,option):autofill,.ctx-menu:where(button,input,select,textarea,option):autofill:active,.ctx-menu:where(button,input,select,textarea,option):autofill:focus,.ctx-menu:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.ctx-menu :where(button,input,select,textarea,option):auto-fill,.ctx-menu :where(button,input,select,textarea,option):auto-fill:active,.ctx-menu :where(button,input,select,textarea,option):auto-fill:focus,.ctx-menu :where(button,input,select,textarea,option):auto-fill:hover,.ctx-menu:where(button,input,select,textarea,option):auto-fill,.ctx-menu:where(button,input,select,textarea,option):auto-fill:active,.ctx-menu:where(button,input,select,textarea,option):auto-fill:focus,.ctx-menu:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.ctx-menu :where(button,input,select,textarea,option)::selection,.ctx-menu :where(button,input,select,textarea,option):checked,.ctx-menu :where(button,input,select,textarea,option)[aria-selected=true],.ctx-menu:where(button,input,select,textarea,option)::selection,.ctx-menu:where(button,input,select,textarea,option):checked,.ctx-menu:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.ctx-menu :where(button,input,select,textarea,option)::selection,.ctx-menu :where(button,input,select,textarea,option):checked,.ctx-menu :where(button,input,select,textarea,option)[aria-selected=true],.ctx-menu:where(button,input,select,textarea,option)::selection,.ctx-menu:where(button,input,select,textarea,option):checked,.ctx-menu:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.ctx-menu::picker(select){background-color:initial}.ctx-menu ::picker(select){background-color:initial}.ctx-menu ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.ctx-menu:where(a,span,ui-icon){background-color:initial}.ctx-menu:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.ctx-menu :where(a,span,ui-icon){background-color:initial}.ctx-menu :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.ctx-menu{--color-shade:.04;block-size:fit-content;border:0 #0000;border-radius:.333rem;filter:drop-shadow(0 0 .25rem rgba(0,0,0,.6666666667));font-size:.8em;inline-size:fit-content;max-inline-size:min(200px,100cqi);min-inline-size:160px;opacity:var(--opacity,1);padding:0;padding-block:.333rem;pointer-events:auto;position:fixed;transform:scale3d(var(--scale,1),var(--scale,1),1) translate3d(var(--translate-x,0),var(--translate-y,0),0);transition:all .2s ease-in-out;z-index:calc(99999 + var(--z-index, 0))!important}.ctx-menu>*{--color-shade:0;--color-tint:0;--color-source:var(--current,var(--primary,#0000));--surface-color:--c2-surface(var(--_color-shade,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface-color:--c2-on-surface(var(--_color-tint,0),var(--color-source,var(--current,var(--primary,#0000))),2);--on-surface:var(--on-surface-color,currentColor);--scrollbar-color:oklch(from var(--on-surface-color,currentColor) l c h/.4);--border-color:oklch(from --c2-surface(calc(var(--_color-shade, 0) + var(--_color-tint, 0) + .05),var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.1)}.ctx-menu>:where(a,span,ui-icon){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.ctx-menu>:where(a,span,ui-icon){--icon-color:var(--on-surface-color,currentColor)}.ctx-menu>:where(a,span,ui-icon)::selection{color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}.ctx-menu>:where(button,input,select,textarea){border-style:solid;border-width:.5px}.ctx-menu>*{accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.ctx-menu>::picker(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.ctx-menu>* :where(select){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor}.ctx-menu>* :where(button,input,select,textarea,option),.ctx-menu>:where(button,input,select,textarea,option){accent-color:var(--on-surface-color,currentColor);background-color:var(--surface-color,#0000);border-color:var(--border-color,#0000);caret-color:var(--on-surface-color,currentColor);color:var(--on-surface-color,currentColor);scrollbar-color:var(--scrollbar-color) #0000;text-decoration-color:var(--on-surface-color,currentColor);text-emphasis-color:var(--on-surface-color,currentColor);-webkit-text-fill-color:currentColor;--icon-color:var(--on-surface-color,currentColor)}.ctx-menu>* :where(button,input,select,textarea,option),.ctx-menu>:where(button,input,select,textarea,option){background-color:color-mix(in oklch,var(--surface-color,#0000) 96%,var(--on-surface-color,#0000) 10%);transition:--_color-shade var(--transition-normal),--_color-tint var(--transition-normal),--surface-color var(--transition-normal),--on-surface-color var(--transition-normal),--border-color var(--transition-normal),--scrollbar-color var(--transition-normal),--icon-color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.ctx-menu>* :where(button,input,select,textarea,option),.ctx-menu>:where(button,input,select,textarea,option){--_color-shade:var(--color-shade,0)}@media(hover:hover)and (pointer:fine){.ctx-menu>* :where(button,input,select,textarea,option):hover,.ctx-menu>:where(button,input,select,textarea,option):hover{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:none)and (pointer:coarse){.ctx-menu>* :where(button,input,select,textarea,option):active,.ctx-menu>:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--hover-lift, .03))}}@media(hover:hover)and (pointer:fine){.ctx-menu>* :where(button,input,select,textarea,option):active,.ctx-menu>:where(button,input,select,textarea,option):active{--_color-shade:calc(var(--color-shade, 0) + var(--active-lift, .05))}}@media(hover:none)and (pointer:coarse){.ctx-menu>* :where(button,input,select,textarea,option):focus,.ctx-menu>:where(button,input,select,textarea,option):focus{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.ctx-menu>* :where(button,input,select,textarea,option):focus-visible,.ctx-menu>:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:none)and (pointer:coarse){.ctx-menu>* :where(button,input,select,textarea,option):focus-visible,.ctx-menu>:where(button,input,select,textarea,option):focus-visible{--_color-shade:calc(var(--color-shade, 0) + var(--focus-lift, .02))}}@media(hover:hover)and (pointer:fine){.ctx-menu>* :where(button,input,select,textarea,option):disabled,.ctx-menu>* :where(button,input,select,textarea,option)[aria-disabled=true],.ctx-menu>:where(button,input,select,textarea,option):disabled,.ctx-menu>:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:none)and (pointer:coarse){.ctx-menu>* :where(button,input,select,textarea,option):disabled,.ctx-menu>* :where(button,input,select,textarea,option)[aria-disabled=true],.ctx-menu>:where(button,input,select,textarea,option):disabled,.ctx-menu>:where(button,input,select,textarea,option)[aria-disabled=true]{--_color-shade:calc(var(--color-shade, 0) + var(--disabled-shade, .1))}}@media(hover:hover)and (pointer:fine){.ctx-menu>* :where(button,input,select,textarea,option)::selection,.ctx-menu>* :where(button,input,select,textarea,option):checked,.ctx-menu>* :where(button,input,select,textarea,option)[aria-selected=true],.ctx-menu>:where(button,input,select,textarea,option)::selection,.ctx-menu>:where(button,input,select,textarea,option):checked,.ctx-menu>:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}@media(hover:none)and (pointer:coarse){.ctx-menu>* :where(button,input,select,textarea,option)::selection,.ctx-menu>* :where(button,input,select,textarea,option):checked,.ctx-menu>* :where(button,input,select,textarea,option)[aria-selected=true],.ctx-menu>:where(button,input,select,textarea,option)::selection,.ctx-menu>:where(button,input,select,textarea,option):checked,.ctx-menu>:where(button,input,select,textarea,option)[aria-selected=true]{--_color-shade:calc(var(--color-shade, 0) + var(--selected-shade, .04))}}.ctx-menu>* :where(button,input,select,textarea,option):autofill,.ctx-menu>:where(button,input,select,textarea,option):autofill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.ctx-menu>* :where(button,input,select,textarea,option):auto-fill,.ctx-menu>:where(button,input,select,textarea,option):auto-fill{--_color-shade:calc(var(--color-shade, 0) + var(--autofill-shade, .04))}.ctx-menu>* :where(button,input,select,textarea,option)::placeholder,.ctx-menu>:where(button,input,select,textarea,option)::placeholder{--on-surface-color:oklch(from --c2-on-surface(0,var(--color-source,var(--current,var(--primary,#0000))),2) l c h/.3)}.ctx-menu>* :where(button,input,select,textarea,option):autofill,.ctx-menu>* :where(button,input,select,textarea,option):autofill:active,.ctx-menu>* :where(button,input,select,textarea,option):autofill:focus,.ctx-menu>* :where(button,input,select,textarea,option):autofill:hover,.ctx-menu>:where(button,input,select,textarea,option):autofill,.ctx-menu>:where(button,input,select,textarea,option):autofill:active,.ctx-menu>:where(button,input,select,textarea,option):autofill:focus,.ctx-menu>:where(button,input,select,textarea,option):autofill:hover{background-color:var(--surface-color,#0000)!important}.ctx-menu>* :where(button,input,select,textarea,option):auto-fill,.ctx-menu>* :where(button,input,select,textarea,option):auto-fill:active,.ctx-menu>* :where(button,input,select,textarea,option):auto-fill:focus,.ctx-menu>* :where(button,input,select,textarea,option):auto-fill:hover,.ctx-menu>:where(button,input,select,textarea,option):auto-fill,.ctx-menu>:where(button,input,select,textarea,option):auto-fill:active,.ctx-menu>:where(button,input,select,textarea,option):auto-fill:focus,.ctx-menu>:where(button,input,select,textarea,option):auto-fill:hover{background-color:var(--surface-color,#0000)!important}@media(hover:hover)and (pointer:fine){.ctx-menu>* :where(button,input,select,textarea,option)::selection,.ctx-menu>* :where(button,input,select,textarea,option):checked,.ctx-menu>* :where(button,input,select,textarea,option)[aria-selected=true],.ctx-menu>:where(button,input,select,textarea,option)::selection,.ctx-menu>:where(button,input,select,textarea,option):checked,.ctx-menu>:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}@media(hover:none)and (pointer:coarse){.ctx-menu>* :where(button,input,select,textarea,option)::selection,.ctx-menu>* :where(button,input,select,textarea,option):checked,.ctx-menu>* :where(button,input,select,textarea,option)[aria-selected=true],.ctx-menu>:where(button,input,select,textarea,option)::selection,.ctx-menu>:where(button,input,select,textarea,option):checked,.ctx-menu>:where(button,input,select,textarea,option)[aria-selected=true]{background-color:var(--on-surface-color,#0000);color:var(--surface-color,currentColor);-webkit-text-fill-color:var(--surface-color,currentColor);--icon-color:var(--surface-color,currentColor)}}.ctx-menu>::picker(select){background-color:initial}.ctx-menu>* ::picker(select){background-color:initial}.ctx-menu>* ui-icon{background-color:initial;--icon-color:var(--on-surface-color,currentColor)}.ctx-menu>:where(a,span,ui-icon){background-color:initial}.ctx-menu>:where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.ctx-menu>* :where(a,span,ui-icon){background-color:initial}.ctx-menu>* :where(a,span,ui-icon)::selection{background-color:var(--on-surface-color,#0000)}.ctx-menu>*{cursor:pointer;inline-size:stretch;place-content:center;place-items:center;pointer-events:auto;position:relative;--color-shade:.04}.ctx-menu>:not(.ctx-menu-separator){padding:.25rem}.ctx-menu>*>span{justify-self:start;padding-inline:.333rem;pointer-events:none;text-align:start;user-select:none}.ctx-menu>*>ui-icon{--icon-size:1.8rem;padding:.5rem;pointer-events:none;user-select:none}.ctx-menu>.ctx-menu-separator{background-color:--c2-on-surface(var(--background-tone-shift,0),var(--current,#0000));block-size:.0625rem;opacity:.1}.ui-ws-item{cursor:pointer;pointer-events:auto;user-select:none}.ui-ws-item span{aspect-ratio:1/1;block-size:fit-content;display:inline;inline-size:fit-content;pointer-events:none}.ui-ws-item:active,.ui-ws-item:has(:active){cursor:grabbing;will-change:inset,translate,transform,opacity,z-index}.ui-grid-item,ui-modal,ui-window-frame{content-visibility:auto;isolation:isolate;opacity:var(--opacity,1);rotate:0deg;scale:1;transform-box:fill-box;transform-origin:50% 50%;transform-style:flat;translate:0 0 0;--opacity:1;--scale:1;--rotate:0deg;--translate-x:0%;--translate-y:0%}}