.toggle-container{display:inline-flex;align-items:center;cursor:pointer}.toggle-container input{display:none}.toggle{width:3.5rem;height:2rem;border-radius:9999px;position:relative;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);border:2px solid var(--border-color)}.toggle-checked{background:linear-gradient(135deg,#6ba6ff,#5786ea);border-color:#6babff;box-shadow:0 4px 12px rgba(107,176,255,.3)}.toggle-unchecked{background:var(--border-color);border-color:var(--border-color)}[data-theme=dark] .toggle-unchecked{background:var(--accent-dark);border-color:var(--accent-dark)}.toggle-button{position:absolute;top:2px;left:2px;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:9999px;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toggle-button-checked{transform:translateX(1.5rem);box-shadow:0 2px 6px rgba(0,0,0,.15)}.toggle-button-unchecked{transform:translateX(0)}.toggle:focus-within{outline:none;box-shadow:0 0 0 3px rgba(107,166,255,.3)}.toggle:active{transform:scale(.98)}.toggle:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.toggle-checked:hover{box-shadow:0 4px 16px rgba(107,159,255,.4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}