.switch{position:relative;display:inline-block;width:60px;height:32px;margin:0}.switch .slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d9e2e7}.switch .slider,.switch .slider:before{position:absolute;-webkit-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out}.switch .slider:before{content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff}.switch input{opacity:0;width:0;height:0}.switch input:not(:checked)+.slider:hover:before{left:8px}.switch input:checked+.slider:hover:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}.switch input:checked+.slider:before{-webkit-transform:translateX(28px);-ms-transform:translateX(28px);transform:translateX(28px)}.switch .slider.round{border-radius:50px}.switch .slider.round:before{border-radius:50%}