.switch{position:relative;display:inline-block;width:60px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#CCC;transition:all 400ms ease;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:all 200ms ease;border-radius:50%}input:checked+.slider{background-color:#15616d}input:focus+.slider{box-shadow:0 0 1px #15616d}input:checked+.slider:before{-webkit-transform:translateX(35px);-ms-transform:translateX(35px);transform:translateX(35px)}