.hao-switch{--hs-w:40px;--hs-h:20px;--hs-pad:2px;--hs-t:calc(var(--hs-h) - var(--hs-pad) * 2);appearance:none;vertical-align:middle;height:32px;color:inherit;cursor:var(--cursor-touch),auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;outline:none;flex:none;align-items:center;margin:0;padding:0;display:inline-flex}.hao-switch.is-large{--hs-w:50px;--hs-h:24px;height:40px}.hao-switch:disabled{opacity:.6;cursor:not-allowed}.hao-switch:focus-visible .hao-switch__track{box-shadow:inset 0 0 0 1px var(--color-background-vk),0 0 0 2px var(--hao-ui-ring)}.hao-switch>.hao-switch__track,.hao-switch__track>.hao-switch__thumb{white-space:nowrap;border:0;margin:0;padding:0;line-height:1}.hao-switch__track{width:var(--hs-w);height:var(--hs-h);box-shadow:inset 0 0 0 1px var(--color-background-vk);background:#191919;border-radius:999px;transition:background-color .28s,box-shadow .28s;display:block;position:relative}.hao-switch__thumb{top:var(--hs-pad);left:var(--hs-pad);width:var(--hs-t);height:var(--hs-t);background:var(--switch-bt-color);color:var(--color-tm-text);font-size:calc(.8 * (-4px + var(--hs-t)));border-radius:999px;justify-content:center;align-items:center;transition:transform .34s cubic-bezier(.3,1.35,.5,1),width .2s,background-color .28s,color .28s,box-shadow .28s;display:flex;position:absolute;box-shadow:-5px 0 10px #838383}.hao-switch__thumb .hao-icon{font-size:inherit}.hao-switch.is-on .hao-switch__track{background:#56565694}.hao-switch.is-on .hao-switch__thumb{transform:translateX(calc(var(--hs-w) - var(--hs-t) - var(--hs-pad) * 2))}.hao-switch:active:not(:disabled) .hao-switch__thumb{width:calc(5px + var(--hs-t))}.hao-switch.is-on:active:not(:disabled) .hao-switch__thumb{transform:translateX(calc(-5px + var(--hs-w) - var(--hs-t) - var(--hs-pad) * 2))}.bodySty .hao-switch :is(.hao-switch__track,.hao-switch__thumb){transition:none}@media (prefers-reduced-motion:reduce){.hao-switch :is(.hao-switch__track,.hao-switch__thumb){transition:none}}