@layer shachi;@layer docs.core{@font-face{font-family:Schibsted Grotesk Variable;src:url(../fonts/schibsted-grotesk-variable.woff2) format("woff2") tech("variations"), url(../fonts/schibsted-grotesk-variable.woff2) format("woff2-variations");font-weight:400 900;font-display:swap}@font-face{font-family:Krona One;src:url(../fonts/krona-one.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono Variable;src:url(../fonts/jetbrains-mono-variable.woff2) format("woff2") tech("variations"), url(../fonts/jetbrains-mono-variable.woff2) format("woff2-variations");font-weight:100 800;font-display:swap}body{font-family:Schibsted Grotesk Variable,sans-serif}:root{--docs-color-sky:#a8d5ff;--docs-color-mint:#00d49b;--docs-color-pink:#f5c4ed;--docs-border:2px solid var(--sh-color-neutral-0);--docs-color-muted:color-mix(in oklch, currentColor, transparent 30%);--docs-font-mono:"JetBrains Mono Variable", monospace}}@layer docs.compositions{.page{&::part(page){padding:var(--sh-space-sm);background-color:var(--sh-color-neutral-0)}&::part(body){box-sizing:border-box;padding-block:var(--sh-space-sm)}&:has([slot=navigation]){--navigation-width:17.5rem}}@media (width>=1240px){.page{&::part(page){padding:var(--sh-space-md)}&::part(body){padding-block:var(--sh-space-md)}}}.home{gap:var(--sh-space-sm);flex-direction:column;display:flex}@media (width>=1240px){.home{gap:var(--sh-space-md)}}.panel{background-color:var(--sh-color-neutral-100);border-block-start:var(--docs-border);container-type:inline-size}.panel__head{padding:var(--sh-space-md);border-block-end:var(--docs-border);& h2{letter-spacing:-.5px;font-size:clamp(1.75rem,1.66rem + .44cqi,2rem);font-weight:500;line-height:1.2}}.panel__body{grid-template-columns:minmax(0,1fr);display:grid}.panel__aside{gap:var(--sh-space-xl);padding:var(--sh-space-lg) var(--sh-space-md);background-color:var(--sh-color-neutral-80);flex-direction:column;justify-content:space-between;display:flex;& h3{letter-spacing:-1px;font-size:1.875rem;font-weight:500;line-height:1.1}& a{gap:var(--sh-space-sm);letter-spacing:.3px;align-items:center;font-weight:600;display:inline-flex}}.panel__heading,.panel__description{gap:var(--sh-space-md);flex-direction:column;align-items:start;display:flex}.panel__main{border-block-start:var(--docs-border);flex-direction:column;display:flex}.panel__caption{gap:var(--sh-space-xs);padding:calc(var(--sh-space-sm) + var(--sh-space-xs)) var(--sh-space-md);border-block-end:var(--docs-border);flex-direction:column;font-size:.875rem;font-weight:600;display:flex;& small{font-family:var(--docs-font-mono);color:var(--docs-color-muted);font-size:.75rem;font-weight:400}}@container (width>=47rem){.panel__aside{gap:calc(var(--sh-space-sm) * 6);padding-block:var(--sh-space-xl);flex-direction:row;align-items:end;& h3{font-size:2.25rem}}.panel__heading,.panel__description{flex:1}.panel__caption{flex-direction:row;justify-content:space-between;align-items:center}}@container (width>=75.5rem){.panel__head{padding-inline:var(--sh-space-lg)}.panel__body{grid-template-columns:27.5rem minmax(0,1fr)}.panel__body>.panel__aside{padding:var(--sh-space-xl) var(--sh-space-xl) var(--sh-space-xl) var(--sh-space-lg);flex-direction:column;align-items:normal}.panel__body>.panel__main{border-block-start:0;border-inline-start:var(--docs-border)}.panel__body .panel__heading,.panel__body .panel__description{flex:unset}}.content{--docs-content-header-height:300px;--docs-content-header-text-color:var(--sh-color-neutral-100);--docs-content-header-background-color:oklch(59.2% .0935 251.98);--docs-content-header-background-image:radial-gradient(30% 20% at 96% 2%, oklch(72.49% .075 121.93/.85) 0%, oklch(72.49% .075 121.93/0) 100%), radial-gradient(40% 20% at 58% -5%, oklch(76.02% .0311 178.04/.73) 5%, oklch(76.02% .0311 178.04/0) 100%), radial-gradient(25% 25% at 3% 89%, oklch(78.5% .0276 257.04/.89) 5%, oklch(78.5% .0276 257.04/0) 100%), radial-gradient(10% 35% at 37% 44%, oklch(74.04% .0585 232.41/.65) 30%, oklch(74.04% .0585 232.41/0) 100%), radial-gradient(30% 60% at 68% 39%, oklch(69.84% .1194 136.77) 30%, oklch(69.84% .1194 136.77/0) 100%), radial-gradient(30% 15% at 45% 80%, oklch(69.84% .1194 136.77/.32) 30%, oklch(69.84% .1194 136.77/0) 100%), radial-gradient(10% 15% at 20% 69%, oklch(78.5% .0276 257.04/.42) 0%, oklch(78.5% .0276 257.04/0) 100%), radial-gradient(35% 31% at 110% 75%, oklch(35.52% .1787 275.33/.85) 15%, oklch(35.52% .1787 275.33/0) 100%), radial-gradient(35% 20% at 60% 110%, oklch(35.56% .1683 275.25/.34) 45%, oklch(35.56% .1683 275.25/0) 100%), radial-gradient(60% 40% at 84% 11%, oklch(69.84% .1194 136.77) 35%, oklch(69.84% .1194 136.77/0) 100%), linear-gradient(120deg, oklch(59.65% .0936 250.11) 0%, oklch(72.48% .0639 235.54) 45%, oklch(35.45% .179 274.89) 100%);--docs-content-header-background-noise-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"n\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"5\" numOctaves=\"5\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23n)\"/%3E%3C/svg%3E");--docs-content-header-background-noise-opacity:.3;--docs-content-header-background-image-mix-blend-mode:overlay;background-color:var(--sh-color-neutral-100)}.content__header{z-index:1;min-height:var(--docs-content-header-height);color:var(--docs-content-header-text-color);background-color:var(--docs-content-header-background-color);background-image:var(--docs-content-header-background-image);background-size:cover;flex-direction:column;justify-content:end;display:flex;position:relative;&:before{z-index:-1;pointer-events:none;content:"";background-image:var(--docs-content-header-background-noise-image);mix-blend-mode:var(--docs-content-header-background-image-mix-blend-mode);opacity:var(--docs-content-header-background-noise-opacity);background-repeat:repeat;position:absolute;inset:0}& h1{font-size:2rem}}}@layer docs.blocks{.header{box-sizing:border-box;min-block-size:4rem;padding-inline:var(--sh-space-md);background-color:var(--sh-color-neutral-100);align-items:stretch;display:flex}.header__logo{color:currentColor;align-items:center;margin-inline-end:auto;text-decoration:none;display:flex;& svg{block-size:1.5rem;inline-size:auto}}.header__navigation{flex:1;min-inline-size:0;container-type:inline-size;&::part(nav){align-items:stretch;gap:0;min-block-size:100%}&::part(toggle){order:1;margin-inline-start:var(--sh-space-md)}&::part(list){gap:calc(var(--sh-space-sm) + var(--sh-space-xs));padding-inline:calc(var(--sh-space-xl) + var(--sh-space-sm))}& sh-navigation-item{font-weight:500;&::part(base):hover{background-color:#0000}&::part(link){color:currentColor;text-underline-offset:.3ex;text-decoration:underline #0000}&::part(link):hover,&::part(link):focus-visible,&[current]::part(link){text-decoration-color:currentColor}}&:state(collapsed):not([panel-anchor=viewport]){&::part(panel){box-sizing:content-box;block-size:calc(100dvh - 4rem - (var(--sh-space-sm) * 2) - 8px);padding-inline:var(--sh-space-md);margin-inline:calc(var(--sh-space-md) * -1);box-shadow:none;border-block-width:8px 0;border-inline:0}&::part(list){padding:var(--sh-space-xl) 0;justify-content:center;align-items:end}& sh-navigation-item{font-size:2em}}}.header__repository{gap:var(--sh-space-sm);color:currentColor;text-underline-offset:.3ex;align-items:center;font-weight:500;text-decoration:underline #0000;display:flex;&:hover,&:focus-visible{text-decoration-color:currentColor}&>sh-icon{--icon-size:1.5rem}& span{gap:var(--sh-space-xs);align-items:center;display:inline-flex}}@container (width<44rem){.header__repository{padding:var(--sh-space-xs)}.header__repository span{white-space:nowrap;clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@container (width>=75.5rem){.header{padding-inline:var(--sh-space-lg)}}@media (prefers-reduced-motion:no-preference){.header__navigation sh-navigation-item::part(link){transition:text-decoration-color .2s ease-in-out}}.hero{background-color:var(--sh-color-neutral-100);container:hero/inline-size}.hero__intro{grid:"start""intermission""mission"/1fr;inline-size:100%;display:grid}.hero__start{gap:var(--sh-space-lg);padding:var(--sh-space-xl) var(--sh-space-md) var(--sh-space-lg);flex-direction:column;grid-area:start;display:flex;container-type:inline-size;& h1{letter-spacing:-2.5px;max-inline-size:20ch;margin-block-end:clamp(12px,6.09cqi - 8.71px,40px);font-size:clamp(2.75rem,1.64rem + 5.22cqi,4.25rem);font-weight:500;line-height:1.1}}.hero__install{& sh-code-block{flex-direction:row-reverse;display:flex;&::part(toolbar){background-color:#0000;border:0}&::part(pre){flex:1}}}.hero__intermission{grid-area:intermission;grid-template-rows:39cqi 11.5rem;grid-template-columns:1fr;display:grid;container-type:inline-size}.hero__glyphs{color:var(--sh-color-neutral-100);text-align:center;background-color:var(--sh-color-neutral-0);font-family:Krona One,monospace;line-height:1;position:relative;overflow:hidden;& :first-child{font-size:50cqi;position:absolute;inset:auto 1.4ch -5.5cqb auto}& :nth-child(2){font-size:50cqi;position:absolute;inset:auto .7ch -3cqb auto}& :nth-child(3){font-size:40cqi;position:absolute;inset:auto 0 -3cqb auto}}.hero__statement{padding:var(--sh-space-lg);text-align:center;letter-spacing:-.5px;border-block:var(--docs-border);background-color:oklch(70% .18 35.21);place-items:center;font-size:1.875em;font-weight:500;line-height:1.2;display:grid}.hero__mission{gap:var(--sh-space-lg);padding:var(--sh-space-xl) var(--sh-space-md) var(--sh-space-lg);background-color:oklch(86% .075 246.94);flex-direction:column;grid-area:mission;align-items:start;display:flex;container-type:inline-size;& a{gap:var(--sh-space-xs);letter-spacing:.3px;align-items:center;font-weight:600;display:inline-flex}}.hero__pitch{text-transform:uppercase;letter-spacing:-1px;margin-block-end:var(--sh-space-xs);font-family:Krona One,monospace;font-size:clamp(1.5rem,7.6cqi - .02rem,1.88rem);line-height:1.1}.hero__entry-points{grid-template-columns:1fr;display:grid;& li{--entry-color:var(--docs-color-mint);background-color:var(--sh-color-neutral-100);display:grid;&:nth-child(2){--entry-color:var(--docs-color-sky)}&:nth-child(3){--entry-color:var(--docs-color-pink)}&:not(:first-child){border-block-start:var(--docs-border)}}& a{box-sizing:border-box;gap:var(--sh-space-md);padding:var(--sh-space-md);color:var(--sh-color-neutral-0);justify-content:space-between;align-items:center;text-decoration:none;display:flex;&:hover,&:focus-visible{background-color:var(--entry-color)}& strong{letter-spacing:-.5px;font-size:1.375rem;font-weight:500;line-height:1.2;display:block}& span{color:var(--docs-color-muted);margin-block-start:var(--sh-space-xs);font-size:.875rem;display:block}& sh-icon{--icon-size:1.5rem;flex-shrink:0}}}.hero__marquee{--gap:var(--sh-space-sm) calc(var(--sh-space-md) + var(--sh-space-xs));--speed:40;padding-block:var(--sh-space-sm);color:var(--sh-color-neutral-100);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background-color:var(--sh-color-neutral-0);border-block-start:var(--docs-border);font-family:Krona One,monospace;font-size:.75rem;line-height:1.3;&::part(toggle){margin-inline-start:var(--sh-space-md)}&>*{gap:var(--gap);align-items:center;display:flex}&>:nth-child(3n+1) sh-icon{color:var(--docs-color-sky)}&>:nth-child(3n+2) sh-icon{color:var(--docs-color-mint)}&>:nth-child(3n) sh-icon{color:var(--docs-color-pink)}}@container hero (width>=29rem){.hero__intermission{border-block:var(--docs-border);border-inline:0;grid-template-rows:minmax(13.75rem,auto);grid-template-columns:1.3fr .7fr}.hero__glyphs{& :first-child{font-size:14.5rem;position:absolute;inset:auto 1.4ch -3rem auto}& :nth-child(2){font-size:14.5rem;position:absolute;inset:auto .7ch -1.5rem auto}& :nth-child(3){font-size:12rem;position:absolute;inset:auto 0 -1.5rem auto}}.hero__statement{border-block:0}}@container hero (width>=47rem){.hero__intro{grid:"start mission""intermission intermission"/1.1fr .9fr}.hero__start{border-inline-end:var(--docs-border);& p{font-size:1.125em}}.hero__intermission{border-block-end:0}.hero__entry-points{grid-template-columns:repeat(3,1fr);& li:not(:first-child){border-block-start:0;border-inline-start:var(--docs-border)}& a{min-block-size:8.75rem;padding:var(--sh-space-md);flex-direction:column;align-items:stretch;& sh-icon{align-self:end}}}}@container hero (width>=75.5rem){.hero__intro{grid:"start intermission mission"/1fr clamp(240px,45cqi - 318px,330px) .6fr}.hero__start{padding:calc(var(--sh-space-sm) * 5.5) var(--sh-space-xl) var(--sh-space-xl) var(--sh-space-lg)}.hero__intermission{grid-template-rows:minmax(18.75rem,1.2fr) minmax(15rem,.8fr);grid-template-columns:1fr}.hero__glyphs{border-block-end:var(--docs-border);& :first-child{font-size:70cqi;inset:auto auto -5cqb -3cqi}& :nth-child(2){font-size:70cqi;inset:auto 1.5cqi .65lh auto}& :nth-child(3){font-size:60cqi;inset:auto 0 -3cqb auto}}.hero__mission{padding:calc(var(--sh-space-sm) * 5.5) var(--sh-space-lg) var(--sh-space-xl) var(--sh-space-xl);border-inline-start:var(--docs-border)}.hero__entry-points a{min-block-size:10.5rem;padding:var(--sh-space-lg);& strong{font-size:1.625rem}}.hero__marquee{--gap:var(--sh-space-sm) max((var(--sh-space-md) + var(--sh-space-xs)), 2.4cqi);font-size:.813rem}}@media (prefers-reduced-motion:no-preference){.hero__entry-points a{transition:background-color .1s}}.components__pillars{grid-template-columns:1fr;display:grid;& li{padding:var(--sh-space-md);background-color:var(--sh-color-neutral-100);flex-direction:column;align-items:start;display:flex;&:not(:first-child){border-block-start:var(--docs-border)}&:nth-child(2){background-color:var(--docs-color-sky)}&:nth-child(3){background-color:var(--docs-color-pink)}&:nth-child(4){background-color:var(--docs-color-mint)}& h4{letter-spacing:-.4px;font-size:1.375rem;font-weight:500;line-height:1.1}& h4+p{color:var(--docs-color-muted);margin-block-start:var(--sh-space-xs);font-size:.8125rem}& p+p{margin-block-start:var(--sh-space-md);font-size:.875rem}& code{padding-block:var(--sh-space-sm);margin-block-start:var(--sh-space-md)}}}@container (width>=47rem){.components__pillars{grid-template-columns:repeat(2,1fr);& li{min-block-size:12.5rem;padding:var(--sh-space-lg) var(--sh-space-md);&:nth-child(2n){border-inline-start:var(--docs-border)}&:nth-child(2){border-block-start:0}& code{margin-block-start:auto}}}}@container (width>=75.5rem){.components__body{min-block-size:35rem}.components__pillars{flex:1;grid-template-columns:repeat(4,1fr);height:auto;& li{&:not(:first-child){border-block-start:0;border-inline-start:var(--docs-border)}}}}.theming__body{grid:"aside""main""code"/minmax(0,1fr);display:grid}.theming__aside{grid-area:aside}.theming__heading p{line-height:1.45}.theming__notes{gap:calc(var(--sh-space-sm) + var(--sh-space-xs) / 2);flex-direction:column;display:flex;& li{gap:calc(var(--sh-space-sm) + var(--sh-space-xs) / 2);border-block-start:1px solid var(--sh-color-neutral-0);padding-block-start:calc(var(--sh-space-sm) + var(--sh-space-xs) / 2);font-size:.875rem;line-height:1.4;display:flex;&:before{content:"→"}}}.theming__main{grid-area:main}.theming__caption small{font-size:.6875rem;&:after{content:" · " attr(data-hint) " →"}}.theming__scroller::part(content){scroll-snap-type:x mandatory}.theming__specimens{display:flex;&>li{padding:var(--sh-space-md);scroll-snap-align:start;flex-direction:column;flex:0 0 17rem;display:flex;&:not(:first-child){border-inline-start:var(--docs-border)}&:nth-child(2){background-color:var(--docs-color-sky)}}& ul{gap:var(--sh-space-sm);font-family:var(--docs-font-mono);justify-content:space-between;align-items:center;margin-block-end:var(--sh-space-md);font-size:.75rem;display:flex;& :first-of-type{font-weight:700}}& iframe{border:0;block-size:15rem;inline-size:calc(100% + 2rem);margin-inline:-1rem}}.theming__hooks{border-block-start:var(--docs-border);grid-template-columns:1fr;display:grid;&>li{gap:var(--sh-space-sm);padding:var(--sh-space-md);flex-direction:column;display:flex;&:not(:first-child){border-block-start:var(--docs-border)}&:nth-child(2){background-color:var(--docs-color-pink)}&:nth-child(3){background-color:var(--docs-color-mint)}}& h4{font-family:var(--docs-font-mono);letter-spacing:-.5px;font-size:1.5rem;font-weight:700}& h4+p{font-size:.875rem;font-weight:600}& p+p{color:var(--docs-color-muted);font-size:.875rem;line-height:1.45}& ul{font-family:var(--docs-font-mono);flex-direction:column;gap:3px;margin-block-start:auto;font-size:.75rem;display:flex}}.theming__code{border-block-start:var(--docs-border);grid-area:code}@container (width>=47rem){.theming__notes{flex:1;justify-content:end}.theming__caption small:after{content:""}.theming__specimens{&>li{flex:1}}.theming__hooks{display:flex;&>li{flex:1;&:not(:first-child){border-block-start:0;border-inline-start:var(--docs-border)}}}}@container (width>=75.5rem){.theming__body{grid:"aside main"1fr"aside code"/27.5rem minmax(0,1fr)}.theming__notes{flex:unset}.theming__hooks{flex:1}.theming__code{border-inline-start:var(--docs-border)}}.styles__caption--primitives{border-block-start:var(--docs-border)}.styles__layers{padding:var(--sh-space-lg) 0 0 var(--sh-space-md);flex-direction:column;flex:1;display:flex;& li{gap:var(--sh-space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;&:first-child{--band:var(--sh-color-neutral-80)}&:nth-child(2){--band:var(--docs-color-sky)}&:nth-child(3){--band:var(--docs-color-pink)}&:nth-child(4){--band:var(--docs-color-mint)}&:nth-child(5){--band:var(--sh-color-neutral-0)}}}.styles__layer{gap:var(--sh-space-xs) var(--sh-space-sm);grid:"index name"".description"/auto 1fr;display:grid;& small{font-family:var(--docs-font-mono);color:var(--docs-color-muted);grid-area:index;align-self:end;padding-block:.1ex;font-size:.75rem}& strong{grid-area:name;font-size:.875rem;font-weight:600}& span{color:var(--docs-color-muted);grid-area:description;font-size:.75rem;line-height:1.1}}.styles__arrow{display:none}.styles__band{box-sizing:border-box;min-block-size:3.25rem;padding-inline:var(--sh-space-sm);font-family:var(--docs-font-mono);color:var(--sh-color-neutral-0);background-color:var(--band);border-block-start:var(--docs-border);border-inline-start:var(--docs-border);flex-direction:column;justify-content:center;gap:2px;font-size:.75rem;display:flex;& span:first-child{font-weight:700}li:last-child>&{color:var(--sh-color-neutral-100)}}.styles__foot{padding:calc(var(--sh-space-sm) + var(--sh-space-xs)) var(--sh-space-md) var(--sh-space-md) 0;font-family:var(--docs-font-mono);color:var(--docs-color-muted);text-align:end;font-size:.75rem}.styles__primitives{grid-template-columns:repeat(2,1fr);display:grid;&>li{box-sizing:border-box;gap:var(--sh-space-md);min-block-size:11.25rem;padding:var(--sh-space-md);flex-direction:column;justify-content:space-between;display:flex;&:nth-child(2n){border-inline-start:var(--docs-border)}&:nth-child(n+3){border-block-start:var(--docs-border)}&:nth-child(3){background-color:var(--docs-color-sky)}}& code{letter-spacing:0;font-size:1rem;font-weight:700}}.styles__diagram{--sh-gap:var(--sh-space-sm);box-sizing:border-box;&>*{box-sizing:border-box;background-color:var(--sh-color-neutral-80);border:var(--docs-border)}&.stack>*{block-size:1.75rem}&.cluster{--sh-align:start;&>*{block-size:1.75rem}&>:first-child{inline-size:25%}&>:nth-child(2){inline-size:35%}&>:nth-child(3){inline-size:20%}&>:nth-child(4){inline-size:4.375rem}&>:nth-child(5){inline-size:22%}}&.split{--sh-align:stretch;block-size:6.5rem;&>*{flex:1}}&.flank{--sh-align:center;--sh-flank-size:2.75rem;&>*{block-size:2.75rem}}&.frame{--sh-ratio:3 / 2;block-size:6.5rem;font-family:var(--docs-font-mono);background-color:var(--sh-color-neutral-80);border:var(--docs-border);align-self:center;font-size:.75rem;&>*{background:0 0;border:0}}&.grid{--sh-min-column-size:30%;&>*{block-size:3rem}}}@container (width>=47rem){.styles__layers{padding-block-start:var(--sh-space-lg);& li{gap:calc(var(--sh-space-sm) + var(--sh-space-xs));grid-template-columns:11.875rem minmax(0,1fr) 21.25rem}}.styles__arrow{justify-content:center;align-items:center;display:flex;&:before{content:"";border-block-start:1px solid;flex:.9}&:after{content:"";border:solid;border-width:1px 1px 0 0;block-size:6px;inline-size:6px;margin-inline-start:-4px;transform:rotate(45deg)}}.styles__band{padding-inline:var(--sh-space-lg) var(--sh-space-md);flex-direction:row;justify-content:space-between;align-items:center;font-size:.8125rem}.styles__foot{padding-inline-end:var(--sh-space-lg)}.styles__primitives{grid-template-columns:repeat(3,1fr);&>li{min-block-size:11.875rem;padding:calc(var(--sh-space-sm) * 2.75) var(--sh-space-lg) calc(var(--sh-space-sm) * 2.25);&:nth-child(2n){border-inline-start:0}&:not(:nth-child(3n+1)){border-inline-start:var(--docs-border)}&:nth-child(n+3){border-block-start:0}&:nth-child(n+4){border-block-start:var(--docs-border)}}}}@container (width>=75.5rem){.styles__body{min-block-size:28.875rem}.styles__layers{padding-inline-start:calc(var(--sh-space-lg) + var(--sh-space-xs));& li{grid-template-columns:12.5rem minmax(0,.8fr) minmax(0,1.2fr)}}.styles__band{min-block-size:3.625rem}.styles__primitives{grid-template-columns:repeat(6,1fr);&>li{min-block-size:12.5rem;padding:calc(var(--sh-space-sm) * 2.75) var(--sh-space-md) calc(var(--sh-space-sm) * 2.25);&:not(:first-child){border-inline-start:var(--docs-border)}&:nth-child(n+4){border-block-start:0}}}}.stacks__top{grid:"statement""aside"/minmax(0,1fr);display:grid}.stacks__statement{padding:var(--sh-space-md);letter-spacing:-1.5px;border-block-end:var(--docs-border);flex-direction:column;grid-area:statement;justify-content:center;font-size:clamp(1.875rem,1.54rem + 1.56cqi,2.75rem);font-weight:500;line-height:1.1;display:flex}.stacks__aside{gap:calc(var(--sh-space-sm) * 2.25);grid-area:aside;justify-content:end}.stacks__list{border-block-start:var(--docs-border);grid-template-columns:minmax(0,1fr);display:grid;&>li{box-sizing:border-box;gap:var(--sh-space-md);padding:var(--sh-space-md);flex-direction:column;align-items:start;display:flex;&:not(:first-child){border-block-start:var(--docs-border)}&:nth-child(5){background-color:var(--docs-color-sky)}&:nth-child(8){color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0);display:none}}& h4{letter-spacing:-.3px;font-size:1.25rem;font-weight:500;line-height:1.2}& h4+p{color:var(--docs-color-muted);font-size:.875rem}& code{font-family:var(--docs-font-mono);white-space:nowrap;background-color:var(--sh-color-neutral-100);border:var(--docs-border);padding:5px 6px;font-size:.75rem}& a{gap:var(--sh-space-xs);font-family:var(--docs-font-mono);color:var(--sh-color-neutral-0);background-color:var(--docs-color-sky);align-items:center;padding:5px 7px;font-size:.75rem;text-decoration:none;display:inline-flex}}@container (width>=47rem){.stacks__statement{padding:var(--sh-space-lg)}.stacks__aside{padding:var(--sh-space-lg);justify-content:space-between;& p{max-inline-size:26.25rem}}.stacks__list{grid-template-columns:repeat(4,minmax(0,1fr));&>li{min-block-size:11.875rem;padding-block:calc(var(--sh-space-sm) * 2.5) calc(var(--sh-space-sm) * 2.25);&:not(:first-child){border-block-start:0}&:not(:nth-child(4n+1)){border-inline-start:var(--docs-border)}&:nth-child(n+5){border-block-start:var(--docs-border)}&:nth-child(8){display:flex}& code{margin-block-start:auto}}}}@container (width>=75.5rem){.stacks__top{grid:"aside statement"15rem/27.5rem minmax(0,1fr)}.stacks__statement{padding:var(--sh-space-xl);border-block-end:0;border-inline-start:var(--docs-border)}.stacks__aside{padding:var(--sh-space-xl) var(--sh-space-xl) calc(var(--sh-space-sm) * 3.5) var(--sh-space-lg);flex-direction:column;justify-content:end;align-items:stretch;& p{max-inline-size:none}}.stacks__list{grid-template-columns:repeat(7,minmax(0,1fr));&>li{min-block-size:13.125rem;&:nth-child(n+5){border-block-start:0}&:not(:first-child){border-inline-start:var(--docs-border)}&:nth-child(8){display:none}}}}.quickstart__aside{gap:var(--sh-space-md);border-block-end:var(--docs-border);& p{line-height:1.5}}.quickstart__steps{grid-template-columns:minmax(0,1fr);display:grid;&>li{gap:var(--sh-space-md);padding:var(--sh-space-lg) var(--sh-space-md);flex-direction:column;display:flex;&:not(:first-child){border-block-start:var(--docs-border)}}& p{color:var(--docs-color-muted);line-height:1.5}& code:not(sh-code-block code){font-family:var(--docs-font-mono);font-size:.875em}}.quickstart__title{gap:calc(var(--sh-space-sm) + var(--sh-space-xs) / 2);flex-wrap:wrap;align-items:center;display:flex;& span{font-family:var(--docs-font-mono);color:var(--docs-color-muted);font-size:.75rem}& h4{letter-spacing:-.4px;font-size:1.5rem;font-weight:500;line-height:1.2}}@container (width>=47rem){.quickstart__aside{gap:calc(var(--sh-space-sm) * 6);padding:calc(var(--sh-space-sm) * 3.5) var(--sh-space-lg) var(--sh-space-lg);align-items:center;& h3{max-inline-size:40rem}& p{flex:none;max-inline-size:23.75rem}}.quickstart__steps>li{padding:var(--sh-space-lg)}}@container (width>=75.5rem){.quickstart__steps{grid-template-columns:repeat(2,minmax(0,1fr));&>li:not(:first-child){border-block-start:0;border-inline-start:var(--docs-border)}}}.closing{background-color:var(--sh-color-neutral-100);border-block-start:var(--docs-border);container:closing/inline-size}.closing__cta{grid-template-columns:minmax(0,1fr);display:grid}.closing__pitch{gap:var(--sh-space-lg);padding:calc(var(--sh-space-sm) * 4) var(--sh-space-md) calc(var(--sh-space-sm) * 3.5);background-color:var(--docs-color-mint);flex-direction:column;justify-content:space-between;display:flex;& h2{letter-spacing:-2px;font-size:2.5rem;font-weight:500;line-height:1}& p{font-size:.9375rem}}.closing__actions{border-block-start:var(--docs-border);grid-template-columns:minmax(0,1fr);display:grid;& li:not(:first-child){border-block-start:var(--docs-border)}& a{box-sizing:border-box;gap:var(--sh-space-md);block-size:100%;min-block-size:4.75rem;padding-inline:var(--sh-space-md);color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-100);justify-content:space-between;align-items:center;text-decoration:none;display:flex}& li:first-child a{color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0)}& span{flex-direction:column;gap:2px;display:flex}& strong{font-size:1.25rem;font-weight:500}& small{color:var(--docs-color-muted);font-size:.8125rem}& sh-icon{flex-shrink:0;block-size:1.375rem;inline-size:1.375rem}& li:first-child sh-icon{color:var(--docs-color-sky)}}.closing__wordmark{border-block-start:var(--docs-border);min-block-size:9.375rem;position:relative;overflow:hidden}.closing__word{letter-spacing:-.04em;white-space:nowrap;text-box:trim-both cap alphabetic;font-family:Krona One,monospace;font-size:19.8cqi;line-height:1;position:absolute;inset:auto 0 -.06em .03em}@container closing (width>=47rem){.closing__pitch{padding-inline:var(--sh-space-lg);& h2{font-size:3.25rem}}.closing__actions{grid-template-columns:repeat(3,minmax(0,1fr));& li:not(:first-child){border-block-start:0;border-inline-start:var(--docs-border)}& a{min-block-size:7.5rem;padding:calc(var(--sh-space-sm) * 2.25) calc(var(--sh-space-sm) * 2.5);flex-direction:column;justify-content:space-between;align-items:stretch}& sh-icon{order:-1}}.closing__wordmark{min-block-size:11.25rem}}@container closing (width>=75.5rem){.closing__cta{grid-template-columns:minmax(0,1fr) 27.5rem;min-block-size:18.75rem}.closing__pitch{padding:calc(var(--sh-space-sm) * 4.5) calc(var(--sh-space-sm) * 5) var(--sh-space-xl) var(--sh-space-lg);& h2{font-size:3.75rem}}.closing__actions{border-block-start:0;border-inline-start:var(--docs-border);grid-template-rows:repeat(3,1fr);grid-template-columns:minmax(0,1fr);& li:not(:first-child){border-block-start:var(--docs-border);border-inline-start:0}& a{min-block-size:4.75rem;padding:0 var(--sh-space-lg);flex-direction:row;align-items:center}& sh-icon{order:0}}.closing__wordmark{min-block-size:14.375rem}}.footer{color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0);border-block-start:var(--docs-border);container:footer/inline-size}.footer__inner{gap:calc(var(--sh-space-sm) + var(--sh-space-xs));padding:calc(var(--sh-space-sm) * 2.25) var(--sh-space-md);flex-direction:column;display:flex;& p{font-family:var(--docs-font-mono);color:color-mix(in oklch, currentColor, transparent 25%);font-size:.6875rem}}.footer__links{gap:var(--sh-space-sm) calc(var(--sh-space-md) + var(--sh-space-sm) - 2px);flex-wrap:wrap;font-size:.8125rem;display:flex;& a{color:inherit;text-underline-offset:.2em;text-decoration-color:#0000}& a:hover,& a:focus-visible{text-decoration-color:currentColor}}@container footer (width>=47rem){.footer__inner{padding-inline:var(--sh-space-lg);flex-direction:row;justify-content:space-between;align-items:center}}.sections{padding-block:calc(var(--sh-space-2xl) + var(--sh-space-lg));& ul{gap:calc(var(--sh-space-xl) + var(--sh-space-sm));flex-direction:column;display:flex}& li{container-type:inline-size;&:not(:last-child){border-bottom:var(--docs-border)}}& a{padding:var(--sh-space-xl) var(--sh-space-lg);color:currentColor;text-underline-offset:.2ex;flex-direction:column;justify-content:space-between;text-decoration:underline #0000;transition:text-decoration .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out;display:flex;& strong{font-size:2rem;font-weight:700}& sh-icon{block-size:4rem;inline-size:4rem;display:block;&::part(svg){stroke-width:1px}}}}.clamp-tool{gap:var(--sh-space-lg);margin-block:var(--sh-space-lg);flex-direction:column;display:flex}.clamp-tool__grid{gap:var(--sh-space-md);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.clamp-tool__options{gap:var(--sh-space-lg) var(--sh-space-2xl);flex-wrap:wrap;align-items:end;display:flex}.clamp-tool__root{flex:none;inline-size:14rem;& [slot=start],& [slot=end]{white-space:nowrap}}.clamp-tool__result{margin-block-end:var(--sh-space-lg);display:block}sh-badge{font-family:var(--docs-font-mono);letter-spacing:.5px;font-weight:400}.code-highlight{padding:var(--sh-space-xs) var(--sh-space-sm);font-family:var(--docs-font-mono);color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0);font-size:.75rem;display:inline-flex}}@layer docs.utilities{.gradients{--docs-gradients-text-color:white;--docs-gradients-background-color:oklch(59.2% .0935 251.98);--docs-gradients-background-image:radial-gradient(30% 20% at 96% 2%, oklch(72.49% .075 121.93/.85) 0%, oklch(72.49% .075 121.93/0) 100%), radial-gradient(40% 20% at 58% -5%, oklch(76.02% .0311 178.04/.73) 5%, oklch(76.02% .0311 178.04/0) 100%), radial-gradient(25% 25% at 3% 89%, oklch(78.5% .0276 257.04/.89) 5%, oklch(78.5% .0276 257.04/0) 100%), radial-gradient(10% 35% at 37% 44%, oklch(74.04% .0585 232.41/.65) 30%, oklch(74.04% .0585 232.41/0) 100%), radial-gradient(30% 60% at 68% 39%, oklch(69.84% .1194 136.77) 30%, oklch(69.84% .1194 136.77/0) 100%), radial-gradient(30% 15% at 45% 80%, oklch(69.84% .1194 136.77/.32) 30%, oklch(69.84% .1194 136.77/0) 100%), radial-gradient(10% 15% at 20% 69%, oklch(78.5% .0276 257.04/.42) 0%, oklch(78.5% .0276 257.04/0) 100%), radial-gradient(35% 31% at 110% 75%, oklch(35.52% .1787 275.33/.85) 15%, oklch(35.52% .1787 275.33/0) 100%), radial-gradient(35% 20% at 60% 110%, oklch(35.56% .1683 275.25/.34) 45%, oklch(35.56% .1683 275.25/0) 100%), radial-gradient(60% 40% at 84% 11%, oklch(69.84% .1194 136.77) 35%, oklch(69.84% .1194 136.77/0) 100%), linear-gradient(120deg, oklch(59.65% .0936 250.11) 0%, oklch(72.48% .0639 235.54) 45%, oklch(35.45% .179 274.89) 100%);--docs-gradients-background-noise-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"n\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"5\" numOctaves=\"5\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23n)\"/%3E%3C/svg%3E");--docs-gradients-background-noise-opacity:.3;--docs-gradients-background-image-mix-blend-mode:overlay;z-index:1;color:var(--docs-gradients-text-color);background-color:var(--docs-gradients-background-color);background-image:var(--docs-gradients-background-image);background-size:cover;position:relative;&:before{z-index:-1;pointer-events:none;content:"";background-image:var(--docs-gradients-background-noise-image);mix-blend-mode:var(--docs-gradients-background-image-mix-blend-mode);opacity:var(--docs-gradients-background-noise-opacity);background-repeat:repeat;position:absolute;inset:0}}}@layer shachi.core{:root{--sh-color-neutral-0:oklch(0% 0 0);--sh-color-neutral-10:oklch(12% 0 0);--sh-color-neutral-20:oklch(25% 0 0);--sh-color-neutral-30:oklch(38% 0 0);--sh-color-neutral-40:oklch(49% 0 0);--sh-color-neutral-50:oklch(60% 0 0);--sh-color-neutral-60:oklch(71% 0 0);--sh-color-neutral-70:oklch(80% 0 0);--sh-color-neutral-80:oklch(89% 0 0);--sh-color-neutral-90:oklch(97% 0 0);--sh-color-neutral-100:oklch(100% 0 0);--sh-color-info-10:oklch(26% .07 254.88);--sh-color-info-20:oklch(43% .15 257);--sh-color-info-50:oklch(49% .17 256.87);--sh-color-info-80:oklch(84% .08 252.15);--sh-color-info-90:oklch(96% .02 254.03);--sh-color-success-10:oklch(28% .06 154.91);--sh-color-success-20:oklch(41% .11 150.44);--sh-color-success-50:oklch(57% .16 149.63);--sh-color-success-80:oklch(85% .15 155.54);--sh-color-success-90:oklch(96% .02 160.51);--sh-color-warning-10:oklch(29% .06 54.25);--sh-color-warning-20:oklch(50% .15 47.56);--sh-color-warning-50:oklch(68% .16 51.65);--sh-color-warning-80:oklch(85% .1 57.29);--sh-color-warning-90:oklch(97% .02 58.54);--sh-color-danger-10:oklch(27% .09 16.95);--sh-color-danger-20:oklch(50% .19 21.64);--sh-color-danger-50:oklch(55% .22 22.1);--sh-color-danger-80:oklch(74% .16 11.27);--sh-color-danger-90:oklch(95% .03 6.68);--sh-space-xs:4px;--sh-space-sm:8px;--sh-space-md:16px;--sh-space-lg:24px;--sh-space-xl:32px;--sh-space-2xl:64px;--sh-border-radius-xs:4px;--sh-border-radius-sm:8px;--sh-border-radius-pill:calc(infinity * 1px);--sh-border-radius-circle:50%;--sh-font-family:system-ui, sans-serif;--sh-focus-outline-width:2px;--sh-focus-outline-style:dashed;--sh-focus-outline-color:var(--sh-color-neutral-0);--sh-focus-outline-offset:2px;--sh-focus-outline:var(--sh-focus-outline-width) var(--sh-focus-outline-style) var(--sh-focus-outline-color)}*{margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit;color:currentColor;word-spacing:inherit;letter-spacing:inherit}a,button,input,label,select,summary,textarea,[role=button]{touch-action:manipulation}textarea{scrollbar-gutter:stable}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol[role=list],ul[role=list]{list-style:none}@keyframes hideBriefly{0%,to{visibility:hidden}}:not(:defined){animation:2s hideBriefly}:target{scroll-margin-block-start:2em}:focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}body{box-sizing:border-box;min-block-size:100dvh;font-family:var(--sh-font-family);margin:0}@media (prefers-reduced-motion:no-preference){:root{interpolate-size:allow-keywords}html{scroll-behavior:smooth}}}@layer shachi.elements{a{color:currentColor;text-underline-offset:.3ex;text-decoration:underline}a:not(:is(:hover,:focus)){text-decoration-color:color-mix(in srgb, currentColor, transparent 75%)}}@layer shachi.compositions{.cluster{gap:var(--sh-gap,var(--sh-space-md));align-items:var(--sh-align,center);justify-content:var(--sh-justify,flex-start);flex-wrap:wrap;display:flex}.flank{gap:var(--sh-gap,var(--sh-space-md));align-items:var(--sh-align,flex-start);flex-wrap:wrap;display:flex}.flank>*{flex-grow:1;flex-basis:var(--sh-flank-size,auto)}.flank>:last-child,.flank.flank-end>:first-child{min-inline-size:var(--sh-flank-content-min,50%);flex-grow:999;flex-basis:0}.flank.flank-end>:last-child{flex-grow:1;flex-basis:var(--sh-flank-size,auto);min-inline-size:auto}.frame{aspect-ratio:var(--sh-ratio,1);justify-content:center;align-items:center;display:flex;overflow:hidden}.frame>:is(img,video,iframe,canvas,svg),.frame>picture>img{object-fit:cover;block-size:100%;inline-size:100%}.grid{grid-template-columns:repeat(auto-fit, minmax(min(var(--sh-min-column-size,20ch), 100%), 1fr));gap:var(--sh-gap,var(--sh-space-md));align-items:var(--sh-align,stretch);display:grid}.grid-span{grid-column:1/-1}.split{flex-direction:var(--sh-split-direction,row);gap:var(--sh-gap,var(--sh-space-md));align-items:var(--sh-align,center);flex-wrap:wrap;justify-content:space-between;display:flex}.stack{gap:var(--sh-gap,var(--sh-space-md));align-items:var(--sh-align,stretch);flex-direction:column;display:flex}}@layer shachi.themes{:focus-visible{--sh-focus-outline-style:dashed}sh-avatar{--sh-avatar-size:2.5rem;--sh-avatar-color:var(--sh-color-neutral-0);--sh-avatar-background-color:var(--sh-color-neutral-90);inline-size:var(--sh-avatar-size);block-size:var(--sh-avatar-size);color:var(--sh-avatar-color);background-color:var(--sh-avatar-background-color);border-radius:var(--sh-border-radius-circle);border:2px solid;font-weight:600;&::part(icon){--icon-size:calc(var(--sh-avatar-size) / 2)}&::part(characters){text-transform:uppercase;line-height:1}&::part(characters-1),&::part(characters-2){font-size:calc(var(--sh-avatar-size) / 2.5)}&::part(characters-3){font-size:calc(var(--sh-avatar-size) / 3.5)}&::part(characters-4){font-size:calc(var(--sh-avatar-size) / 4.5)}&::part(characters-5){font-size:calc(var(--sh-avatar-size) / 5.5)}}sh-badge{--sh-badge-color:var(--sh-color-neutral-0);--sh-badge-background-color:var(--sh-color-neutral-100);--sh-badge-border-color:var(--sh-badge-color);--sh-badge-remove-background-color-focus:var(--sh-badge-color);box-sizing:border-box;gap:var(--sh-space-xs);block-size:2em;min-inline-size:2em;padding-inline:var(--sh-space-sm);color:var(--sh-badge-color);background-color:var(--sh-badge-background-color);border:2px solid var(--sh-badge-border-color);font-size:.75rem;font-weight:600;line-height:1;&::part(remove){block-size:100%;padding-inline:var(--sh-space-xs);background-color:var(--sh-badge-background-color);border:1px solid var(--sh-badge-background-color);margin-inline-end:calc(var(--sh-space-sm) * -1)}&::part(remove):hover,&::part(remove):focus-visible{color:var(--sh-badge-background-color);background-color:var(--sh-badge-color)}&::part(remove):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&[variant=highlight]{--sh-badge-color:var(--sh-color-neutral-100);--sh-badge-background-color:var(--sh-color-neutral-0);--sh-badge-border-color:var(--sh-color-neutral-0)}&[variant=info]{--sh-badge-color:var(--sh-color-info-10);--sh-badge-background-color:var(--sh-color-info-80);--sh-badge-border-color:var(--sh-color-info-20)}&[variant=success]{--sh-badge-color:var(--sh-color-success-10);--sh-badge-background-color:var(--sh-color-success-80);--sh-badge-border-color:var(--sh-color-success-20)}&[variant=warning]{--sh-badge-color:var(--sh-color-warning-10);--sh-badge-background-color:var(--sh-color-warning-80);--sh-badge-border-color:var(--sh-color-warning-20)}&[variant=danger]{--sh-badge-color:var(--sh-color-danger-10);--sh-badge-background-color:var(--sh-color-danger-80);--sh-badge-border-color:var(--sh-color-danger-20)}}@media (prefers-reduced-motion:no-preference){sh-badge::part(remove){transition:color .1s ease-in-out,background-color .1s ease-in-out}}sh-breadcrumb{font-size:.875rem}sh-breadcrumb-item{&::part(label){color:currentColor;text-decoration:underline;text-decoration-color:color-mix(in oklch, currentColor, transparent 75%);text-underline-offset:.3ex}&:not([current])::part(label):hover{text-decoration-color:currentColor}&::part(label):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&[current]::part(label){cursor:default;text-decoration:none}&::part(separator){--icon-size:1.25em;color:var(--sh-color-neutral-40)}}sh-button{&::part(button){box-sizing:border-box;min-block-size:2.5rem;color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);box-shadow:4px 4px 0 0 var(--sh-color-neutral-0);padding-inline:1rem;font-size:.875rem;font-weight:600;position:relative}&::part(button):hover{background-color:var(--sh-color-neutral-80)}&::part(button):active{box-shadow:1px 1px 0 0 var(--sh-color-neutral-0);translate:2px 2px}&::part(button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset);box-shadow:1px 1px 0 0 var(--sh-color-neutral-0)}&[loading]{&::part(label),&::part(start),&::part(end){visibility:hidden}}&::part(spinner){position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}&::part(toggle-indicator){opacity:.15;background-color:currentColor;block-size:.25em;inline-size:1em;position:absolute;inset-block-end:.25em;inset-inline-start:calc(50% - .5em)}&[toggle=on]::part(toggle-indicator){opacity:1}&[size=sm]::part(button){min-block-size:2rem;padding-inline:.75rem;font-size:.75rem}&[size=lg]::part(button){min-block-size:3.5rem;padding-inline:1.5rem;font-size:1.125rem}&[variant=primary]::part(button){color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-30)}&[variant=primary]::part(button):hover{background-color:var(--sh-color-neutral-20)}&[variant=destructive]::part(button){color:var(--sh-color-neutral-100);background-color:var(--sh-color-danger-50);border-color:var(--sh-color-danger-10);box-shadow:4px 4px 0 0 var(--sh-color-danger-10)}&[variant=destructive]::part(button):hover{background-color:var(--sh-color-danger-20)}&[variant=destructive]::part(button):active{box-shadow:1px 1px 0 0 var(--sh-color-danger-10)}&[appearance=outline]::part(button){color:var(--sh-color-neutral-30);border-color:var(--sh-color-neutral-50);box-shadow:unset;background-color:#0000}&[appearance=outline]::part(button):hover{background-color:var(--sh-color-neutral-90)}&[appearance=outline]::part(button):active{box-shadow:1px 1px 0 0 var(--sh-color-neutral-50);translate:1px 1px}&[appearance=text]::part(button){color:var(--sh-color-neutral-40);box-shadow:none;background-color:#0000;border-color:#0000}&[appearance=text]::part(button):hover{background-color:var(--sh-color-neutral-90)}&[appearance=text]::part(button):active{box-shadow:none;translate:0}&[appearance=outline][variant=primary]::part(button){color:var(--sh-color-neutral-0);border-color:var(--sh-color-neutral-0)}&[appearance=outline][variant=primary]::part(button):hover{background-color:var(--sh-color-neutral-70)}&[appearance=outline][variant=primary]::part(button):active{box-shadow:1px 1px 0 0 var(--sh-color-neutral-0)}&[appearance=outline][variant=destructive]::part(button){color:var(--sh-color-danger-20);border-color:var(--sh-color-danger-50)}&[appearance=outline][variant=destructive]::part(button):hover{background-color:var(--sh-color-danger-90)}&[appearance=outline][variant=destructive]::part(button):active{box-shadow:1px 1px 0 0 var(--sh-color-danger-20)}&[appearance=text][variant=primary]::part(button){color:var(--sh-color-neutral-0)}&[appearance=text][variant=primary]::part(button):hover{background-color:var(--sh-color-neutral-80)}&[appearance=text][variant=destructive]::part(button){color:var(--sh-color-danger-20)}&[appearance=text][variant=destructive]::part(button):hover{background-color:var(--sh-color-danger-90)}&[disabled]::part(button){pointer-events:none;opacity:.5}&[disabled]::part(button):active,&[loading]::part(button):active{translate:0}&[icon-only]::part(button){aspect-ratio:1;padding-inline:0}}@media (prefers-reduced-motion:no-preference){sh-button::part(button){transition:background-color .1s,translate 50ms ease-in-out,box-shadow 50ms ease-in-out}}sh-button-group{& :is(sh-button,sh-dropdown):focus-within{z-index:1}&>sh-button::part(button):active,&>sh-dropdown>sh-button[slot=trigger]::part(button):active{translate:0}}sh-button-group[orientation=vertical]{&>sh-button::part(button),&>sh-dropdown>sh-button[slot=trigger]::part(button){inline-size:100%}}sh-button-group[orientation=vertical]{&>sh-button:not(:first-child)::part(button),&>sh-dropdown:not(:first-child)>sh-button[slot=trigger]::part(button){margin-block-start:-2px}}sh-button-group:not([orientation=vertical]){&>sh-button:not(:first-child)::part(button),&>sh-dropdown:not(:first-child)>sh-button[slot=trigger]::part(button){margin-inline-start:-2px}}sh-button-group[orientation=vertical]{&>sh-button:first-child:not(:last-child)::part(button),&>sh-dropdown:first-child:not(:last-child)>sh-button[slot=trigger]::part(button){border-end-end-radius:0;border-end-start-radius:0}&>sh-button:not(:first-child):not(:last-child)::part(button),&>sh-dropdown:not(:first-child):not(:last-child)>sh-button[slot=trigger]::part(button){border-radius:0}&>sh-button:last-child:not(:first-child)::part(button),&>sh-dropdown:last-child:not(:first-child)>sh-button[slot=trigger]::part(button){border-start-start-radius:0;border-start-end-radius:0}}sh-button-group:not([orientation=vertical]){&>sh-button:first-child:not(:last-child)::part(button),&>sh-dropdown:first-child:not(:last-child)>sh-button[slot=trigger]::part(button){border-start-end-radius:0;border-end-end-radius:0}&>sh-button:not(:first-child):not(:last-child)::part(button),&>sh-dropdown:not(:first-child):not(:last-child)>sh-button[slot=trigger]::part(button){border-radius:0}&>sh-button:last-child:not(:first-child)::part(button),&>sh-dropdown:last-child:not(:first-child)>sh-button[slot=trigger]::part(button){border-start-start-radius:0;border-end-start-radius:0}}sh-callout{--sh-callout-text-color:var(--sh-color-neutral-0);--sh-callout-background-color:var(--sh-color-neutral-80);--sh-callout-accent-color:var(--sh-callout-text-color);--sh-callout-remove-color:var(--sh-callout-text-color);--sh-callout-remove-background-color:var(--sh-callout-background-color);--sh-callout-remove-color-focus:var(--sh-color-neutral-100);--sh-callout-remove-background-color-focus:var(--sh-callout-text-color);box-sizing:border-box;padding:var(--sh-space-md);color:var(--sh-callout-text-color);background-color:var(--sh-callout-background-color);border-inline-start:4px solid var(--sh-callout-accent-color);border-radius:var(--sh-border-radius-xs);&::part(icon){color:var(--sh-callout-accent-color);font-size:1.5em}&::part(remove){background-color:var(--sh-callout-remove-background-color);border-radius:var(--sh-border-radius-xs)}&::part(remove):hover,&::part(remove):focus-visible{color:var(--sh-callout-remove-color-focus);background-color:var(--sh-callout-remove-background-color-focus)}&::part(remove):focus-visible{outline:var(--sh-focus-outline);outline-color:var(--sh-callout-remove-background-color-focus);outline-offset:var(--sh-focus-outline-offset)}&[variant=info]{--sh-callout-text-color:var(--sh-color-info-10);--sh-callout-background-color:var(--sh-color-info-90);--sh-callout-accent-color:var(--sh-color-info-50)}&[variant=success]{--sh-callout-text-color:var(--sh-color-success-10);--sh-callout-background-color:var(--sh-color-success-90);--sh-callout-accent-color:var(--sh-color-success-50)}&[variant=warning]{--sh-callout-text-color:var(--sh-color-warning-10);--sh-callout-background-color:var(--sh-color-warning-90);--sh-callout-accent-color:var(--sh-color-warning-50)}&[variant=danger]{--sh-callout-text-color:var(--sh-color-danger-10);--sh-callout-background-color:var(--sh-color-danger-90);--sh-callout-accent-color:var(--sh-color-danger-50)}}@media (prefers-reduced-motion:no-preference){sh-callout::part(remove){transition:color .1s ease-in-out,background-color .1s ease-in-out}}sh-card{--sh-card-background-color:var(--sh-color-neutral-100);--sh-card-border-color:var(--sh-color-neutral-0);--sh-card-start-media-size:12rem;background-color:var(--sh-card-background-color);border:2px solid var(--sh-card-border-color);border-radius:var(--sh-border-radius-xs);box-shadow:4px 4px 0 0 var(--sh-card-border-color);&::part(start),&::part(body),&::part(end){padding:var(--sh-space-md)}&:state(start-media)::part(start){padding:0;overflow:hidden}&:state(start-media)>img[slot=start],&:state(start-media)>picture[slot=start],&:state(start-media)>video[slot=start],&:state(start-media)>svg[slot=start]{inline-size:100%;block-size:var(--sh-card-start-media-size);object-fit:cover;display:block}&[orientation=horizontal]:state(start-media)>img[slot=start],&[orientation=horizontal]:state(start-media)>picture[slot=start],&[orientation=horizontal]:state(start-media)>video[slot=start],&[orientation=horizontal]:state(start-media)>svg[slot=start]{inline-size:var(--sh-card-start-media-size);block-size:100%}&:state(with-start)::part(start){border-block-end:2px solid var(--sh-card-border-color)}&:state(with-end)::part(end){border-block-start:2px solid var(--sh-card-border-color)}&[orientation=horizontal]:state(with-start)::part(start){border-block-end:0;border-inline-end:2px solid var(--sh-card-border-color)}&[orientation=horizontal]:state(with-end)::part(end){border-block-start:0;border-inline-start:2px solid var(--sh-card-border-color)}}sh-carousel{--sh-carousel-border-color:var(--sh-color-neutral-0);--sh-carousel-surface-color:var(--sh-color-neutral-100);--sh-carousel-marker-color:var(--sh-color-neutral-60);--sh-carousel-marker-active-color:var(--sh-color-neutral-0);--gap:var(--sh-space-md);--padding:calc(var(--sh-focus-outline-width) + var(--sh-focus-outline-offset));gap:var(--sh-space-sm);font-size:.875rem;&::part(items){border:2px solid var(--sh-carousel-border-color);border-radius:var(--sh-border-radius-xs)}&::part(controls){gap:var(--sh-space-sm)}&::part(button){min-block-size:2.5rem;min-inline-size:2.5rem;color:var(--sh-color-neutral-0);background-color:var(--sh-carousel-surface-color);border:2px solid var(--sh-carousel-border-color);border-radius:var(--sh-border-radius-xs)}&::part(button):hover{background-color:var(--sh-color-neutral-80)}&::part(button):active{box-shadow:1px 1px 0 0 var(--sh-color-neutral-0);translate:1px 1px}&::part(button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset);box-shadow:1px 1px 0 0 var(--sh-color-neutral-0)}&::part(button-disabled){pointer-events:none;border-color:var(--sh-color-neutral-60);opacity:.5}&::part(pagination){gap:var(--sh-space-xs)}&::part(marker){color:var(--sh-carousel-marker-color);border-radius:var(--sh-border-radius-circle);opacity:.55}&::part(marker):hover{color:var(--sh-carousel-marker-active-color);opacity:1}&::part(marker):focus-visible{outline:var(--sh-focus-outline);outline-offset:0}&::part(marker-active){color:var(--sh-carousel-marker-active-color);opacity:1}&::part(thumbnail){border:2px solid var(--sh-carousel-border-color);border-radius:var(--sh-border-radius-xs);block-size:2.5rem;inline-size:2.5rem}}@media (forced-colors:active){sh-carousel{&::part(marker){color:buttontext}&::part(thumbnail){border-color:buttontext}&::part(marker-active){color:highlight}&::part(button-disabled){color:graytext;border-color:graytext}}}@media (prefers-reduced-motion:no-preference){sh-carousel{&::part(button){transition:background-color .1s,translate 50ms ease-in-out,box-shadow 50ms ease-in-out}&::part(marker){transition:color .1s}}}sh-carousel-item{--sh-carousel-item-border-color:var(--sh-color-neutral-0);--sh-carousel-item-surface-color:var(--sh-color-neutral-100);padding:var(--sh-space-md);color:var(--sh-color-neutral-0);background-color:var(--sh-carousel-item-surface-color);border:2px solid var(--sh-carousel-item-border-color);border-radius:var(--sh-border-radius-xs)}sh-checkbox{--sh-checkbox-color:var(--sh-color-neutral-0);--sh-checkbox-background-color:var(--sh-color-neutral-100);--sh-checkbox-border-color:var(--sh-color-neutral-0);font-size:.875rem;&::part(base){gap:.625rem}&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(control){block-size:1.25rem;inline-size:1.25rem;color:var(--sh-checkbox-color);background-color:var(--sh-checkbox-background-color);border:2px solid var(--sh-checkbox-border-color);border-radius:var(--sh-border-radius-xs)}&:state(checked)::part(control),&:state(indeterminate)::part(control){color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0)}&:state(focused)::part(control){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&:state(disabled){pointer-events:none;opacity:.5}&:state(user-invalid)::part(control){--sh-checkbox-border-color:var(--sh-color-danger-20)}}@media (pointer:coarse){sh-checkbox{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-checkbox::part(control){transition:background-color .1s,border-color .1s}}sh-checkbox-group{font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(group){gap:.625rem;margin-block-start:.25rem}&[disabled]{pointer-events:none;opacity:.5}}sh-code-block{--token-comment:var(--sh-color-neutral-40);--token-string:var(--sh-color-success-20);--token-keyword:var(--sh-color-info-50);--token-number:var(--sh-color-warning-20);--token-boolean:var(--sh-color-warning-20);--token-function:var(--sh-color-info-20);--token-operator:var(--sh-color-neutral-30);--token-punctuation:var(--sh-color-neutral-30);--token-tag:var(--sh-color-danger-20);--token-attr-name:var(--sh-color-warning-20);--token-attr-value:var(--sh-color-success-20);--token-property:var(--sh-color-info-50);--token-selector:var(--sh-color-danger-20);--token-at-rule:var(--sh-color-info-50);--token-type:color-mix(in oklch, var(--sh-color-info-50) 55%, var(--sh-color-danger-50));--token-regexp:var(--sh-color-danger-20);--token-variable:var(--sh-color-warning-20);--token-inserted:var(--sh-color-success-20);--token-deleted:var(--sh-color-danger-20);color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-90);border:2px solid var(--sh-color-neutral-0);font-size:.875rem;&::part(pre){padding:1rem;line-height:1.5}&::part(pre):focus-visible{outline:var(--sh-focus-outline);outline-offset:calc(var(--sh-focus-outline-offset) * -1)}&::part(toolbar){gap:var(--sh-space-xs);padding:var(--sh-space-xs);background-color:var(--sh-color-neutral-100);border-block-end:2px solid var(--sh-color-neutral-0)}&::part(label){padding-inline:var(--sh-space-xs);color:var(--sh-color-neutral-20);font-family:monospace;font-size:.8125rem;font-weight:700}&::part(copy-button){min-block-size:2rem;min-inline-size:2rem;padding:var(--sh-space-xs);color:var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);background-color:#0000}&::part(copy-button):hover{background-color:var(--sh-color-neutral-80)}&::part(copy-button):focus-visible{outline:var(--sh-focus-outline);outline-offset:calc(var(--sh-focus-outline-offset) * -1)}&::part(copy-icon){--icon-size:1.125rem}}@media (prefers-reduced-motion:no-preference){sh-code-block::part(copy-button){transition:background-color .1s}}sh-code-example{--sh-code-example-border-color:var(--sh-color-neutral-0);--sh-code-example-background-color:var(--sh-color-neutral-100);background-color:var(--sh-code-example-background-color);border:2px solid var(--sh-code-example-border-color);border-radius:var(--sh-border-radius-xs);box-shadow:4px 4px 0 0 var(--sh-code-example-border-color);&::part(preview){padding:var(--sh-space-lg)}&::part(code-toolbar){padding:var(--sh-space-xs);background-color:var(--sh-color-neutral-100);border-block-end:2px solid var(--sh-code-example-border-color)}&::part(copy-button){min-block-size:2rem;min-inline-size:2rem;padding:var(--sh-space-xs);color:var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);background-color:#0000}&::part(copy-button):hover{background-color:var(--sh-color-neutral-80)}&::part(copy-button):focus-visible{outline:var(--sh-focus-outline);outline-offset:calc(var(--sh-focus-outline-offset) * -1)}&::part(copy-icon){--icon-size:1.125rem}&::part(code){border-block-start:2px solid var(--sh-code-example-border-color)}&::part(code-block){--font-family:monospace;--token-comment:var(--sh-color-neutral-40);--token-string:var(--sh-color-success-20);--token-keyword:var(--sh-color-info-50);--token-number:var(--sh-color-warning-20);--token-boolean:var(--sh-color-warning-20);--token-function:var(--sh-color-info-20);--token-operator:var(--sh-color-neutral-30);--token-punctuation:var(--sh-color-neutral-30);--token-tag:var(--sh-color-danger-20);--token-attr-name:var(--sh-color-warning-20);--token-attr-value:var(--sh-color-success-20);--token-property:var(--sh-color-info-50);--token-selector:var(--sh-color-danger-20);--token-at-rule:var(--sh-color-info-50);--token-type:color-mix(in oklch, var(--sh-color-info-50) 55%, var(--sh-color-danger-50));--token-regexp:var(--sh-color-danger-20);--token-variable:var(--sh-color-warning-20);--token-inserted:var(--sh-color-success-20);--token-deleted:var(--sh-color-danger-20);color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-90);font-size:.875rem}&::part(code-pre){padding:1rem;line-height:1.5}&::part(code-pre):focus-visible{outline:var(--sh-focus-outline);outline-offset:calc(var(--sh-focus-outline-offset) * -1)}&::part(toggle){padding-block:var(--sh-space-xs);padding-inline:var(--sh-space-md);color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-100);border-block-start:2px solid var(--sh-code-example-border-color);font-weight:700}&::part(toggle):hover{background-color:var(--sh-color-neutral-90)}&::part(toggle-icon){--icon-size:1.125rem}}@media (prefers-reduced-motion:no-preference){sh-code-example::part(copy-button),sh-code-example::part(toggle){transition:background-color .1s}}sh-combobox{--sh-input-color:var(--sh-color-neutral-0);--sh-input-background-color:var(--sh-color-neutral-100);--sh-input-border-color:var(--sh-color-neutral-0);--sh-input-placeholder-color:var(--sh-color-neutral-40);font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(visual-box){min-block-size:2.5rem;min-inline-size:20rem;color:var(--sh-input-color);background-color:var(--sh-input-background-color);border:2px solid var(--sh-input-border-color);border-radius:var(--sh-border-radius-xs);padding-block:.375rem;padding-inline:.75rem}&:state(focused)::part(visual-box){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(input){color:var(--sh-input-color)}&::part(chevron){block-size:1.25em;inline-size:1.25em;color:var(--sh-color-neutral-30)}&::part(clear-button){block-size:1.5em;inline-size:1.5em;color:var(--sh-color-neutral-30);border-radius:var(--sh-border-radius-xs)}&::part(clear-button):hover{color:var(--sh-input-color)}&::part(clear-button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&[disabled]::part(visual-box){pointer-events:none;opacity:.5}&[readonly]::part(visual-box){background-color:var(--sh-color-neutral-90)}&:state(user-invalid)::part(visual-box){--sh-input-border-color:var(--sh-color-danger-20)}&::part(tag){gap:var(--sh-space-xs);block-size:1.75em;padding-inline:var(--sh-space-sm) var(--sh-space-xs);color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);font-size:.75rem;font-weight:600;line-height:1}&::part(tag-remove){block-size:1.25em;inline-size:1.25em;color:var(--sh-color-neutral-100);border-radius:var(--sh-border-radius-xs)}&::part(tag-remove):hover,&::part(tag-remove):focus-visible{color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-90)}&::part(listbox){color:var(--sh-input-color);background-color:var(--sh-input-background-color);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs)}&::part(option){padding-block:.5rem;padding-inline:.75rem}&::part(option):hover,&::part(active){color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0)}&::part(selected){font-weight:600}&::part(disabled){color:var(--sh-color-neutral-40);background-color:#0000}&::part(no-results){color:var(--sh-color-neutral-30);padding-block:.5rem;padding-inline:.75rem}}@media (pointer:coarse){sh-combobox{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-combobox::part(visual-box){transition:background-color .1s,border-color .1s}}sh-content-switcher{--sh-content-switcher-background-color:var(--sh-color-neutral-100);--sh-content-switcher-border-color:var(--sh-color-neutral-0);font-size:.875rem;&::part(switcher){gap:var(--sh-space-xs);padding:var(--sh-space-xs);background-color:var(--sh-content-switcher-background-color);border:2px solid var(--sh-content-switcher-border-color);border-radius:var(--sh-border-radius-xs)}}sh-content-switcher-item{--sh-content-switcher-item-color:var(--sh-color-neutral-0);--sh-content-switcher-item-background-color:var(--sh-color-neutral-100);color:var(--sh-content-switcher-item-color);background-color:var(--sh-content-switcher-item-background-color);border-radius:var(--sh-border-radius-xs);flex:1 1 0;padding-block:.4rem;padding-inline:.9rem;font-size:.875rem;font-weight:600;&:hover{background-color:var(--sh-color-neutral-80)}&:focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&:state(active){color:var(--sh-content-switcher-item-background-color);background-color:var(--sh-content-switcher-item-color);&:hover{background-color:var(--sh-color-neutral-10)}}&:state(disabled){pointer-events:none;opacity:.5}}@media (prefers-reduced-motion:no-preference){sh-content-switcher-item{transition:color .1s,background-color .1s}}sh-copy{--sh-copy-color:var(--sh-color-neutral-0);--sh-copy-background-color:var(--sh-color-neutral-100);--sh-copy-border-color:var(--sh-color-neutral-0);&::part(button){box-sizing:border-box;min-block-size:2.5rem;min-inline-size:2.5rem;padding-inline:var(--sh-space-sm);color:var(--sh-copy-color);background-color:var(--sh-copy-background-color);border-radius:var(--sh-border-radius-xs);border:0;font-size:.875rem;font-weight:600}&::part(button):hover{background-color:var(--sh-color-neutral-80)}&::part(button):active{translate:1px 1px}&::part(button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(icon){--icon-size:1.125rem}&:state(copied){--sh-copy-color:var(--sh-color-neutral-100);--sh-copy-background-color:var(--sh-color-success-20)}&:state(error){--sh-copy-color:var(--sh-color-neutral-100);--sh-copy-background-color:var(--sh-color-danger-50)}&:state(copied)::part(button):hover,&:state(error)::part(button):hover{background-color:var(--sh-copy-background-color)}&[disabled]::part(button){pointer-events:none;opacity:.5}&[disabled]::part(button):active{translate:0}}@media (prefers-reduced-motion:no-preference){sh-copy::part(button){transition:color .1s,background-color .1s,translate 50ms ease-in-out,box-shadow 50ms ease-in-out}}sh-details{--sh-details-border-color:var(--sh-color-neutral-0);&::part(details){border:2px solid var(--sh-details-border-color);border-radius:var(--sh-border-radius-xs);box-shadow:4px 4px 0 0 var(--sh-details-border-color)}&::part(summary){cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;font-weight:700;display:flex;position:relative}&::part(summary)::-webkit-details-marker,&::part(summary)::marker{display:none}&::part(summary):focus-visible{outline:var(--sh-focus-outline);outline-offset:calc(var(--sh-focus-outline-offset) + 2px)}&[icon-position=start]::part(summary){justify-content:start}&::part(icon){--icon-size:1.25em;flex:none;justify-content:center;align-items:center;display:inline-flex}&[open]::part(icon){transform:rotate(90deg)}&::part(content){border-block-start:2px solid var(--sh-details-border-color);padding:1rem}&::part(details)::details-content{opacity:0;block-size:0;overflow-y:clip}&[open]::part(details)::details-content{opacity:1;block-size:auto}}@media (prefers-reduced-motion:no-preference){sh-details{--sh-details-content-opening-duration:.2s;&::part(details)::details-content{transition:content-visibility var(--sh-details-content-opening-duration,0) allow-discrete, opacity var(--sh-details-content-opening-duration,0), block-size var(--sh-details-content-opening-duration,0)}}sh-details::part(icon){transition:transform .3s}}sh-dialog{--spacing:var(--sh-space-lg);--width:min(30rem, calc(100dvw - 2rem));--height:fit-content;--sh-dialog-border-color:var(--sh-color-neutral-0);--sh-dialog-background-color:var(--sh-color-neutral-100);--sh-dialog-text-color:var(--sh-color-neutral-0);--sh-dialog-backdrop-color:oklch(0% 0 0/.35);&::part(dialog){color:var(--sh-dialog-text-color);background-color:var(--sh-dialog-background-color);border:2px solid var(--sh-dialog-border-color);border-radius:var(--sh-border-radius-sm);box-shadow:4px 4px 0 0 var(--sh-dialog-border-color)}&::part(dialog)::backdrop{background-color:var(--sh-dialog-backdrop-color)}&::part(header){padding-block:calc(var(--spacing) / 2);padding-inline:var(--spacing) calc(var(--spacing) / 2)}&::part(actions){gap:var(--sh-space-xs)}&::part(body){padding-block:calc(var(--spacing) / 2) var(--spacing);padding-inline:var(--spacing)}&:not(:state(has-header))::part(body){padding-block-start:var(--spacing)}&:state(has-footer)::part(body){padding-block-end:calc(var(--spacing) / 2)}&::part(footer){padding-block:calc(var(--spacing) / 2);padding-inline:calc(var(--spacing) / 2)}&::part(close-button){block-size:2.25rem;inline-size:2.25rem;color:var(--sh-dialog-text-color);border-radius:var(--sh-border-radius-xs)}&::part(close-button):hover{background-color:var(--sh-color-neutral-90)}&::part(close-button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&[placement=block-start]::part(dialog),&[placement=block-end]::part(dialog),&[placement=inline-start]::part(dialog),&[placement=inline-end]::part(dialog),&[placement=full]::part(dialog){border-radius:0}}@media (prefers-reduced-motion:no-preference){sh-dialog{--sh-dialog-show-duration:.15s;&::part(dialog){transition:opacity var(--sh-dialog-show-duration) ease, scale var(--sh-dialog-show-duration) ease, translate var(--sh-dialog-show-duration) ease, display var(--sh-dialog-show-duration) allow-discrete, overlay var(--sh-dialog-show-duration) allow-discrete}&::part(dialog)::backdrop{transition:opacity var(--sh-dialog-show-duration) ease, overlay var(--sh-dialog-show-duration) allow-discrete;@starting-style{opacity:0}}&[placement=center]::part(dialog){@starting-style{opacity:0;scale:.92}}&[placement=block-start]::part(dialog){@starting-style{opacity:0;translate:0 -75%}}&[placement=block-end]::part(dialog){@starting-style{opacity:0;translate:0 75%}}&[placement=inline-start]::part(dialog){@starting-style{opacity:0;translate:-75%}}&[placement=inline-start]:dir(rtl)::part(dialog){@starting-style{translate:75%}}&[placement=inline-end]::part(dialog){@starting-style{opacity:0;translate:75%}}&[placement=inline-end]:dir(rtl)::part(dialog){@starting-style{translate:-75%}}&[placement=full]::part(dialog){@starting-style{opacity:0;scale:.96}}}}sh-divider{--color:var(--sh-color-neutral-0);--thickness:2px;&[orientation=horizontal]{margin-block:var(--sh-space-md)}&[orientation=vertical]{margin-inline:var(--sh-space-md)}&::part(symbol){line-height:1}}sh-dropdown{--offset:4px;--sh-dropdown-border-color:var(--sh-color-neutral-0);--sh-dropdown-background-color:var(--sh-color-neutral-100);--sh-dropdown-text-color:var(--sh-color-neutral-0);--sh-dropdown-shadow-color:var(--sh-color-neutral-0);&::part(menu){box-sizing:border-box;max-block-size:min(24rem,100dvb - 2rem);min-inline-size:10rem;max-inline-size:24rem;padding:var(--sh-space-xs);font-family:var(--sh-font-family);color:var(--sh-dropdown-text-color);background-color:var(--sh-dropdown-background-color);border:2px solid var(--sh-dropdown-border-color);border-radius:var(--sh-border-radius-xs);box-shadow:4px 4px 0 0 var(--sh-dropdown-shadow-color);font-size:.875rem;overflow:auto}&>h1,&>h2,&>h3,&>h4,&>h5,&>h6{padding:var(--sh-space-xs) var(--sh-space-sm);color:var(--sh-color-neutral-40);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.6875rem;font-weight:700}&>sh-divider{--thickness:2px;--color:var(--sh-dropdown-border-color);margin-block:var(--sh-space-xs)}}@supports not (position-area:block-start){sh-dropdown{&::part(menu){overflow:visible}}}@media (prefers-reduced-motion:no-preference){sh-dropdown{--sh-dropdown-show-duration:80ms}sh-dropdown::part(menu){transition:opacity var(--sh-dropdown-show-duration) ease, scale var(--sh-dropdown-show-duration) ease, display var(--sh-dropdown-show-duration) allow-discrete, overlay var(--sh-dropdown-show-duration) allow-discrete}sh-dropdown:not([open])::part(menu){opacity:0;scale:.96}@starting-style{sh-dropdown[open]::part(menu){opacity:0;scale:.96}}}sh-dropdown-item{--sh-dropdown-item-color:var(--sh-color-neutral-0);--sh-dropdown-item-hover-background:var(--sh-color-neutral-80);--sh-dropdown-item-focus-background:var(--sh-color-neutral-80);--sh-dropdown-item-end-color:var(--sh-color-neutral-40);--offset:4px;--icon-size:1em;font-family:var(--sh-font-family);color:var(--sh-dropdown-item-color);border-radius:var(--sh-border-radius-xs);font-size:.875rem;line-height:1.4;&:hover:not([disabled]){background-color:var(--sh-dropdown-item-hover-background)}&:focus-visible{outline:var(--sh-focus-outline);outline-offset:0;background-color:var(--sh-dropdown-item-focus-background)}&[disabled]{opacity:.5}&::part(link){padding:var(--sh-space-xs) var(--sh-space-sm)}&::part(check){--icon-size:.875rem;block-size:.875rem;inline-size:.875rem;margin-inline-end:var(--sh-space-sm)}&::part(end){color:var(--sh-dropdown-item-end-color);font-size:.75rem}&::part(submenu-indicator){--icon-size:1em;color:var(--sh-dropdown-item-end-color);margin-inline-start:var(--sh-space-sm)}&:dir(rtl)::part(submenu-indicator){scale:-1 1}&>[slot=start]{margin-inline-end:var(--sh-space-sm)}&>[slot=end]{margin-inline-start:var(--sh-space-sm)}&[variant=destructive]{--sh-dropdown-item-color:var(--sh-color-danger-20);--sh-dropdown-item-hover-background:var(--sh-color-danger-90);--sh-dropdown-item-focus-background:var(--sh-color-danger-90);--sh-dropdown-item-end-color:var(--sh-color-danger-50)}&::part(submenu){min-inline-size:12rem;max-inline-size:24rem;padding:var(--sh-space-xs);font-family:var(--sh-font-family);color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);box-shadow:4px 4px 0 0 var(--sh-color-neutral-0);font-size:.875rem;overflow:auto}}@media (prefers-reduced-motion:no-preference){sh-dropdown-item{transition:background-color .1s,color .1s}sh-dropdown-item::part(submenu){transition:opacity 80ms ease, scale 80ms ease, display 80ms allow-discrete, overlay 80ms allow-discrete}sh-dropdown-item:not([submenu-open])::part(submenu){opacity:0;scale:.9}@starting-style{sh-dropdown-item[submenu-open]::part(submenu){opacity:0;scale:.9}}}sh-expander{--sh-expander-text-color:var(--sh-color-neutral-0);--sh-expander-surface-color:var(--sh-color-neutral-100);--shadow-color:var(--sh-expander-surface-color);color:var(--sh-expander-text-color);&::part(content){margin-block-end:var(--sh-space-xs)}&::part(trigger){padding-block:var(--sh-space-xs);color:var(--sh-expander-text-color);text-decoration:underline;text-decoration-color:color-mix(in oklch, currentColor, transparent 75%);text-underline-offset:.3ex;font-weight:700}&::part(trigger):hover{text-decoration-color:currentColor}&::part(trigger):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}}@media (prefers-reduced-motion:no-preference){sh-expander::part(trigger){transition:text-decoration-color .1s}}sh-form-assist{&::part(required-hint){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(required-indicator-asterisk){color:var(--sh-color-danger-20)}&::part(error-summary){box-sizing:border-box;padding:var(--sh-space-md);color:var(--sh-color-danger-10);background-color:var(--sh-color-danger-90);border-inline-start:4px solid var(--sh-color-danger-50);border-radius:var(--sh-border-radius-xs)}&::part(error-summary-heading){font-weight:600}&::part(error-summary-link){color:var(--sh-color-danger-20)}&::part(error-summary-link):focus-visible{outline:var(--sh-focus-outline);outline-color:var(--sh-color-danger-20);outline-offset:var(--sh-focus-outline-offset)}}:is(sh-checkbox,sh-checkbox-group,sh-combobox,sh-input-file,sh-input-text,sh-markdown-editor,sh-passcode,sh-radio-group,sh-rating,sh-select,sh-slider,sh-stepper,sh-switch,sh-textarea){&::part(error){color:var(--sh-color-danger-20);font-size:.75rem;font-weight:600}&::part(required-indicator-asterisk){color:var(--sh-color-danger-20)}&::part(required-indicator-text){font-style:italic;font-weight:400}}sh-hotkey{--sh-hotkey-color:var(--sh-color-neutral-0);--sh-hotkey-background-color:var(--sh-color-neutral-100);--sh-hotkey-border-color:var(--sh-color-neutral-0);--gap:.125rem;box-sizing:border-box;padding-block:calc(var(--sh-space-xs) / 2);padding-inline:var(--sh-space-xs);color:var(--sh-hotkey-color);background-color:var(--sh-hotkey-background-color);border:2px solid var(--sh-hotkey-border-color);border-radius:var(--sh-border-radius-xs);box-shadow:2px 2px 0 0 var(--sh-hotkey-border-color);font-size:.875em;font-weight:600;&::part(delimiter){color:var(--sh-hotkey-border-color);font-weight:400}}@media (prefers-reduced-motion:no-preference){sh-icon::part(svg){transition:var(--sh-icon-svg-transition)}}sh-input-file{--sh-input-color:var(--sh-color-neutral-0);--sh-input-background-color:var(--sh-color-neutral-100);--sh-input-border-color:var(--sh-color-neutral-0);font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(trigger){min-block-size:2.5rem;color:var(--sh-input-color);background-color:var(--sh-input-background-color);border:2px solid var(--sh-input-border-color);border-radius:var(--sh-border-radius-xs);align-self:start;padding-inline:1rem;font-weight:600}&::part(trigger):hover{background-color:var(--sh-color-neutral-80)}&::part(trigger):active{box-shadow:1px 1px 0 0 var(--sh-color-neutral-0);translate:2px 2px}&:state(focused)::part(trigger){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset);box-shadow:1px 1px 0 0 var(--sh-color-neutral-0)}&[appearance=dropzone]::part(trigger){text-align:center;min-inline-size:16rem;box-shadow:none;border-style:dashed;flex-direction:column;align-self:stretch;padding-block:2rem;padding-inline:1.5rem}&[appearance=dropzone]::part(trigger):active{translate:0}&:state(dragging)::part(trigger){background-color:var(--sh-color-neutral-90);border-style:solid}&::part(file){gap:0 var(--sh-space-md);padding-block:var(--sh-space-xs);padding-inline:var(--sh-space-sm);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);grid:"file-name file-remove-button""file-size file-remove-button"/1fr auto;display:grid}&::part(file-name){grid-area:file-name}&::part(file-size){color:var(--sh-color-neutral-30);grid-area:file-size;font-size:.625rem}&::part(file-remove-button){block-size:1.725em;inline-size:1.725em;color:var(--sh-color-neutral-30);border-radius:var(--sh-border-radius-xs);grid-area:file-remove-button}&::part(file-remove-button):hover{color:var(--sh-input-color);background-color:var(--sh-color-neutral-80)}&::part(file-remove-button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&[disabled]::part(trigger){pointer-events:none;opacity:.5}&:state(user-invalid)::part(trigger){--sh-input-border-color:var(--sh-color-danger-20)}}@media (pointer:coarse){sh-input-file{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-input-file{&::part(trigger){transition:background-color .1s,border-color .1s,translate 50ms ease-in-out,box-shadow 50ms ease-in-out}&::part(file-remove-button){transition:color .1s,background-color .1s}}}sh-input-text{--sh-input-color:var(--sh-color-neutral-0);--sh-input-background-color:var(--sh-color-neutral-100);--sh-input-border-color:var(--sh-color-neutral-0);--sh-input-placeholder-color:var(--sh-color-neutral-40);font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(visual-box){min-block-size:2.5rem;color:var(--sh-input-color);background-color:var(--sh-input-background-color);border:2px solid var(--sh-input-border-color);border-radius:var(--sh-border-radius-xs);padding-inline:.75rem;position:relative}&:state(focused)::part(visual-box){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(input){color:var(--sh-input-color);align-self:stretch}&::part(clear-button),&::part(password-toggle-button){block-size:1.5em;inline-size:1.5em;color:var(--sh-color-neutral-30);border-radius:var(--sh-border-radius-xs)}&::part(clear-button):hover,&::part(password-toggle-button):hover{color:var(--sh-input-color)}&::part(clear-button):focus-visible,&::part(password-toggle-button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&[disabled]::part(visual-box){pointer-events:none;opacity:.5}&[readonly]::part(visual-box){background-color:var(--sh-color-neutral-90)}&:state(user-invalid)::part(visual-box){--sh-input-border-color:var(--sh-color-danger-20)}}@media (pointer:coarse){sh-input-text{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-input-text::part(visual-box){transition:background-color .1s,border-color .1s}}sh-markdown-editor{--sh-markdown-editor-color:var(--sh-color-neutral-0);--sh-markdown-editor-background-color:var(--sh-color-neutral-100);--sh-markdown-editor-border-color:var(--sh-color-neutral-0);--font-family:monospace;--line-height:1.6;--editor-padding:.625rem .75rem;--caret-color:var(--sh-color-neutral-0);--preview-color:var(--sh-color-neutral-0);--placeholder-color:var(--sh-color-neutral-40);--marker-color:var(--sh-color-neutral-40);--heading-color:var(--sh-color-neutral-0);--link-color:var(--sh-color-info-50);--code-color:var(--sh-color-danger-20);--quote-color:var(--sh-color-neutral-30);--highlight-color:var(--sh-color-neutral-0);--highlight-background-color:var(--sh-color-warning-80);font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(container){color:var(--sh-markdown-editor-color);background-color:var(--sh-markdown-editor-background-color);border:2px solid var(--sh-markdown-editor-border-color);border-radius:var(--sh-border-radius-xs);overflow:hidden}&:state(focused)::part(container){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(toolbar){background-color:var(--sh-color-neutral-90);border-block-end:2px solid var(--sh-markdown-editor-border-color);gap:.5rem;padding:.375rem}&::part(toolbar-button){--icon-size:1.125rem;block-size:2rem;inline-size:2rem;color:var(--sh-color-neutral-0);cursor:pointer;border-radius:var(--sh-border-radius-xs);border:2px solid #0000;justify-content:center;align-items:center;display:inline-flex}&::part(toolbar-button):hover,&::part(toolbar-button-active){background-color:var(--sh-color-neutral-100);border-color:var(--sh-color-neutral-0)}&::part(toolbar-button):active{background-color:var(--sh-color-neutral-80)}&::part(toolbar-button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(toolbar-tooltip){max-inline-size:20rem;padding:var(--sh-space-xs) var(--sh-space-sm);font-family:var(--sh-font-family);color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);font-size:.8125rem;font-weight:600;line-height:1.4}&::part(toolbar-tooltip):before{background-color:var(--sh-color-neutral-0)}&[disabled]::part(container){pointer-events:none;opacity:.5}&[readonly]::part(editor){background-color:var(--sh-color-neutral-90)}&:state(user-invalid)::part(container){--sh-markdown-editor-border-color:var(--sh-color-danger-20)}}@media (pointer:coarse){sh-markdown-editor{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-markdown-editor::part(container){transition:border-color .1s}sh-markdown-editor::part(toolbar-button){transition:background-color .1s,border-color .1s}}sh-marquee{--gap:var(--sh-space-xl);gap:var(--sh-space-xs);&::part(toggle){color:currentColor;border-radius:var(--sh-border-radius-xs);opacity:.6;font-size:1rem}&::part(toggle):hover{opacity:1}&::part(toggle):active{translate:1px 1px}&::part(toggle):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset);opacity:1}}sh-navigation{font-family:var(--sh-font-family);color:var(--sh-color-neutral-0);&::part(nav){gap:var(--sh-space-md)}&::part(list){gap:var(--sh-space-xs)}&::part(toggle){padding:var(--sh-space-xs);border-radius:var(--sh-border-radius-xs);margin-inline-start:auto}&::part(toggle):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(toggle-icon){--toggle-icon-size:1.25em}&::part(line){border-radius:var(--sh-border-radius-pill)}&::part(close-button){padding:var(--sh-space-xs);border-radius:var(--sh-border-radius-xs);margin-block-end:var(--sh-space-xs)}&::part(close-button):hover{background-color:var(--sh-color-neutral-80)}&::part(close-button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&:state(collapsed):not([panel-anchor=viewport])::part(panel){box-sizing:border-box;min-inline-size:12rem;padding:var(--sh-space-xs);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);box-shadow:4px 4px 0 0 var(--sh-color-neutral-0)}&:state(collapsed)[panel-anchor=viewport]::part(panel){block-size:auto;inline-size:min(30rem,100dvw);padding:var(--sh-space-md);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:0;inset-block:0;inset-inline:auto 0}}@media (prefers-reduced-motion:no-preference){sh-navigation{--sh-navigation-drawer-duration:.2s}sh-navigation:state(collapsed)[panel-anchor=viewport]::part(panel){transition:translate var(--sh-navigation-drawer-duration) ease, display var(--sh-navigation-drawer-duration) allow-discrete, overlay var(--sh-navigation-drawer-duration) allow-discrete}sh-navigation:state(collapsed)[panel-anchor=viewport]:not(:state(open))::part(panel){translate:100%}sh-navigation:state(collapsed)[panel-anchor=viewport]:not(:state(open)):dir(rtl)::part(panel){translate:-100%}@starting-style{sh-navigation:state(collapsed)[panel-anchor=viewport]:state(open)::part(panel){translate:100%}sh-navigation:state(collapsed)[panel-anchor=viewport]:state(open):dir(rtl)::part(panel){translate:-100%}}sh-navigation:state(collapsed)[panel-anchor=viewport]::part(close-button):hover{transition:background-color .1s}}sh-navigation-item{--sh-navigation-item-color:var(--sh-color-neutral-0);--sh-navigation-item-hover-background:var(--sh-color-neutral-80);--icon-size:1.25em;color:var(--sh-navigation-item-color);line-height:1.4;&::part(base){border-radius:var(--sh-border-radius-xs)}&:not([disabled])::part(base):hover{background-color:var(--sh-navigation-item-hover-background)}&::part(link),&::part(submenu-indicator){padding:var(--sh-space-xs) var(--sh-space-sm)}&::part(link):focus-visible,&::part(submenu-indicator):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset);border-radius:var(--sh-border-radius-xs)}&[current]::part(link){font-weight:700}&[disabled]{opacity:.5}&>[slot=start]{margin-inline-end:var(--sh-space-sm)}&>[slot=end]{margin-inline-start:var(--sh-space-sm)}&::part(submenu-indicator){margin-inline-start:calc(var(--sh-space-sm) * -1)}&[expanded]::part(submenu-indicator-svg){rotate:180deg}&:not(:state(submenu-floating))::part(submenu){padding-inline-start:calc(var(--icon-size) + var(--sh-space-sm))}&:state(submenu-floating)::part(submenu){min-inline-size:12rem;padding:var(--sh-space-xs);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);box-shadow:4px 4px 0 0 var(--sh-color-neutral-0)}}@media (prefers-reduced-motion:no-preference){sh-navigation-item::part(base){transition:background-color .1s}sh-navigation-item::part(submenu-indicator-svg){transition:rotate .15s}}sh-pagination{&::part(button){box-sizing:border-box;min-block-size:2.5rem;min-inline-size:2.5rem;color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);font-size:.875rem;font-weight:600}&::part(button):hover{background-color:var(--sh-color-neutral-80)}&::part(button):active{box-shadow:1px 1px 0 0 var(--sh-color-neutral-0);translate:1px 1px}&::part(button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset);box-shadow:1px 1px 0 0 var(--sh-color-neutral-0)}&::part(button-current){color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-30)}&::part(button-current):hover{background-color:var(--sh-color-neutral-20)}&::part(button-jump-forward),&::part(button-jump-backward){border-color:#0000;min-inline-size:2rem}&::part(button-jump-forward):active,&::part(button-jump-backward):active{box-shadow:none}&::part(button-disabled){pointer-events:none;border-color:var(--sh-color-neutral-60);opacity:.5}&::part(range){min-block-size:2.5rem;padding-inline:var(--sh-space-sm);font-size:.875rem;font-weight:600}&:state(disabled)::part(range){opacity:.5}}@media (forced-colors:active){sh-pagination::part(button-current){color:highlighttext;background-color:highlight}}@media (prefers-reduced-motion:no-preference){sh-pagination::part(button){transition:background-color .1s,translate 50ms ease-in-out,box-shadow 50ms ease-in-out}}sh-pagination-bar{container:sh-pagination-bar/inline-size;&::part(bar){gap:var(--sh-space-md);padding:var(--sh-space-xs) var(--sh-space-sm);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs)}&::part(group-nav){gap:var(--sh-space-xs)}&::part(label-page-size),&::part(range),&::part(pages){font-size:.875rem;font-weight:600}&::part(visual-box){box-sizing:border-box;min-block-size:2.5rem;padding-inline:var(--sh-space-sm);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs)}&::part(visual-box):focus-within{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(select){font-size:.875rem;font-weight:600}&::part(chevron){color:var(--sh-color-neutral-30)}&::part(button){box-sizing:border-box;min-block-size:2.5rem;min-inline-size:2.5rem;color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);font-size:.875rem;font-weight:600}&::part(button):hover{background-color:var(--sh-color-neutral-80)}&::part(button):active{box-shadow:1px 1px 0 0 var(--sh-color-neutral-0);translate:2px 2px}&::part(button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset);box-shadow:1px 1px 0 0 var(--sh-color-neutral-0)}&::part(button-disabled){pointer-events:none;opacity:.5}&:state(disabled)::part(visual-box),&:state(disabled)::part(label-page-size),&:state(disabled)::part(range),&:state(disabled)::part(pages){opacity:.5}&:state(disabled)::part(visual-box){pointer-events:none}}@container sh-pagination-bar (inline-size<=40rem){sh-pagination-bar::part(range){margin-inline-end:0}}@media (prefers-reduced-motion:no-preference){sh-pagination-bar::part(button){transition:background-color .1s,translate 50ms ease-in-out,box-shadow 50ms ease-in-out}}sh-passcode{--sh-passcode-color:var(--sh-color-neutral-0);--sh-passcode-background-color:var(--sh-color-neutral-100);--sh-passcode-border-color:var(--sh-color-neutral-0);font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(visual-box){gap:.5rem}&::part(character-box){min-inline-size:2.25rem;color:var(--sh-passcode-color);background-color:var(--sh-passcode-background-color);border:2px solid var(--sh-passcode-border-color);border-radius:var(--sh-border-radius-xs);font-weight:600}&::part(delimiter){color:var(--sh-color-neutral-40);font-size:1.5rem;font-weight:600}&::part(visibility-toggle-button){block-size:1.5rem;inline-size:1.5rem;color:var(--sh-color-neutral-30);border-radius:var(--sh-border-radius-xs)}&::part(visibility-toggle-button):hover{color:var(--sh-passcode-color)}&::part(visibility-toggle-button):focus-visible,&:state(focused)::part(current){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&[disabled]{pointer-events:none;opacity:.5}&:state(user-invalid)::part(character-box){--sh-passcode-border-color:var(--sh-color-danger-20)}}@media (pointer:coarse){sh-passcode{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-passcode::part(character-box){transition:background-color .1s,border-color .1s}}sh-popover{--offset:8px;--_arrow-edge-outset:1.5px;--sh-popover-background-color:var(--sh-color-neutral-100);--sh-popover-border-color:var(--sh-color-neutral-0);--sh-popover-text-color:var(--sh-color-neutral-0)}sh-popover::part(popover){box-sizing:border-box;max-inline-size:25rem;padding:var(--sh-space-sm) var(--sh-space-md);font-family:var(--sh-font-family);color:var(--sh-popover-text-color);background-color:var(--sh-popover-background-color);border:2px solid var(--sh-popover-border-color);border-radius:var(--sh-border-radius-sm);font-size:.875rem;line-height:1.5}@supports (position-area:block-start){sh-popover[data-effective-position]::part(popover):before{background-color:var(--sh-popover-background-color);border-block-end:2px solid var(--sh-popover-border-color);border-inline-end:2px solid var(--sh-popover-border-color)}}@media (prefers-reduced-motion:no-preference){sh-popover{--sh-popover-show-duration:.1s}sh-popover::part(popover){transition:opacity var(--sh-popover-show-duration) ease, scale var(--sh-popover-show-duration) ease, display var(--sh-popover-show-duration) allow-discrete, overlay var(--sh-popover-show-duration) allow-discrete}sh-popover:not([open])::part(popover){opacity:0;scale:.95}@starting-style{sh-popover[open]::part(popover){opacity:0;scale:.95}}}sh-progress{--sh-progress-track-color:var(--sh-color-neutral-100);--sh-progress-indicator-color:var(--sh-color-neutral-0);--sh-progress-border-color:var(--sh-color-neutral-0);--track-color:var(--sh-progress-track-color);--indicator-color:var(--sh-progress-indicator-color);--content-color:var(--sh-progress-track-color);font-size:.875rem;font-weight:600;&::part(track){border:2px solid var(--sh-progress-border-color)}}sh-progress-indicator{--gap:var(--sh-space-sm)}sh-progress-indicator-step{--sh-progress-indicator-color:var(--sh-color-neutral-0);--sh-progress-indicator-fill:var(--sh-color-neutral-100);--sh-progress-indicator-invalid-color:var(--sh-color-danger-50);--connector-style:dashed;color:var(--sh-progress-indicator-color);font-size:.875rem;font-weight:600;&::part(marker){color:var(--sh-progress-indicator-color);background-color:var(--sh-progress-indicator-fill);border:2px dashed var(--sh-progress-indicator-color);border-radius:var(--sh-border-radius-circle)}&:state(current)::part(marker){box-shadow:3px 3px 0 0 var(--sh-progress-indicator-color);border-style:solid}&:state(complete)::part(marker){color:var(--sh-progress-indicator-fill);background-color:var(--sh-progress-indicator-color);border-style:solid}&:state(complete){--connector-style:solid}&::part(connector){color:var(--sh-progress-indicator-color)}&::part(label){color:currentColor}&:state(current)::part(label){font-weight:700}&[href]::part(label){text-decoration:underline;text-decoration-color:color-mix(in oklch, currentColor, transparent 75%);text-underline-offset:.3ex}&[href]::part(label):hover{text-decoration-color:currentColor}&::part(label):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(description){font-weight:400}&:state(invalid)::part(marker){color:var(--sh-progress-indicator-invalid-color);background-color:var(--sh-progress-indicator-fill);border-color:var(--sh-progress-indicator-invalid-color);border-style:solid}}@media (forced-colors:active){sh-progress-indicator-step{&::part(marker){color:canvastext;background-color:canvas;border-color:canvastext}&:state(complete)::part(marker){color:canvas;background-color:canvastext}&::part(connector){color:canvastext}}}sh-radio{--sh-radio-background-color:var(--sh-color-neutral-100);--sh-radio-border-color:var(--sh-color-neutral-0);gap:.625rem;font-size:.875rem;&::part(control){block-size:1.25rem;inline-size:1.25rem;color:var(--sh-color-neutral-0);background-color:var(--sh-radio-background-color);border:2px solid var(--sh-radio-border-color)}&:state(checked)::part(control){color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0)}&:focus-visible{outline:none}&:focus-visible::part(control){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&:state(disabled){opacity:.5}}@media (pointer:coarse){sh-radio{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-radio::part(control){transition:background-color .1s,border-color .1s}}sh-radio-group{font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(group){gap:.625rem;margin-block-start:.25rem}&[disabled]{pointer-events:none;opacity:.5}}sh-rating{gap:.375rem;font-size:1.5rem;&::part(label){font-size:.875rem;font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(rating){border-radius:var(--sh-border-radius-xs);gap:.125em}&::part(symbol-solid){color:var(--sh-color-neutral-0)}&::part(symbol-outline){color:var(--sh-color-neutral-60)}&::part(rating):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&[disabled]{pointer-events:none;opacity:.5}&:state(user-invalid)::part(symbol-outline){color:var(--sh-color-danger-20)}}@media (prefers-reduced-motion:no-preference){sh-rating::part(symbol-solid),sh-rating::part(symbol-outline){transition:color .1s}}sh-scroll-spy{--sh-scroll-spy-color:var(--sh-color-neutral-30);--sh-scroll-spy-current-color:var(--sh-color-neutral-0);--sh-scroll-spy-indicator-color:var(--sh-color-neutral-0);--indent:var(--sh-space-md);line-height:1.4;& a{padding-block:var(--sh-space-xs);color:var(--sh-scroll-spy-color);border-inline-start:3px solid #0000;padding-inline-start:var(--sh-space-sm);text-decoration:none;display:block}& a:hover{color:var(--sh-scroll-spy-current-color);text-decoration:underline}& a[aria-current=true]{color:var(--sh-scroll-spy-current-color);border-inline-start-color:var(--sh-scroll-spy-indicator-color)}@supports (scroll-target-group:auto) and selector(:target-current){& a[aria-current=true]{color:var(--sh-scroll-spy-color);border-inline-start-color:#0000}& a:target-current{color:var(--sh-scroll-spy-current-color);border-inline-start-color:var(--sh-scroll-spy-indicator-color)}}}@media (prefers-reduced-motion:no-preference){sh-scroll-spy a{transition:color .1s,border-color .1s}}sh-scroller{--shadow-color:color-mix(in oklch, var(--sh-color-neutral-0), transparent 80%);--shadow-size:1.5rem}sh-search-list{--sh-search-list-gap:var(--sh-space-md,1rem);--sh-search-list-controller-spacing:var(--sh-space-md,1rem);--gap:var(--sh-search-list-gap);--controller-spacing:var(--sh-search-list-controller-spacing)}sh-select{--sh-input-color:var(--sh-color-neutral-0);--sh-input-background-color:var(--sh-color-neutral-100);--sh-input-border-color:var(--sh-color-neutral-0);font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(visual-box){min-block-size:2.5rem;min-inline-size:20rem;color:var(--sh-input-color);background-color:var(--sh-input-background-color);border:2px solid var(--sh-input-border-color);border-radius:var(--sh-border-radius-xs);padding-inline:.75rem}&:state(focused)::part(visual-box){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(select){color:var(--sh-input-color);align-self:stretch}&::part(chevron){block-size:1.25em;inline-size:1.25em;color:var(--sh-color-neutral-30)}&[disabled]::part(visual-box){pointer-events:none;opacity:.5}&[readonly]::part(visual-box){background-color:var(--sh-color-neutral-90)}&:state(user-invalid)::part(visual-box){--sh-input-border-color:var(--sh-color-danger-20)}&[multiple]::part(visual-box){padding-block:.75rem}&[multiple]::part(select){align-self:start;max-block-size:10rem}}@media (pointer:coarse){sh-select{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-select::part(visual-box){transition:background-color .1s,border-color .1s}}sh-skeleton{--sh-skeleton-color:var(--sh-color-neutral-80);--sh-skeleton-sheen-color:var(--sh-color-neutral-90);--color:var(--sh-skeleton-color);--sheen-color:var(--sh-skeleton-sheen-color)}sh-skip-links{--sh-skip-links-color:var(--sh-color-neutral-0);--sh-skip-links-background-color:var(--sh-color-neutral-100);--sh-skip-links-border-color:var(--sh-color-neutral-0);&:focus-within{gap:var(--sh-space-sm) var(--sh-space-md);padding:var(--sh-space-sm) var(--sh-space-md);background-color:var(--sh-skip-links-background-color);border-block-end:2px solid var(--sh-skip-links-border-color);flex-wrap:wrap;align-items:center;display:flex}& a{color:var(--sh-skip-links-color);font-weight:600}}sh-slider{--sh-slider-track-color:var(--sh-color-neutral-100);--sh-slider-border-color:var(--sh-color-neutral-0);--sh-slider-indicator-color:var(--sh-color-neutral-0);--sh-slider-thumb-color:var(--sh-color-neutral-100);--sh-slider-marker-color:var(--sh-color-neutral-60);--sh-slider-tooltip-background-color:var(--sh-color-neutral-0);--sh-slider-tooltip-color:var(--sh-color-neutral-100);font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(track){background-color:var(--sh-slider-track-color);border:2px solid var(--sh-slider-border-color)}&::part(indicator){background-color:var(--sh-slider-indicator-color)}&::part(thumb){background-color:var(--sh-slider-thumb-color);border:2px solid var(--sh-slider-border-color)}&:state(dragging)::part(thumb){background-color:var(--sh-color-neutral-60)}&::part(marker){background-color:var(--sh-slider-marker-color);border-radius:var(--sh-border-radius-circle)}&::part(references){color:var(--sh-color-neutral-30);margin-block-start:var(--sh-space-xs);font-size:.75rem}&::part(tooltip){color:var(--sh-slider-tooltip-color);background-color:var(--sh-slider-tooltip-background-color);border:2px solid var(--sh-slider-border-color);padding:.125rem .375rem;font-size:.75rem}&::part(slider):focus-visible,&::part(thumb):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&[disabled]{pointer-events:none;opacity:.5}&:state(user-invalid){--sh-slider-border-color:var(--sh-color-danger-20)}}@media (prefers-reduced-motion:no-preference){sh-slider::part(thumb){transition:background-color .1s}}sh-spinner{--indicator-color:var(--sh-color-neutral-0);--track-color:transparent;--speed:.6s;&::part(track){stroke-width:4px}&::part(indicator){stroke-width:4px;stroke-linecap:butt}}sh-stepper{--sh-stepper-color:var(--sh-color-neutral-0);--sh-stepper-background-color:var(--sh-color-neutral-100);--sh-stepper-border-color:var(--sh-color-neutral-0);--sh-stepper-placeholder-color:var(--sh-color-neutral-40);font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(visual-box){min-block-size:2.5rem;color:var(--sh-stepper-color);background-color:var(--sh-stepper-background-color);border:2px solid var(--sh-stepper-border-color);border-radius:var(--sh-border-radius-xs)}&:state(focused)::part(visual-box){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(input){color:var(--sh-stepper-color);align-self:stretch;padding-inline:.5rem}&::part(decrement-button),&::part(increment-button){inline-size:2.25rem;color:var(--sh-stepper-color);background-color:var(--sh-stepper-background-color)}&::part(decrement-button):hover,&::part(increment-button):hover{color:var(--sh-stepper-background-color);background-color:var(--sh-stepper-color)}&::part(decrement-button):active,&::part(increment-button):active{translate:0 1px}&::part(decrement-button):focus-visible,&::part(increment-button):focus-visible{outline:var(--sh-focus-outline);outline-offset:calc(-1 * var(--sh-focus-outline-offset))}&::part(decrement-button):disabled,&::part(increment-button):disabled{opacity:.5}&::part(decrement-button){border-inline-end:2px solid var(--sh-stepper-border-color)}&::part(increment-button){border-inline-start:2px solid var(--sh-stepper-border-color)}&[disabled]::part(visual-box){pointer-events:none;opacity:.5}&[readonly]::part(visual-box){background-color:var(--sh-color-neutral-90)}&:state(user-invalid)::part(visual-box){--sh-stepper-border-color:var(--sh-color-danger-20)}}@media (pointer:coarse){sh-stepper{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-stepper::part(visual-box){transition:background-color .1s,border-color .1s}sh-stepper::part(decrement-button),sh-stepper::part(increment-button){transition:color .1s,background-color .1s}}sh-switch{--sh-switch-color:var(--sh-color-neutral-0);--sh-switch-background-color:var(--sh-color-neutral-100);--sh-switch-border-color:var(--sh-color-neutral-0);font-size:.875rem;&::part(base){gap:.625rem}&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(control){background-color:var(--sh-switch-background-color);border:2px solid var(--sh-switch-border-color);border-radius:var(--sh-border-radius-pill);block-size:1.25rem;inline-size:2.25rem}&:state(checked)::part(control){background-color:var(--sh-color-neutral-0)}&:state(focused)::part(control){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(thumb){background-color:var(--sh-switch-color);block-size:.85rem;inline-size:.85rem;inset-inline-start:.1rem}&:state(checked)::part(thumb){background-color:var(--sh-color-neutral-100);inset-inline-start:calc(100% - .9rem)}&[disabled]{pointer-events:none;opacity:.5}&:state(readonly)::part(control){--sh-switch-color:var(--sh-color-neutral-30);--sh-switch-border-color:var(--sh-color-neutral-30)}&:state(user-invalid)::part(control){--sh-switch-border-color:var(--sh-color-danger-20)}}@media (forced-colors:active){sh-switch{&::part(control){background-color:canvas;border-color:canvastext}&::part(thumb){background-color:canvastext}&:state(checked)::part(control){background-color:highlight;border-color:highlight}&:state(checked)::part(thumb){background-color:highlighttext}&[disabled]::part(control){border-color:graytext}&[disabled]::part(thumb){background-color:graytext}}}@media (pointer:coarse){sh-switch{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-switch::part(control){transition:background-color .1s,border-color .1s}sh-switch::part(thumb){transition:inset-inline-start .1s,background-color .1s}}sh-tab{color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-100);border-radius:var(--sh-border-radius-xs);flex:auto;padding-block:.4rem;padding-inline:.9rem;font-size:.875rem;font-weight:600;&:hover{background-color:var(--sh-color-neutral-80)}&:focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&:state(active){color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0);&:hover{background-color:var(--sh-color-neutral-10)}}&:state(disabled){pointer-events:none;opacity:.5}}@media (forced-colors:active){sh-tab{&:state(active){color:highlighttext;background-color:highlight}&:state(disabled){color:graytext}}}@media (prefers-reduced-motion:no-preference){sh-tab{transition:color .1s,background-color .1s}}sh-tab-panel{color:var(--sh-color-neutral-0);&:focus-visible{outline:var(--sh-focus-outline);outline-offset:calc(var(--sh-focus-outline-offset) * -1)}}sh-table{&::part(caption),&::part(toolbar){margin-block-end:var(--sh-space-md)}&::part(table){background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);min-inline-size:max-content;overflow:hidden}&::part(loading){background-color:color-mix(in srgb, var(--sh-color-neutral-100) 70%, transparent)}&::part(empty){padding:var(--sh-space-lg);text-align:center;background-color:var(--sh-color-neutral-100);border:2px dashed var(--sh-color-neutral-0);border-block-start:none;font-size:.875rem;font-weight:600}&::part(footer){margin-block-start:var(--sh-space-md)}}sh-table-cell{padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;&:state(rowheader){border-inline-end:2px solid var(--sh-color-neutral-0);font-weight:600}}sh-table-expanded-row{background-color:var(--sh-color-neutral-90);border-block-start:2px dashed var(--sh-color-neutral-0);&::part(cell){padding-block:.75rem;padding-inline:.75rem;font-size:.875rem}}sh-table-row:state(detail){background-color:var(--sh-color-neutral-90);border-block-start:1px dashed var(--sh-color-neutral-40);&:hover{background-color:var(--sh-color-neutral-80)}}sh-table-expanded-row:state(tabular)>sh-table-row:state(detail):first-child{border-block-start:none}sh-table-header{padding-block:.625rem;padding-inline:.75rem;font-size:.875rem;font-weight:600;&::part(sort-button):hover{text-underline-offset:.2em;text-decoration:underline}&::part(sort-button):focus-visible{outline:var(--sh-focus-outline);outline-color:var(--sh-color-neutral-100);outline-offset:var(--sh-focus-outline-offset)}&:state(sortable):hover::part(sort-icon){visibility:visible;opacity:.6}&:state(ascending)::part(sort-icon),&:state(descending)::part(sort-icon){opacity:1}}sh-table-row{border-block-start:2px solid var(--sh-color-neutral-0);&:state(head){color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0);border-block-start:none;font-weight:600}&:state(even){background-color:var(--sh-color-neutral-90)}&:not(:state(head)):hover{background-color:var(--sh-color-neutral-80)}&:state(selected):not(:state(head)){background-color:var(--sh-color-neutral-70)}&::part(expand-cell){padding-block:.5rem;padding-inline:.5rem}&::part(expand-button){border-radius:var(--sh-border-radius-xs);block-size:1.5rem;inline-size:1.5rem}&::part(expand-button):hover{background-color:var(--sh-color-neutral-80)}&::part(expand-button):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&:state(head)::part(expand-button):hover{background-color:var(--sh-color-neutral-20)}&:state(head)::part(expand-button):focus-visible{outline-color:var(--sh-color-neutral-100)}&::part(selection-cell){padding-block:.5rem;padding-inline:.75rem}&::part(selection-control){block-size:1.25rem;inline-size:1.25rem;color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs)}&:state(selected)::part(selection-control),&:state(indeterminate)::part(selection-control){color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0)}&::part(selection-input):focus-visible{outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&:state(head)::part(selection-control){color:var(--sh-color-neutral-100);background-color:var(--sh-color-neutral-0);border-color:var(--sh-color-neutral-100)}&:state(head):state(selected)::part(selection-control),&:state(head):state(indeterminate)::part(selection-control){color:var(--sh-color-neutral-0);background-color:var(--sh-color-neutral-100)}&:state(head)::part(selection-input):focus-visible{outline-color:var(--sh-color-neutral-100)}}@media (prefers-reduced-motion:no-preference){sh-table-row{transition:background-color .1s}sh-table-row::part(selection-control){transition:background-color .1s,border-color .1s}sh-table-row::part(expand-icon){transition:rotate .15s}}sh-tabs{gap:.5rem;font-size:.875rem;&::part(tablist){padding:calc(var(--sh-focus-outline-width) + var(--sh-focus-outline-offset));background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);gap:.5rem}&::part(panels){padding:var(--sh-space-md);background-color:var(--sh-color-neutral-100);border:2px solid var(--sh-color-neutral-0);border-radius:var(--sh-border-radius-xs);box-shadow:4px 4px 0 0 var(--sh-color-neutral-0)}}sh-textarea{--sh-input-color:var(--sh-color-neutral-0);--sh-input-background-color:var(--sh-color-neutral-100);--sh-input-border-color:var(--sh-color-neutral-0);--sh-input-placeholder-color:var(--sh-color-neutral-40);font-size:.875rem;&::part(label){font-weight:600}&::part(description){color:var(--sh-color-neutral-30);font-size:.75rem}&::part(visual-box){min-inline-size:20rem;color:var(--sh-input-color);background-color:var(--sh-input-background-color);border:2px solid var(--sh-input-border-color);border-radius:var(--sh-border-radius-xs)}&:state(focused)::part(visual-box){outline:var(--sh-focus-outline);outline-offset:var(--sh-focus-outline-offset)}&::part(textarea){color:var(--sh-input-color);padding-block:.5rem;padding-inline:.75rem}&[disabled]::part(visual-box){pointer-events:none;opacity:.5}&[readonly]::part(visual-box){background-color:var(--sh-color-neutral-90)}&:state(user-invalid)::part(visual-box){--sh-input-border-color:var(--sh-color-danger-20)}}@media (pointer:coarse){sh-textarea{font-size:1rem}}@media (prefers-reduced-motion:no-preference){sh-textarea::part(visual-box){transition:background-color .1s,border-color .1s}}sh-tooltip{--offset:8px;--sh-tooltip-background-color:var(--sh-color-neutral-0);--sh-tooltip-border-color:var(--sh-color-neutral-0);--sh-tooltip-text-color:var(--sh-color-neutral-100)}sh-tooltip::part(tooltip){box-sizing:border-box;max-inline-size:20rem;padding:var(--sh-space-xs) var(--sh-space-sm);font-family:var(--sh-font-family);color:var(--sh-tooltip-text-color);background-color:var(--sh-tooltip-background-color);border-radius:var(--sh-border-radius-xs);font-size:.8125rem;line-height:1.4}@supports (position-area:block-start){sh-tooltip[data-effective-position]::part(tooltip):before{background-color:var(--sh-tooltip-background-color)}}@media (forced-colors:active){sh-tooltip::part(tooltip){color:canvastext;background-color:canvas;border:1px solid canvastext}@supports (position-area:block-start){sh-tooltip[data-effective-position]::part(tooltip):before{background-color:canvastext}}}@media (prefers-reduced-motion:no-preference){sh-tooltip{--sh-tooltip-show-duration:80ms}sh-tooltip::part(tooltip){transition:opacity var(--sh-tooltip-show-duration) ease, scale var(--sh-tooltip-show-duration) ease, display var(--sh-tooltip-show-duration) allow-discrete, overlay var(--sh-tooltip-show-duration) allow-discrete}sh-tooltip:not([open])::part(tooltip){opacity:0;scale:.9}@starting-style{sh-tooltip[open]::part(tooltip){opacity:0;scale:.9}}}}@layer shachi.utilities{.visually-hidden{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.flow>*+*{margin-block-start:var(--sh-flow,1em)}}@property --sh-gap{syntax:"*";inherits:false}@property --sh-align{syntax:"*";inherits:false}@property --sh-justify{syntax:"*";inherits:false}@property --sh-ratio{syntax:"*";inherits:false}@property --sh-min-column-size{syntax:"*";inherits:false}@property --sh-split-direction{syntax:"*";inherits:false}