.toggle[data-v-b406c5b2]{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle--sm[data-v-b406c5b2]{height:12px;width:20px}.toggle--sm .toggle-slider[data-v-b406c5b2]{border-radius:24px}.toggle--sm .toggle-slider .toggle-handle[data-v-b406c5b2]{height:8px;left:2px;top:2px;width:8px}.toggle--sm.toggle--active .toggle-slider .toggle-handle[data-v-b406c5b2]{transform:translate(8px)}.toggle--md[data-v-b406c5b2]{height:20px;width:36px}.toggle--md .toggle-slider[data-v-b406c5b2]{border-radius:24px}.toggle--md .toggle-slider .toggle-handle[data-v-b406c5b2]{height:16px;left:2px;top:2px;width:16px}.toggle--md.toggle--active .toggle-slider .toggle-handle[data-v-b406c5b2]{transform:translate(16px)}.toggle--lg[data-v-b406c5b2]{height:24px;width:44px}.toggle--lg .toggle-slider[data-v-b406c5b2]{border-radius:24px}.toggle--lg .toggle-slider .toggle-handle[data-v-b406c5b2]{height:20px;left:2px;top:2px;width:20px}.toggle--lg.toggle--active .toggle-slider .toggle-handle[data-v-b406c5b2]{transform:translate(20px)}.toggle .toggle-checkbox[data-v-b406c5b2]{height:0;opacity:0;position:absolute;width:0}.toggle .toggle-slider[data-v-b406c5b2]{background-color:var(--color-gray-400);bottom:0;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease}.toggle .toggle-slider .toggle-handle[data-v-b406c5b2]{background-color:var(--color-white);border-radius:50%;position:absolute;transition:transform .2s ease}.toggle:hover .toggle-slider[data-v-b406c5b2]{background-color:var(--color-gray-400)}.toggle.toggle--active .toggle-slider[data-v-b406c5b2]{background-color:var(--color-green-600)}.toggle.toggle--active:hover .toggle-slider[data-v-b406c5b2]{background-color:var(--color-green-500)}.toggle:focus-within .toggle-slider[data-v-b406c5b2]{outline:1px solid var(--color-green-600);outline-offset:1px}