.toggle-switch{position:relative;width:5rem;opacity:.6;height:2.6rem;display:inline-block;cursor:pointer;background-color:#fff}.toggle-switch.checked{opacity:1}.toggle-switch.disabled{opacity:.15;cursor:not-allowed}.toggle-slider{width:4.8rem;height:2.4rem;display:-ms-flexbox;display:flex;background:#222;border:.1rem solid #fff;border-radius:3.4rem}.toggle-slider:before{content:"";position:absolute;top:.2rem;left:.2rem;width:2rem;height:2rem;border-radius:50%;transition:transform .15s;background-color:#fff}.toggle-is-off,.toggle-is-on{-ms-flex:1;flex:1;opacity:0;color:#fff;text-transform:lowercase;line-height:1.9;transition:opacity .15s;-webkit-transition:opacity .15s}.toggle-is-on{text-align:right}.toggle-is-off{opacity:1;text-align:left}.toggle-checkbox{position:absolute;width:.1rem;height:.1rem;overflow:hidden;clip:rect(.1rem,.1rem,.1rem,.1rem)}.toggle-checkbox:checked+.toggle-slider:before{transform:translateX(2.4rem)}.toggle-checkbox:checked+.toggle-slider .toggle-is-on{opacity:1}.toggle-checkbox:checked+.toggle-slider .toggle-is-off{opacity:.5}