.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.toggle-switch input[type=checkbox]{display:none}.toggle-switch-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ddd;border-radius:13px;transition:background-color .3s ease}.toggle-switch-handle{position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px #0003;transition:transform .3s ease}.toggle-switch input[type=checkbox]:checked+.toggle-switch-background{background-color:#22c55e}.toggle-switch input[type=checkbox]:checked+.toggle-switch-background .toggle-switch-handle{transform:translate(24px)}.modern-toggle-switch{position:relative;display:inline-block;width:42px;height:20px;cursor:pointer;-webkit-user-select:none;user-select:none}.modern-toggle-input{position:absolute;opacity:0;width:0;height:0}.modern-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:10px;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:inset 0 1px 2px #0000000f,0 1px 2px #00000014}.modern-toggle-handle{position:absolute;top:2px;left:2px;width:16px;height:16px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:50%;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000000f;will-change:transform}.modern-toggle-switch:hover .modern-toggle-slider{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:inset 0 2px 4px #00000014,0 2px 6px #00000026}.modern-toggle-switch:hover .modern-toggle-handle{box-shadow:0 4px 8px #0003,0 2px 4px #00000026;transform:scale(1.02)}.modern-toggle-input:checked+.modern-toggle-slider{background:#000;box-shadow:inset 0 1px 3px #0003,0 0 12px #0000004d}.modern-toggle-input:checked+.modern-toggle-slider .modern-toggle-handle{transform:translate(22px);background:#fff}.modern-toggle-input:checked+.modern-toggle-slider:hover{background:#1a1a1a;box-shadow:inset 0 1px 2px #0003,0 0 12px #0006}.modern-toggle-input:checked+.modern-toggle-slider:hover .modern-toggle-handle{transform:translate(22px) scale(1.02)}.modern-toggle-input:focus+.modern-toggle-slider{outline:none}.modern-toggle-input:focus-visible+.modern-toggle-slider{outline:none}.modern-toggle-switch:active .modern-toggle-handle{transform:scale(.98)}.modern-toggle-input:checked:active+.modern-toggle-slider .modern-toggle-handle{transform:translate(22px) scale(.98)}.modern-toggle-input:disabled+.modern-toggle-slider{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.modern-toggle-input:disabled+.modern-toggle-slider .modern-toggle-handle{background:#e5e7eb;box-shadow:0 1px 2px #0000001a}.modern-toggle-switch:hover .modern-toggle-input:disabled+.modern-toggle-slider{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:inset 0 2px 4px #0000000f}.modern-toggle-switch:hover .modern-toggle-input:disabled+.modern-toggle-slider .modern-toggle-handle{transform:none;box-shadow:0 1px 2px #0000001a}
/*# sourceMappingURL=/cdn/shop/t/3/assets/toggle-switch.css.map */