.theme-toggle{--toggle-w: 52px;--toggle-h: 28px;--thumb: 22px;--pad: 3px;position:relative;width:var(--toggle-w);height:var(--toggle-h);cursor:pointer;display:inline-flex;align-items:center}.theme-toggle__input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:2}.theme-toggle__track{width:100%;height:100%;border-radius:999px;background:hsl(var(--surface-white));border:1px solid hsl(var(--border));position:relative;transition:border-color .35s ease}.theme-toggle__thumb{position:absolute;top:var(--pad);left:var(--pad);width:var(--thumb);height:var(--thumb);border-radius:50%;background:hsl(var(--accent));display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.68,-.15,.27,1.15),background .3s ease;box-shadow:0 1px 4px hsl(var(--accent) / .3)}.theme-toggle__input:checked~.theme-toggle__track .theme-toggle__thumb{transform:translate(calc(var(--toggle-w) - var(--thumb) - var(--pad) * 2));background:hsl(var(--accent))}.theme-toggle__icon{width:14px;height:14px;color:hsl(var(--accent-foreground));transition:transform .4s ease,opacity .3s ease}.theme-toggle__icon--sun{position:absolute;opacity:1;transform:rotate(0) scale(1)}.theme-toggle__icon--moon{position:absolute;opacity:0;transform:rotate(-90deg) scale(.5)}.theme-toggle__input:checked~.theme-toggle__track .theme-toggle__icon--sun{opacity:0;transform:rotate(90deg) scale(.5)}.theme-toggle__input:checked~.theme-toggle__track .theme-toggle__icon--moon{opacity:1;transform:rotate(0) scale(1)}