.theme-switch{border:1px solid var(--border);background:var(--secondary);width:60px;height:32px;color:var(--muted-foreground);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:none;justify-content:space-between;align-items:center;padding:0 9px;display:inline-flex;position:relative}.theme-switch:hover{border-color:var(--ring)}.theme-switch:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.theme-switch>svg{opacity:.55}.theme-switch-thumb{background:var(--card);color:#e0a100;border-radius:50%;place-items:center;width:24px;height:24px;transition:transform .16s;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.theme-switch-thumb .theme-switch-moon{display:none}.dark .theme-switch-thumb{color:#8db1ff;transform:translate(28px)}.dark .theme-switch-thumb .theme-switch-sun{display:none}.dark .theme-switch-thumb .theme-switch-moon{display:block}.theme-switch-compact{width:56px;height:30px}.theme-switch-compact .theme-switch-thumb{width:22px;height:22px}.dark .theme-switch-compact .theme-switch-thumb{transform:translate(26px)}.theme-switch.is-animated .theme-switch-thumb{animation:.32s cubic-bezier(.25,1,.5,1) theme-thumb-to-light}.dark .theme-switch.is-animated .theme-switch-thumb{animation-name:theme-thumb-to-dark}.theme-switch.is-animated .theme-switch-thumb svg{animation:.32s ease-out theme-icon-spin}.dark .theme-switch.is-animated .theme-switch-thumb svg{animation-name:theme-icon-spin-back}@keyframes theme-thumb-to-dark{0%{transform:translate(0)}}@keyframes theme-thumb-to-light{0%{transform:translate(28px)}}@keyframes theme-icon-spin{0%{opacity:0;transform:rotate(-90deg)scale(.4)}}@keyframes theme-icon-spin-back{0%{opacity:0;transform:rotate(90deg)scale(.4)}}.theme-switch-compact.is-animated .theme-switch-thumb{animation-name:theme-thumb-to-light-compact}.dark .theme-switch-compact.is-animated .theme-switch-thumb{animation-name:theme-thumb-to-dark-compact}@keyframes theme-thumb-to-dark-compact{0%{transform:translate(0)}}@keyframes theme-thumb-to-light-compact{0%{transform:translate(26px)}}@media (prefers-reduced-motion:reduce){.theme-switch-thumb,.theme-switch-thumb svg{transition:none;animation:none!important}}
