.vue-ui-switch{display:inline-block;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);font-size:14px}.vue-ui-switch::-moz-focus-inner{border:0}.vue-ui-switch>.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vue-ui-switch>.content>*{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-ui-switch>.content>.vue-ui-icon{margin-right:6px}.vue-ui-switch>.content>.wrapper{width:32px;height:16px;margin-left:8px;border-radius:8px;background:#e0f8ed;-webkit-transition:background .3s;transition:background .3s;position:relative;padding:1px;-webkit-box-sizing:border-box;box-sizing:border-box}.vue-ui-dark-mode .vue-ui-switch>.content>.wrapper{background:#3e5770}.vue-ui-switch>.content>.wrapper .bullet{width:14px;height:14px;border-radius:50%;background:#2c3e50;-webkit-transition:margin-left .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:margin-left .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:margin-left .2s ease-in-out,transform .2s ease-in-out;transition:margin-left .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.vue-ui-dark-mode .vue-ui-switch>.content>.wrapper .bullet{background:#fff}.vue-ui-switch.no-margin>.content>.wrapper{margin:0}.vue-ui-switch.selected>.content>.wrapper{background:#42b983}.vue-ui-switch.selected>.content>.wrapper .bullet{margin-left:16px}.vue-ui-switch.extend-right>.content,.vue-ui-switch.right>.content{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.vue-ui-switch.extend-right>.content>.wrapper,.vue-ui-switch.right>.content>.wrapper{margin-left:0;margin-right:8px}.vue-ui-switch.extend-right>.content>.vue-ui-icon,.vue-ui-switch.right>.content>.vue-ui-icon{margin-right:0;margin-left:6px}.vue-ui-switch.right>.content{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.vue-ui-switch.big{font-size:16px}.vue-ui-switch:not(.disabled){cursor:pointer}.vue-ui-switch:not(.disabled):hover>.content>.wrapper .bullet{background:#4f6f7f}.vue-ui-dark-mode .vue-ui-switch:not(.disabled):hover>.content>.wrapper .bullet{background:#e0e5e7}.vue-ui-switch:not(.disabled):active>.content>.wrapper .bullet{-webkit-transform:scale(.8);transform:scale(.8)}.vue-ui-switch.disabled{opacity:.5}.vue-ui-switch.extend-left>.content>.slot{-webkit-box-flex:100%;-ms-flex:100% 0 1;flex:100% 0 1}.vue-ui-switch.extend-left>.content>.wrapper{margin-right:0}.vue-ui-switch.extend-right>.content>.slot{-webkit-box-flex:100%;-ms-flex:100% 0 1;flex:100% 0 1;text-align:right}.vue-ui-switch.extend-right>.content>.wrapper{margin-left:0}.vue-ui-dropdown-content>.vue-ui-switch>.content{min-width:100%;padding:8px 14px;-webkit-box-sizing:border-box;box-sizing:border-box}.vue-ui-switch.focus>.content>.wrapper:after,.vue-ui-switch:focus.focus-visible>.content>.wrapper:after{content:"";display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:1px solid;border-radius:9px;-webkit-animation:vue-ui-focus .6s forwards;animation:vue-ui-focus .6s forwards}.vue-ui-dark-mode .vue-ui-switch.focus>.content>.wrapper:after,.vue-ui-dark-mode .vue-ui-switch:focus.focus-visible>.content>.wrapper:after{-webkit-animation:vue-ui-focus-dark .6s forwards;animation:vue-ui-focus-dark .6s forwards}