.toggle{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;user-select:none}.toggle input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;width:40px;height:20px;border-radius:999px;background-color:#b8b8dc;transition:background-color .25s ease}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .25s ease}.toggle input[type="checkbox"]:checked+.toggle-track{background-color:#8f8fc7}.toggle input[type="checkbox"]:checked+.toggle-track .toggle-thumb{transform:translateX(20px)}.toggle input[type="checkbox"]:focus-visible+.toggle-track{outline:2px solid #66f;outline-offset:2px}