.h-switch{align-items:center;gap:var(--s-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.h-switch__track{border-radius:var(--r-full);background:var(--c-line-strong);width:34px;height:20px;transition:background var(--t-med);flex-shrink:0;position:relative}.h-switch__thumb{background:var(--c-surface);width:16px;height:16px;transition:transform var(--t-med);border-radius:50%;position:absolute;top:2px;left:2px}.h-switch.is-on .h-switch__track{background:var(--c-success)}.h-switch.is-on .h-switch__thumb{transform:translate(14px)}.h-switch input:focus-visible+.h-switch__track{outline:2px solid var(--c-focus);outline-offset:2px}.h-switch.is-disabled{opacity:.5;cursor:default}