.switch-light span span,.switch-toggle a{display:none}@media only screen{.switch-light{display:block;height:30px;width:100px;position:relative;overflow:visible;padding:0;margin:10px auto auto}.switch-light *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.switch-light label,.switch-light>span{line-height:30px;vertical-align:middle;height:30px;cursor:pointer}.switch-light label{position:relative;z-index:3;display:block;width:100%}.switch-light input{position:absolute;opacity:0;z-index:5}.switch-light input:checked~a{right:0}.switch-light>span{position:absolute;left:-100px;width:100%;margin:0;padding-right:100px;text-align:left}.switch-light>span span{position:absolute;top:0;left:0;z-index:5;display:block;width:50%;margin-left:100px;text-align:center}.switch-light>span span:last-child{left:50%}.switch-light a{-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;transition:.3s ease-out;outline:0;position:absolute;right:50%;top:0;z-index:4;display:block;width:50%;height:100%;padding:0}.switch-ios.switch-light{color:#868686}.switch-ios.switch-light a{left:0;width:30px;background-color:#fff;border:1px solid #d3d3d3;border-radius:100%;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;transition:.3s ease-out;box-shadow:inset 0 -3px 3px rgba(0,0,0,.025),0 1px 4px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.1)}.switch-ios.switch-light>span span{width:100%;left:0;opacity:0}.switch-ios.switch-light>span span:first-of-type{opacity:1;padding-left:30px}.switch-ios.switch-light>span span:last-of-type{padding-right:30px}.switch-ios.switch-light>span:before{content:'';display:block;width:100%;height:100%;position:absolute;left:100px;top:0;background-color:#fafafa;border:1px solid #d3d3d3;border-radius:30px;-webkit-transition:.5s ease-out;-moz-transition:.5s ease-out;transition:.5s ease-out;box-shadow:inset rgba(0,0,0,.1) 0 1px 0}.switch-ios.switch-light input:checked~a{left:100%;margin-left:-30px}.switch-ios.switch-light input:checked~span:before{border-color:#53d76a;box-shadow:inset 0 0 0 30px #53d76a}.switch-ios.switch-light input:checked~span span:first-of-type{opacity:0}.switch-ios.switch-light input:checked~span span:last-of-type{opacity:1;color:#fff}.switch-ios input:checked+label{color:#3a3a3a}}@media only screen and (-webkit-max-device-pixel-ratio:2) and (max-device-width:1280px){.switch-light,.switch-toggle{-webkit-animation:1s infinite webkitSiblingBugfix}}@-webkit-keyframes webkitSiblingBugfix{from,to{-webkit-transform:translate3d(0,0,0)}}