.tw-switch{--tw-switch-on-color:var(--tw-color-primary);--tw-switch-off-color:var(--tw-border-color-base);--tw-switch-core-border-radius:10px;--tw-switch-width:40px;--tw-switch-height:20px;--tw-switch-button-size:16px}.tw-switch{display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:var(--tw-switch-height);height:32px;vertical-align:middle}.tw-switch.is-disabled .tw-switch__core,.tw-switch.is-disabled .tw-switch__label{cursor:not-allowed}.tw-switch__label{transition:var(--tw-transition-duration-fast);height:var(--tw-switch-height);display:inline-block;font-size:14px;font-weight:500;cursor:pointer;vertical-align:middle;color:var(--tw-text-color-primary)}.tw-switch__label.is-active{color:var(--tw-color-primary)}.tw-switch__label--left{margin-right:10px}.tw-switch__label--right{margin-left:10px}.tw-switch__label *{line-height:1;font-size:14px;display:inline-block}.tw-switch__label .tw-icon{height:inherit}.tw-switch__label .tw-icon svg{vertical-align:middle}.tw-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.tw-switch__core{margin:0;display:inline-block;position:relative;width:var(--tw-switch-width);height:var(--tw-switch-height);border:1px solid var(--tw-switch-off-color);outline:0;border-radius:var(--tw-switch-core-border-radius);box-sizing:border-box;background:var(--tw-switch-off-color);cursor:pointer;transition:border-color var(--tw-transition-duration),background-color var(--tw-transition-duration);vertical-align:middle}.tw-switch__core .tw-switch__inner{position:absolute;top:1px;left:1px;transition:all var(--tw-transition-duration);width:var(--tw-switch-button-size);height:var(--tw-switch-button-size);display:flex;justify-content:center;align-items:center;left:50%}.tw-switch__core .tw-switch__inner .is-icon,.tw-switch__core .tw-switch__inner .is-text{color:var(--tw-color-white);transition:opacity var(--tw-transition-duration);position:absolute;-webkit-user-select:none;user-select:none}.tw-switch__core .tw-switch__action{position:absolute;top:1px;left:1px;border-radius:var(--tw-border-radius-circle);transition:all var(--tw-transition-duration);width:var(--tw-switch-button-size);height:var(--tw-switch-button-size);background-color:var(--tw-color-white);display:flex;justify-content:center;align-items:center;color:var(--tw-switch-off-color)}.tw-switch__core .tw-switch__action .is-icon,.tw-switch__core .tw-switch__action .is-text{transition:opacity var(--tw-transition-duration);position:absolute;-webkit-user-select:none;user-select:none}.tw-switch__core .is-text{font-size:12px}.tw-switch__core .is-show{opacity:1}.tw-switch__core .is-hide{opacity:0}.tw-switch.is-checked .tw-switch__core{border-color:var(--tw-switch-on-color);background-color:var(--tw-switch-on-color)}.tw-switch.is-checked .tw-switch__core .tw-switch__action{left:100%;margin-left:calc(-1px - var(--tw-switch-button-size));color:var(--tw-switch-on-color)}.tw-switch.is-checked .tw-switch__core .tw-switch__inner{left:50%;margin-left:calc(-1px - var(--tw-switch-button-size))}.tw-switch.is-disabled{opacity:.6}.tw-switch--wide .tw-switch__label.tw-switch__label--left span{left:10px}.tw-switch--wide .tw-switch__label.tw-switch__label--right span{right:10px}.tw-switch .label-fade-enter-from,.tw-switch .label-fade-leave-active{opacity:0}.tw-switch--large{font-size:14px;height:40px}.tw-switch--large .tw-switch__label{font-size:14px}.tw-switch--large .tw-switch__label *{font-size:14px}.tw-switch--small{font-size:12px;height:24px}.tw-switch--small .tw-switch__label{font-size:12px}.tw-switch--small .tw-switch__label *{font-size:12px}