.switch{display:inline-block;height:30px;margin-top:3px;padding:2px;background-color:#fff;border-radius:2px;width:200px;border-radius:30px;border:1px solid #ddd;position:relative}.switch-content{font-weight:700;color:#000;text-align:center;position:inherit;z-index:10;-webkit-transition:color .75s cubic-bezier(0,1,0,0);-o-transition:color .75s cubic-bezier(0,1,0,0);transition:color .75s cubic-bezier(0,1,0,0);-webkit-animation:switch-handle-color .5s;animation:switch-handle-color .5s}.switch-content,.switch-handle{float:left;width:50%;font-size:12px;line-height:30px;cursor:pointer;will-change:transform}.switch-handle{position:absolute;height:30px;background-color:#36c;border-radius:30px;top:2px;-webkit-transition:left .5s cubic-bezier(.17,.67,.83,.67);-o-transition:left .5s cubic-bezier(.17,.67,.83,.67);transition:left .5s cubic-bezier(.17,.67,.83,.67);-webkit-animation:switch-handle-move .5s;animation:switch-handle-move .5s}@-webkit-keyframes switch-handle-move{0%{left:2px}}@keyframes switch-handle-move{0%{left:2px}}@-webkit-keyframes switch-handle-color{0%{color:#fff}}@keyframes switch-handle-color{0%{color:#fff}}
/*# sourceMappingURL=index.css.map*/