.switch{position:relative;display:inline-block;width:52px;height:32px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;display:flex;cursor:pointer;align-items:center;justify-content:flex-start;top:0;left:0;right:0;bottom:0;padding:4px;background-color:#a6abaa;transition:.4s}.slider:before{content:"";height:24px;width:24px;background-color:#fff;transition:.4s}.switch:not(.checked):not(.disabled):hover .slider{background-color:#8b9291}.switch.checked:not(.disabled):hover .slider{background-color:#27907a}.switch.disabled .slider{background-color:#dadcdc!important}@keyframes ableSwitch{0%{transform:translateX(0)}to{transform:translateX(20px)}}.switch.checked .slider{background-color:#30bb9d}.switch.checked .slider:before{transform:translateX(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}