switch.min.css

.cube-switch{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cube-switch .cube-switch-input{position:absolute;z-index:1;width:48px;height:28px;opacity:0}.cube-switch .cube-switch-input:checked+.cube-switch-ui{border-color:#fc9153;background-color:#fc9153}.cube-switch .cube-switch-input:checked+.cube-switch-ui:before{-webkit-transform:scale(0);transform:scale(0)}.cube-switch .cube-switch-input:checked+.cube-switch-ui:after{-webkit-transform:translateX(20px);transform:translateX(20px)}.cube-switch .cube-switch-input:disabled+.cube-switch-ui{opacity:.3}.cube-switch .cube-switch-ui{position:relative;display:block;width:48px;height:28px;box-sizing:content-box;border:1px solid #e4e4e4;border-radius:28px;background-color:#e4e4e4}.cube-switch .cube-switch-ui:after,.cube-switch .cube-switch-ui:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:28px;background-color:#fff;-webkit-transition:-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28);transition:-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28);transition:transform .4s cubic-bezier(.25,.1,.25,1.28);transition:transform .4s cubic-bezier(.25,.1,.25,1.28),-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28)}.cube-switch .cube-switch-ui:after{width:28px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.cube-switch .cube-switch-label{display:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}