.vm-switch{display:inline-block;position:relative;width:2em;height:1em;border:1px solid rgba(0,0,0,.1);border-radius:1em;box-sizing:content-box;background-color:#9e9e9e;-webkit-transition:background-color .3s;transition:background-color .3s}.vm-switch::after,.vm-switch::before{font-family:"vm-icon";position:absolute;color:#fff!important;top:15%;font-size:70%;line-height:1em;width:1em;text-align:center;pointer-events:none;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.vm-switch::after{content:"\e645";left:10%;-webkit-transform:scale(0,0);transform:scale(0,0)}.vm-switch::before{content:"\e646";right:15%;left:auto}.vm-switch-node{top:0;left:0;position:absolute;border-radius:100%;width:1em;height:1em;z-index:1;-webkit-transition:.3s;transition:.3s;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);background-color:#fff}.vm-switch-loading{top:25%;left:25%;width:50%;height:50%}.vm-switch-on{background-color:#2196f3}.vm-switch-on::after,.vm-switch::before{-webkit-transform:scale(1,1);transform:scale(1,1)}.vm-switch-on .vm-switch-node{-webkit-transform:translateX(1em);transform:translateX(1em)}.vm-switch-disabled{opacity:.4}