.switch[data-v-4a487fd7]{--button-width:36px;--button-height:20px;display:inline-block;height:var(--button-height);position:relative;width:var(--button-width)}.switch input[data-v-4a487fd7]{display:none}.switch input:checked+.handler[data-v-4a487fd7]{background-color:var(--primary-400)}.switch input:checked+.handler[data-v-4a487fd7]:before{transform:translate(calc(var(--button-width) - 20px))}.switch input:focus+.handler[data-v-4a487fd7]{box-shadow:0 0 1px var(--primary-400)}.switch .handler[data-v-4a487fd7]{background-color:var(--neutral-200);cursor:pointer;inset:0;position:absolute;transition:.4s}.switch .handler[data-v-4a487fd7]:before{background-color:#fff;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.switch .handler.round[data-v-4a487fd7]{border-radius:10px}.switch .handler.round[data-v-4a487fd7]:before{border-radius:50%}