.base-switch[data-v-17965e65]{align-items:center;display:inline-flex;position:relative}.switch-input[data-v-17965e65]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.switch-label[data-v-17965e65]{background-color:var(--gray-100,#f5f7fa);border-radius:999px;cursor:pointer;display:inline-block;margin:0;position:relative;transition:background-color .2s ease}.switch-label[data-v-17965e65]:hover{background-color:var(--gray-200,#e9ecef)}.switch-input:checked+.switch-label[data-v-17965e65]{background-color:var(--green-500,#10b981)}.switch-input:checked+.switch-label[data-v-17965e65]:hover{background-color:var(--green-600,#059669)}.switch-thumb[data-v-17965e65]{background-color:var(--white,#fff);border-radius:50%;box-shadow:0 1px 3px #0000001a;left:2px;position:absolute;top:2px;transition:transform .2s ease}.switch-input:checked+.switch-label .switch-thumb[data-v-17965e65]{transform:translate(var(--c65be3a4))}.base-switch.disabled[data-v-17965e65]{opacity:.5;pointer-events:none}.switch-input:focus+.switch-label[data-v-17965e65]{box-shadow:0 0 0 2px #10b98133}.switch-label[style*="width: 24px"] .switch-thumb[data-v-17965e65]{--translate-distance:10px}.switch-label[style*="width: 28px"] .switch-thumb[data-v-17965e65]{--translate-distance:12px}.switch-label[style*="width: 32px"] .switch-thumb[data-v-17965e65]{--translate-distance:14px}