@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;-webkit-text-decoration-color:color-mix(in oklch, currentColor, transparent 75%);-webkit-text-decoration-color:color-mix(in oklch, currentColor, transparent 75%);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{display:none}&::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;-webkit-text-decoration-color:color-mix(in oklch, currentColor, transparent 75%);-webkit-text-decoration-color:color-mix(in oklch, currentColor, transparent 75%);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;-webkit-text-decoration-color:color-mix(in oklch, currentColor, transparent 75%);-webkit-text-decoration-color:color-mix(in oklch, currentColor, transparent 75%);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}}}}