.toggle-switch{min-width:48px;height:24px;margin:.5rem;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#e0e0e0;border-radius:24px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001a}input:checked+.toggle-slider{background-color:#4f46e5;background-image:linear-gradient(135deg,#9f9be2 0%,#7772c9 100%)}input:focus+.toggle-slider{box-shadow:0 0 1px #4f46e5}input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-slider:hover:before{box-shadow:0 1px 5px #0003}.dark .toggle-slider{background-color:#3a3a3a}.dark input:checked+.toggle-slider{background-color:#6366f1;background-image:linear-gradient(135deg,#7e79d1 0%,#5a56b0 100%)}.dark .toggle-slider:before{box-shadow:0 1px 3px #0000004d}.toggle-container{align-items:center;margin-bottom:.5rem;display:flex}.toggle-label{-webkit-user-select:none;user-select:none;margin-left:.5rem;font-size:.875rem}.toggle-container-vertical{flex-direction:column;align-items:center;margin:0 .5rem;display:flex}.toggle-container-vertical .toggle-label{text-align:center;margin-top:.25rem;margin-left:0}