@keyframes loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nut-switch{cursor:pointer;display:flex;align-items:center;background-color:var(--nutui-switch-open-background-color, var(--nutui-brand-color, #2C68FF));border-radius:var(--nutui-switch-border-radius, 28px);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;flex:0 0 auto}.nut-switch.switch-close{background-color:var(--nutui-switch-close-background-color, var(--nsui-gray-color-6, #BFBFBF))}.nut-switch.switch-close .close-line{background:var(--nutui-switch-close-line-bg-color, var(--nsui-gray-color-3, #F0F0F0));border-radius:2px}.nut-switch .switch-button{display:flex;align-items:center;justify-content:center;border-radius:var(--nutui-switch-button-border-radius, 50%);background:var(--nutui-brand-text-color, #ffffff);transition:transform .3s}.nut-switch .switch-button .switch-loading-view{backface-visibility:hidden;position:absolute;width:var(--nutui-switch-loading-view-width, 13px);height:var(--nutui-switch-loading-view-height, var(--nutui-switch-loading-view-width, 13px));animation-timing-function:cubic-bezier(.26,.38,.41,.9);animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:loading-rotate;animation-duration:var(--nutui-switch-loading-duration, .8s);animation-delay:.16s}.nut-switch .switch-button .switch-loading-view .switch-loading-view-item{width:var(--nutui-switch-loading-view-width, 13px);height:var(--nutui-switch-loading-view-height, var(--nutui-switch-loading-view-width, 13px));border-width:var(--nutui-switch-loading-border-width, 1px);border-top-color:transparent;box-sizing:border-box;border-style:solid;border-radius:50%;border-right-color:var(--nutui-switch-loading-color, var(--nutui-brand-color, #2C68FF));border-bottom-color:var(--nutui-switch-loading-color, var(--nutui-brand-color, #2C68FF));border-left-color:var(--nutui-switch-loading-color, var(--nutui-brand-color, #2C68FF));background-color:transparent}.nut-switch__label{color:var(--nutui-switch-label-color, var(--nsui-gray-color-1, #ffffff));font-size:var(--nutui-switch-font-size, var(--nsui-font-size-2, 12px))}.nut-switch__label.open{transform:var(--nutui-switch-open-label-transform, translateX(-22px))}.nut-switch__label.close{transform:var(--nutui-switch-close-label-transform, translateX(22px))}.nut-switch-disabled.switch-open{background-color:var(--nutui-switch-disabled-open-color, #A3C6FF)}.nut-switch-disabled.switch-close{background-color:var(--nutui-switch-disabled-close-color, var(--nsui-gray-color-4, #E5E5E5))}.nut-switch-base{width:var(--nutui-switch-width, 48px);height:var(--nutui-switch-height, 28px);line-height:var(--nutui-switch-line-height, 28px)}.nut-switch-base .switch-button{height:var(--nutui-switch-inside-height, 24px);width:var(--nutui-switch-inside-width, 24px);transform:var(--nutui-switch-inside-close-transform, translateX(8.3%))}.nut-switch-base.switch-open .switch-button{transform:var(--nutui-switch-inside-open-transform, translateX(91%))}.nut-switch-base.switch-close .close-line{width:8px;height:2px}.nut-switch-small{width:var(--nutui-switch-width, 44px);height:var(--nutui-switch-height, 24px);line-height:var(--nutui-switch-line-height, 24px)}.nut-switch-small .switch-button{height:var(--nutui-switch-inside-height, 20px);width:var(--nutui-switch-inside-width, 20px);transform:var(--nutui-switch-inside-close-transform, translateX(10%))}.nut-switch-small.switch-open .switch-button{transform:var(--nutui-switch-inside-open-transform, translateX(110%))}.nut-switch-small.switch-close .close-line{width:8px;height:2px}