.vue-toggle-switch-text{position:relative;display:flex;justify-content:center;align-items:center;height:100%;pointer-events:none}.vue-toggle-switch-wrapper{display:flex;align-items:center;justify-content:center;position:relative}.vue-toggle-switch-text{position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:50%;pointer-events:none}.vue-toggle-switch-text:nth-of-type(2){left:0}.vue-toggle-switch-text:nth-of-type(3){right:0}.vue-toggle-switch-text.outside{width:25%}.vue-toggle-switch-el{font-family:inherit;position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;cursor:pointer;-webkit-user-select:none;user-select:none}.vue-toggle-switch-handle{position:absolute;width:50%}@media (hover:hover){.vue-toggle-switch-handle:hover{filter:brightness(.9);cursor:pointer}.vue-toggle-switch-handle:active{cursor:grabbing}}html,body{height:100%;background-color:#fffcf4}#app{font-family:monospace;display:flex;flex-flow:column;justify-content:center;align-items:center;height:100%}h1{margin:0 0 5px}h2{margin:5px 0 15px}h4{margin:0 0 30px;text-align:center;line-height:2}.label{font-size:12px;margin-bottom:10px}code{font-size:12px}.flex{display:flex;align-items:center}.spacer{height:25px}