.semi-switch{box-sizing:border-box;cursor:pointer;background-color:var(--semi-color-fill-0);transition:background-color .2s var(--semi-transition_function-easeIn)var(--semi-transition_delay-none);border:1px solid #0000;border-radius:12px;width:40px;height:24px;display:inline-block;position:relative}.semi-switch:hover{background-color:var(--semi-color-fill-1)}.semi-switch:active{border:1px var(--semi-color-fill-2)solid}.semi-switch:active .semi-switch-knob{width:24px}.semi-switch-focus{outline:2px solid var(--semi-color-primary-light-active)}.semi-switch-checked{background-color:var(--semi-color-success)}.semi-switch-checked:hover{background-color:var(--semi-color-success-hover)}.semi-switch-checked .semi-switch-knob{transform:translate(18px)}.semi-switch-checked:active .semi-switch-knob{transform:translate(12px)}.semi-switch-active{background-color:var(--semi-color-success-active)}.semi-switch-disabled{cursor:not-allowed;border:1px var(--semi-color-border)solid;background-color:#0000}.semi-switch-disabled:hover,.semi-switch-disabled:active{background-color:#0000}.semi-switch-disabled:active .semi-switch-knob{width:18px}.semi-switch-disabled .semi-switch-knob{cursor:not-allowed;box-shadow:none;border:1px var(--semi-color-border)solid}.semi-switch-disabled .semi-switch-native-control{pointer-events:none;cursor:not-allowed}.semi-switch-disabled.semi-switch-checked{background-color:var(--semi-color-success-disabled);border-color:#0000}.semi-switch-disabled.semi-switch-checked:active .semi-switch-knob{transform:translate(18px)}.semi-switch-disabled.semi-switch-checked .semi-switch-knob{box-shadow:none;border:none}.semi-switch-disabled.semi-switch-loading:not(.semi-switch-checked):hover{background-color:var(--semi-color-fill-1)}.semi-switch-knob{cursor:pointer;background-color:rgba(var(--semi-white),1);box-sizing:border-box;border-radius:9px;width:18px;height:18px;transition:transform .2s ease-in-out,width .2s ease-in-out;position:absolute;top:2px;left:0;right:auto;transform:translate(2px);box-shadow:0 4px 6px #0000001a,0 0 1px #0000004d}.semi-switch-native-control{opacity:0;width:100%;height:100%;cursor:inherit;pointer-events:auto;margin:0;position:absolute;top:0;left:0}.semi-switch-native-control[type=checkbox]{width:inherit;height:inherit}.semi-switch-checked-text,.semi-switch-unchecked-text{justify-content:center;align-items:center;width:20px;height:100%;font-size:12px;display:flex;position:absolute}.semi-switch-checked-text{color:var(--semi-color-white)}.semi-switch-unchecked-text{color:var(--semi-color-text-2);right:0}.semi-switch-loading{background-color:var(--semi-color-fill-1);align-items:center;display:inline-flex}.semi-switch-loading-spin .semi-spin-wrapper{color:var(--semi-color-white);align-items:center;display:inline-flex}.semi-switch-loading .semi-switch-loading-spin{transform:translate(2px)}.semi-switch-loading .semi-switch-loading-spin>.semi-spin-wrapper>svg{width:18px;height:18px}.semi-switch-loading.semi-switch-checked{background-color:var(--semi-color-success-hover)}.semi-switch-loading.semi-switch-checked .semi-switch-loading-spin{transform:translate(16px)}.semi-switch-loading.semi-switch-small .semi-switch-loading-spin{transform:translate(2px)}.semi-switch-loading.semi-switch-small .semi-switch-loading-spin>.semi-spin-wrapper>svg{width:10px;height:10px}.semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin{transform:translate(10px)}.semi-switch-loading.semi-switch-large .semi-switch-loading-spin{transform:translate(2px)}.semi-switch-loading.semi-switch-large .semi-switch-loading-spin>.semi-spin-wrapper>svg{width:28px;height:28px}.semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin{transform:translate(22px)}.semi-switch-disabled.semi-switch-checked{background-color:var(--semi-color-success-disabled)}.semi-switch-large{border-radius:16px;width:54px;height:32px}.semi-switch-large .semi-switch-knob{border-radius:12px;width:24px;height:24px;top:3px;transform:translate(3px)}.semi-switch-large.semi-switch-checked .semi-switch-knob{transform:translate(26px)}.semi-switch-large.semi-switch-checked:active .semi-switch-knob{transform:translate(16px)}.semi-switch-large:active .semi-switch-knob{width:34px}.semi-switch-large .semi-switch-checked-text,.semi-switch-large .semi-switch-unchecked-text{width:26px;font-size:14px}.semi-switch-small{border-radius:8px;width:26px;height:16px}.semi-switch-small .semi-switch-knob{border-radius:6px;width:12px;height:12px;top:1px;transform:translate(1px)}.semi-switch-small.semi-switch-checked .semi-switch-knob{transform:translate(11px)}.semi-switch-small.semi-switch-checked:active .semi-switch-knob{transform:translate(9px)}.semi-switch-small:active .semi-switch-knob{width:14px}.semi-form .semi-switch-native-control{width:100%;height:100%}.semi-rtl .semi-switch,.semi-portal-rtl .semi-switch{direction:rtl}.semi-rtl .semi-switch-checked .semi-switch-knob,.semi-portal-rtl .semi-switch-checked .semi-switch-knob{transform:translate(-18px)}.semi-rtl .semi-switch-checked:active .semi-switch-knob,.semi-portal-rtl .semi-switch-checked:active .semi-switch-knob{transform:translate(-12px)}.semi-rtl .semi-switch-knob,.semi-portal-rtl .semi-switch-knob{left:auto;right:0;transform:translate(-2px)}.semi-rtl .semi-switch-native-control,.semi-portal-rtl .semi-switch-native-control{right:0}.semi-rtl .semi-switch-unchecked-text,.semi-portal-rtl .semi-switch-unchecked-text{left:0}.semi-rtl .semi-switch-loading .semi-switch-loading-spin,.semi-portal-rtl .semi-switch-loading .semi-switch-loading-spin{transform:translate(-2px)}.semi-rtl .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin,.semi-portal-rtl .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin{transform:translate(-16px)}.semi-rtl .semi-switch-loading.semi-switch-small .semi-switch-loading-spin,.semi-portal-rtl .semi-switch-loading.semi-switch-small .semi-switch-loading-spin{transform:translate(-2px)}.semi-rtl .semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin,.semi-portal-rtl .semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin{transform:translate(-10px)}.semi-rtl .semi-switch-loading.semi-switch-large .semi-switch-loading-spin,.semi-portal-rtl .semi-switch-loading.semi-switch-large .semi-switch-loading-spin{transform:translate(-2px)}.semi-rtl .semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin,.semi-portal-rtl .semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin{transform:translate(-22px)}.semi-rtl .semi-switch-large .semi-switch-knob,.semi-portal-rtl .semi-switch-large .semi-switch-knob{transform:translate(-3px)}.semi-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob,.semi-portal-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob{transform:translate(-26px)}.semi-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob,.semi-portal-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob{transform:translate(-16px)}.semi-rtl .semi-switch-small .semi-switch-knob,.semi-portal-rtl .semi-switch-small .semi-switch-knob{transform:translate(-1px)}.semi-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob,.semi-portal-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob{transform:translate(-11px)}.semi-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob,.semi-portal-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob{transform:translate(-9px)}