.vhb-switch{display:inline-block;color:#606266;vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.vhb-switch.is--animat .vhb-switch--button{-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.vhb-switch.is--animat .vhb-switch--icon{-webkit-transition:all .3s;transition:all .3s}.vhb-switch.is--on .vhb-switch--button{padding-right:1.7em;background-color:#409eff}.vhb-switch.is--on .vhb-switch--icon{left:100%;-webkit-transform:translateX(-1.4em);transform:translateX(-1.4em)}.vhb-switch.is--off .vhb-switch--button{padding-left:1.7em;background-color:rgba(0,0,0,.35)}.vhb-switch.is--off .vhb-switch--icon{left:.2em;-webkit-transform:translateX(0);transform:translateX(0)}.vhb-switch.is--off .vhb-switch--label-on,.vhb-switch.is--on .vhb-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vhb-switch.is--off .vhb-switch--label,.vhb-switch.is--on .vhb-switch--label{opacity:1}.vhb-switch:not(.is--disabled) .vhb-switch--button{cursor:pointer}.vhb-switch:not(.is--disabled) .vhb-switch--button:focus{-webkit-box-shadow:0 0 .4em 0 #409eff;box-shadow:0 0 .4em 0 #409eff}.vhb-switch.is--disabled .vhb-switch--button{cursor:no-drop}.vhb-switch.is--disabled.is--on .vhb-switch--button{background-color:#a6d2ff}.vhb-switch.is--disabled.is--off .vhb-switch--button{background-color:rgba(0,0,0,.15)}.vhb-switch .vhb-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vhb-switch .vhb-switch--label{opacity:0;display:block;color:#fff;font-size:.8em}.vhb-switch .vhb-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:#fff}.vhb-switch .vhb-switch--label-icon{margin-right:.25em}.vhb-switch{font-size:14px}.vhb-switch.size--medium{font-size:14px}.vhb-switch.size--small{font-size:13px}.vhb-switch.size--mini{font-size:12px}