:root{--active-switch-color:#249953;--inactive-switch-color:#ccc}*,:after,:before{box-sizing:border-box}body{font-family:-apple-system,\.SFNSText-Regular,Helvetica Neue,Roboto,Segoe UI,sans-serif}.toggle{cursor:pointer;display:inline-block}.toggle-switch{background:var(--inactive-switch-color);border-radius:16px;display:inline-block;height:22px;position:relative;transition:background .25s;vertical-align:middle;width:40px}.toggle-switch:after,.toggle-switch:before{content:""}.toggle-switch:before{background:linear-gradient(180deg,#fff 0,#eee);border-radius:50%;display:block;height:16px;left:3px;position:absolute;top:3px;transition:left .25s;width:16px}.toggle:hover .toggle-switch:before{background:linear-gradient(180deg,#fff 0,#fff)}.toggle-checkbox:checked+.toggle-switch{background:var(--active-switch-color)}.toggle-checkbox:checked+.toggle-switch:before{left:20px}.toggle-checkbox{-webkit-appearance:checkbox;-moz-appearance:checkbox;-ms-appearance:checkbox;position:absolute;visibility:hidden}.toggle-label{margin-left:5px;position:relative;top:2px}