.vui-switch{width:50px;height:30px;-webkit-border-radius:15px;border-radius:15px;background-color:#d9d9d9;position:relative;-webkit-transition:background-color 0.1s;-o-transition:background-color 0.1s;transition:background-color 0.1s;right:16px}.vui-switch:before{content:"";position:absolute;top:2px;left:2px;height:26px;width:26px;-webkit-border-radius:60%;border-radius:60%;background-color:#fff;-webkit-transition:-webkit-transform 0.1s;transition:-webkit-transform 0.1s;-o-transition:transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s}.vui-switch.is-active{background-color:#ff642b}.vui-switch.is-active:before{-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}.vui-switch input{display:none}.disabled .vui-switch{background-color:#eee}.disabled .vui-switch.is-active{background-color:#ffe2d0}