.theme-toggle:active{transform:scale(.97)}.theme-toggle--inverted{border:1px solid color-mix(in oklch, var(--color-background) 30%, transparent);background:color-mix(in oklch, var(--color-background) 8%, transparent);color:color-mix(in oklch, var(--color-background) 70%, transparent)}.theme-toggle--inverted:hover{border-color:color-mix(in oklch, var(--color-background) 40%, transparent);background:color-mix(in oklch, var(--color-background) 12%, transparent);color:var(--color-background)}.theme-toggle-slide{--tt-thumb:1.5rem;--tt-pad:.25rem;box-sizing:content-box;width:calc(var(--tt-thumb) * 2);height:var(--tt-thumb);padding:var(--tt-pad);cursor:pointer;background:var(--theme-toggle-track,color-mix(in oklch, var(--color-foreground) 10%, transparent));border:0;border-radius:9999px;align-items:center;transition:background-color .3s,box-shadow .3s,transform .3s;display:flex;position:relative}.theme-toggle-slide--lg{--tt-thumb:2rem}.theme-toggle-slide:hover{background:var(--theme-toggle-track-hover,color-mix(in oklch, var(--color-foreground) 20%, transparent));box-shadow:0 0 15px color-mix(in oklch, var(--theme-toggle-glow,transparent) 30%, transparent)}.theme-toggle-slide:active{transform:scale(.97)}.theme-toggle-slide:focus-visible{outline:2px solid var(--color-ring,var(--color-primary));outline-offset:2px}.theme-toggle-slide__glow{border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--tt-glow-x,25%) 50%, color-mix(in oklch, var(--theme-toggle-glow,transparent) 20%, transparent), transparent 70%);transition:opacity .5s;position:absolute;inset:0}.theme-toggle-slide:hover .theme-toggle-slide__glow{opacity:1}.theme-toggle-slide[data-state=dark]{--tt-glow-x:75%}.theme-toggle-slide__icon{opacity:.3;transition:opacity .3s,transform .3s;display:flex;position:absolute;transform:scale(.75)}.theme-toggle-slide__icon--sun{left:calc(var(--tt-pad) + (var(--tt-thumb) - 14px) / 2);color:var(--theme-toggle-sun,var(--color-muted-foreground))}.theme-toggle-slide__icon--moon{right:calc(var(--tt-pad) + (var(--tt-thumb) - 14px) / 2);color:var(--theme-toggle-moon,var(--color-muted-foreground))}.theme-toggle-slide[data-state=light] .theme-toggle-slide__icon--sun,.theme-toggle-slide[data-state=dark] .theme-toggle-slide__icon--moon{opacity:.7;transform:scale(1)}.theme-toggle-slide[data-state=light] .theme-toggle-slide__icon--sun{animation:8s linear infinite theme-toggle-spin}.theme-toggle-slide[data-state=dark] .theme-toggle-slide__icon--moon{animation:2s ease-in-out infinite theme-toggle-wiggle}.theme-toggle-slide__thumb{--tt-thumb-color:var(--theme-toggle-thumb-light,var(--color-primary));width:var(--tt-thumb);height:var(--tt-thumb);background:var(--tt-thumb-color);color:var(--theme-toggle-thumb-icon,var(--color-primary-foreground));border-radius:9999px;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.165,.84,.44,1),background-color .5s;display:flex;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.theme-toggle-slide[data-state=dark] .theme-toggle-slide__thumb{--tt-thumb-color:var(--theme-toggle-thumb-dark,var(--color-primary));transform:translateX(var(--tt-thumb))}.theme-toggle-slide__ring{border-radius:inherit;background:color-mix(in oklch, var(--tt-thumb-color) 50%, transparent);pointer-events:none;animation:2s ease-in-out infinite theme-toggle-pulse;position:absolute;inset:0}.theme-toggle-slide__mark{transition:opacity .3s,transform .3s;position:absolute}.theme-toggle-slide__mark--sun{opacity:1;transform:scale(1)rotate(0)}.theme-toggle-slide__mark--moon{opacity:0;transform:scale(0)rotate(-90deg)}.theme-toggle-slide[data-state=dark] .theme-toggle-slide__mark--sun{opacity:0;transform:scale(0)rotate(90deg)}.theme-toggle-slide[data-state=dark] .theme-toggle-slide__mark--moon{opacity:1;transform:scale(1)rotate(0)}@keyframes theme-toggle-spin{to{transform:rotate(360deg)}}@keyframes theme-toggle-wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes theme-toggle-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.theme-toggle-slide,.theme-toggle-slide *{transition:none!important;animation:none!important}}
