.toggle-switch{position:relative;display:inline-block;width:var(--toggle-width,80px);height:var(--toggle-height,40px);cursor:pointer}.toggle-switch input[type=checkbox]{display:none}.toggle-switch-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--toggle-off-color,#ddd);border-radius:calc(var(--toggle-height) / 2);transition:background-color .3s ease-in-out}.toggle-switch-handle{position:absolute;top:5px;left:5px;width:var(--toggle-handle-size,30px);height:var(--toggle-handle-size,30px);background-color:var(--toggle-handle-color,#fff);border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .3s ease-in-out}.toggle-switch input[type=checkbox]:checked+.toggle-switch-background{background-color:var(--toggle-on-color,#05c46b)}.toggle-switch input[type=checkbox]:checked+.toggle-switch-background .toggle-switch-handle{transform:translateX(calc(var(--toggle-width) - var(--toggle-handle-size) - 10px))}