.toggle-switch{--ts-height:2rem;--ts-width:calc(var(--ts-height)*2);--ts-border-width:0px;--ts-padding:3px;--ts-control-size:calc(var(--ts-height) - var(--ts-border-width)*2 - var(--ts-padding)*2);background-color:#dadada;border:var(--ts-border-width) solid #d8d8d8;border-radius:calc(var(--ts-height)*.5);color:#fff;cursor:pointer;display:inline-block;height:var(--ts-height);padding:var(--ts-padding);position:relative;transition:background-color .2s ease-out,box-shadow .2s ease-out;vertical-align:middle;width:var(--ts-width)}.toggle-switch-sm{--ts-height:1rem}.toggle-switch-md{--ts-height:1.25rem}.toggle-switch:empty:before{background-color:currentColor;border:var(--ts-border-width) solid #d8d8d8;border-radius:50%;content:"";display:block;height:var(--ts-control-size);transition:transform .2s ease-out;width:var(--ts-control-size)}.toggle-switch .icon{display:block;font-size:var(--ts-control-size);transition:transform .2s ease-out}:focus+.toggle-switch{box-shadow:0 0 0 .25rem rgba(0,163,224,.25)}:checked+.toggle-switch{background-color:var(--bs-secondary)}:checked+.toggle-switch .icon,:checked+.toggle-switch:empty:before{transform:translateX(var(--ts-height))}