.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:58px;height:28px;padding:0 7px;background:var(--surface-3);border:1px solid var(--border);border-radius:999px;cursor:pointer;box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease}.theme-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.theme-toggle__icon{width:13px;height:13px;flex:none;z-index:1;position:relative;pointer-events:none;color:var(--muted-fg)}.theme-toggle[data-state=dark] .theme-toggle__icon--moon,.theme-toggle[data-state=light] .theme-toggle__icon--sun{color:var(--primary)}.theme-toggle__knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:999px;background:var(--surface-1);box-shadow:0 1px 2px rgba(0,0,0,.18),0 0 0 1px var(--border);transition:left .22s cubic-bezier(.2,0,0,1);pointer-events:none}.theme-toggle[data-state=dark] .theme-toggle__knob{left:32px}.theme-toggle[data-state=loading] .theme-toggle__knob{opacity:0}