.tiny-switch{--ti-switch-on-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-switch-off-bg-color:var(--ti-common-color-bg-secondary, #adb0b8);--ti-switch-disabled-bg-color:var(--ti-common-color-bg-dark-disabled, #dfe1e6);--ti-switch-checked-disabled-bg-color:var(--ti-common-color-bg-light-emphasize, #beccfa);--ti-switch-checked-disabled-border-color:var(--ti-common-color-bg-light-emphasize, #beccfa);--ti-switch-disabled-text-color:var(--ti-common-color-info-disabled, #bfbfbf);--ti-switch-disabled-dot-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-switch-dot-bg-color:var(--ti-common-color-light, #fff);--ti-switch-dot-size:var(--ti-common-size-4x, 16px);--ti-switch-dot-position-left:var(--ti-common-space-1, 1px);--ti-switch-dot-position-top:var(--ti-common-space-1, 1px);--ti-switch-dot-offset:calc(var(--ti-switch-dot-size) + var(--ti-switch-dot-position-left));--ti-switch-text-color:var(--ti-common-color-light, #fff);--ti-switch-width:calc(var(--ti-common-size-base, 4px) * 9.5);--ti-switch-height:var(--ti-common-size-5x, 20px);--ti-switch-border-radius:var(--ti-common-size-6x, 24px);--ti-switch-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-switch-inner-font-size:12px;--ti-switch-inner-position-left:var(--ti-common-space-4x, 16px);--ti-switch-text-width:calc(var(--ti-common-size-11x, 44px) + 1px);display:inline-block;width:var(--ti-switch-width);height:var(--ti-switch-height);line-height:calc(var(--ti-switch-height) - var(--ti-switch-border-weight) * 2);border-radius:var(--ti-switch-border-radius);vertical-align:middle;border:var(--ti-switch-border-weight) solid var(--ti-switch-off-bg-color);background-color:var(--ti-switch-off-bg-color);position:relative;cursor:pointer;outline:0;-webkit-transition:border .2s ease-in-out,background-color .2s ease-in-out;transition:border .2s ease-in-out,background-color .2s ease-in-out}.tiny-switch:focus-visible{outline:2px solid var(--ti-switch-on-bg-color);outline-offset:1px}.tiny-switch .tiny-switch-inner{color:var(--ti-switch-text-color);font-size:var(--ti-switch-inner-font-size);position:absolute}.tiny-switch__text{width:var(--ti-switch-text-width)}.tiny-switch__text .tiny-switch-inner{left:calc(var(--ti-switch-dot-size));width:calc(100% - var(--ti-switch-dot-size));text-align:center;overflow:hidden}.tiny-switch.mini{width:calc(var(--ti-switch-width) - 4px)}.tiny-switch.disabled,.tiny-switch.tiny-switch-checked.disabled{cursor:not-allowed;background:var(--ti-switch-disabled-bg-color);border-color:var(--ti-switch-disabled-bg-color)}.tiny-switch.disabled::after,.tiny-switch.tiny-switch-checked.disabled::after{background:var(--ti-switch-disabled-dot-bg-color);cursor:not-allowed}.tiny-switch.disabled .tiny-switch-inner,.tiny-switch.tiny-switch-checked.disabled .tiny-switch-inner{color:var(--ti-switch-disabled-text-color)}.tiny-switch.tiny-switch-checked.disabled{background:var(--ti-switch-checked-disabled-bg-color);border-color:var(--ti-switch-checked-disabled-border-color)}.tiny-switch::after{content:'';width:var(--ti-switch-dot-size);height:var(--ti-switch-dot-size);border-radius:50%;background-color:var(--ti-switch-dot-bg-color);position:absolute;left:var(--ti-switch-dot-position-left);top:var(--ti-switch-dot-position-top);cursor:pointer;-webkit-transition:left .2s ease-in-out,width .2s ease-in-out;transition:left .2s ease-in-out,width .2s ease-in-out}.tiny-switch.tiny-switch-checked{border-color:var(--ti-switch-on-bg-color);background-color:var(--ti-switch-on-bg-color)}.tiny-switch.tiny-switch-checked .tiny-switch-inner{left:2px;width:calc(100% - var(--ti-switch-dot-size));text-align:center;overflow:hidden}.tiny-switch.tiny-switch-checked:after{left:calc(100% - var(--ti-switch-dot-offset))}