.es-theme-switcher{--_size:44px;--_option-gap:var(--space-1);isolation:isolate;gap:var(--_option-gap);padding:var(--space-1);border:var(--border-width-hairline) solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);flex:none;display:inline-flex;position:relative}.es-theme-switcher__indicator{width:var(--_size);height:var(--_size);border:var(--border-width-hairline) solid var(--color-brand-border);border-radius:var(--radius-md);background:var(--color-brand-subtle);box-shadow:var(--shadow-xs);pointer-events:none;transition:translate var(--duration-slow) var(--easing-emphasized);position:absolute;inset-block-start:var(--space-1);inset-inline-start:var(--space-1)}.es-theme-switcher:has(input[value=dark]:checked) .es-theme-switcher__indicator{translate:calc(100% + var(--_option-gap)) 0}.es-theme-switcher:has(input[value=system]:checked) .es-theme-switcher__indicator{translate:calc(200% + var(--_option-gap) + var(--_option-gap)) 0}.es-theme-switcher:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):has(input[value=dark]:checked) .es-theme-switcher__indicator{translate:calc(-100% - var(--_option-gap)) 0}.es-theme-switcher:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):has(input[value=system]:checked) .es-theme-switcher__indicator{translate:calc(-200% - var(--_option-gap) - var(--_option-gap)) 0}.es-theme-switcher__option{width:var(--_size);height:var(--_size);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard);place-items:center;display:grid;position:relative}.es-theme-switcher__option:hover,.es-theme-switcher__option.is-hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.es-theme-switcher__option:has(input:checked){color:var(--color-brand-text);background:0 0}.es-theme-switcher__option.is-focus{outline:var(--border-width-thick) solid var(--color-border-focus);outline-offset:2px}.es-theme-switcher__option:has(input:focus-visible){outline:var(--border-width-thick) solid var(--color-border-focus);outline-offset:2px}.es-theme-switcher__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.es-theme-switcher__label{padding:var(--space-1) var(--space-2);border:var(--border-width-hairline) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-sm);font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--font-leading-normal);opacity:0;translate:0 var(--space-1);pointer-events:none;transition:opacity var(--duration-fast) var(--easing-standard), translate var(--duration-fast) var(--easing-standard);position:absolute;inset-block-end:calc(100% + var(--space-3))}.es-theme-switcher__option:hover .es-theme-switcher__label,.es-theme-switcher__option.is-hover .es-theme-switcher__label,.es-theme-switcher__option.is-focus .es-theme-switcher__label{opacity:1;translate:0}.es-theme-switcher__option:has(input:focus-visible) .es-theme-switcher__label{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.es-theme-switcher__indicator,.es-theme-switcher__option,.es-theme-switcher__label{transition:none}}@media (forced-colors:active){.es-theme-switcher__indicator{outline:var(--border-width-hairline) solid Highlight;border-color:highlight}.es-theme-switcher__option:has(input:checked){color:highlight}.es-theme-switcher__option.is-focus{outline-color:highlight}.es-theme-switcher__option:has(input:focus-visible){outline-color:highlight}}