@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.y-switch{--y-switch-active-color:var(--y-color-primary);--y-switch-inactive-color:var(--y-color-info-7);--y-switch-height:22px;--y-switch-double-height:calc(var(--y-switch-height) * 2);--y-switch-offset:2px;--y-switch-padding-end:9px;--y-switch-border-radius:4px;--y-switch-font-size:var(--y-font-size);--y-switch-text-color:var(--y-text-color-1);--y-switch-double-offset:calc(var(--y-switch-offset) * 2);--y-switch-handle:calc(var(--y-switch-height) - var(--y-switch-double-offset));--y-switch-padding-start:calc(var(--y-switch-height) + var(--y-switch-offset));--y-switch-double:calc(var(--y-switch-double-height) + var(--y-switch-double-offset));--y-switch-disabled:var(--y-disabled-opacity)}.y-switch{display:inline-flex;position:relative;height:var(--y-switch-height);line-height:var(--y-switch-height);min-width:calc(var(--y-switch-height) * 2);box-sizing:border-box;border-radius:var(--y-switch-height);background-color:var(--y-switch-inactive-color);transition:all .2s;cursor:pointer;font-size:var(--y-switch-font-size);color:var(--y-text-color-1);vertical-align:middle}.y-switch__handle{position:absolute;top:var(--y-switch-offset);left:var(--y-switch-offset);height:var(--y-switch-handle);width:var(--y-switch-handle);display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;transition:all .2s ease-in-out}.y-switch__inner{display:block;overflow:hidden;border-radius:100px;line-height:var(--y-switch-height);padding-inline-start:var(--y-switch-padding-start);padding-inline-end:var(--y-switch-padding-end);color:#fff;transition:padding-inline-start .2s ease-in-out,padding-inline-end .2s ease-in-out}.y-switch__inner--checked{display:block;margin-inline-start:calc(-100% + var(--y-switch-height) - var(--y-switch-double));margin-inline-end:calc(100% - var(--y-switch-height) + var(--y-switch-double));transition:margin-inline-start .2s ease-in-out,margin-inline-end .2s ease-in-out}.y-switch__inner--unchecked{display:block;margin-top:calc(var(--y-switch-height) - var(--y-switch-double-height));margin-inline-start:0;margin-inline-end:0;transition:margin-inline-start .2s ease-in-out,margin-inline-end .2s ease-in-out}.y-switch.is-checked{background-color:var(--y-switch-active-color)}.y-switch.is-checked .y-switch__handle{left:calc(100% - var(--y-switch-handle) - var(--y-switch-offset))}.y-switch.is-checked .y-switch__inner{padding-inline-start:var(--y-switch-padding-end);padding-inline-end:var(--y-switch-padding-start)}.y-switch.is-checked .y-switch__inner--checked{margin-inline-start:0;margin-inline-end:0}.y-switch.is-checked .y-switch__inner--unchecked{margin-inline-start:calc(100% - var(--y-switch-height) + var(--y-switch-double));margin-inline-end:calc(-100% + var(--y-switch-height) - var(--y-switch-double))}.y-switch.is-disabled{cursor:not-allowed;opacity:var(--y-switch-disabled)}.y-switch.is-loading{cursor:wait}.y-switch.is-loading .y-switch__handle::after{box-sizing:border-box;display:block;content:" ";width:calc(100% - 4px);height:calc(100% - 4px);border:1px solid var(--y-color-primary);border-bottom-color:transparent;border-radius:50%;animation:loading 1s linear infinite;margin:0 auto}