.switch[data-v-2bf05402]{position:relative;display:inline-block;width:var(--track-width);height:var(--track-height)}.switch input[data-v-2bf05402]{display:none}.switch .track[data-v-2bf05402]{display:flex;align-items:center;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:var(--track-color);cursor:pointer;border:var(--track-border-width) solid var(--track-color);border-radius:var(--track-border-radius);transition:.4s}.switch .track .handle[data-v-2bf05402]{display:flex;width:var(--handle-diameter);height:var(--handle-diameter);background-color:var(--handle-color);border-radius:var(--handle-border-radius);transition:.4s;justify-content:center;align-items:center}.switch .track .handle .svg-icon[data-v-2bf05402]{width:10px;height:10px}.switch input:checked+.track[data-v-2bf05402]{background-color:var(--track-active-color);border:var(--track-border-width) solid var(--track-active-color)}.switch input:focus+.track[data-v-2bf05402]{box-shadow:0 0 1px var(--track-active-color)}.switch input:checked+.track>.handle[data-v-2bf05402]{transform:translateX(var(--handle-distance))}