.z-switch{--z-switch-track-width:48px;--z-switch-track-height:28px;--z-switch-thumb-size:20px;--z-switch-thumb-offset:4px;--z-switch-thumb-translate:20px;--z-switch-row-gap:var(--z-space-3);--z-switch-message-margin-top:var(--z-space-2);display:inline-flex;flex-direction:column}.z-switch--sm{--z-switch-track-width:40px;--z-switch-track-height:24px;--z-switch-thumb-size:16px;--z-switch-thumb-translate:16px}.z-switch--lg{--z-switch-track-width:56px;--z-switch-track-height:32px;--z-switch-thumb-size:24px;--z-switch-thumb-translate:24px}.z-switch--density-compact{--z-switch-row-gap:var(--z-space-2);--z-switch-message-margin-top:var(--z-space-1)}.z-switch--density-comfortable{--z-switch-row-gap:10px;--z-switch-message-margin-top:6px}.z-switch__row{align-items:center;cursor:pointer;display:inline-flex;gap:var(--z-switch-row-gap)}.z-switch--readonly .z-switch__row{cursor:default}.z-switch--disabled .z-switch__row{cursor:not-allowed;opacity:.6}.z-switch__label{color:var(--z-color-black);font-size:.875rem;font-weight:700;line-height:1.25rem}.z-switch__control{display:inline-flex;flex-shrink:0;position:relative}.z-switch__native{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.z-switch__track{background-color:var(--z-color-control-switch-track);border-radius:var(--z-radius-pill);display:block;height:var(--z-switch-track-height);pointer-events:none;transition:background-color .2s ease;width:var(--z-switch-track-width)}.z-switch--checked .z-switch__track{background-color:var(--z-color-primary)}.z-switch--error .z-switch__track{outline:1px solid var(--z-color-error)}.z-switch--disabled .z-switch__track{opacity:.5}.z-switch__thumb{background-color:var(--z-color-white);border-radius:var(--z-radius-pill);box-shadow:var(--z-shadow-switch-thumb);height:var(--z-switch-thumb-size);left:var(--z-switch-thumb-offset);pointer-events:none;position:absolute;top:var(--z-switch-thumb-offset);transform:translate(0);transition:transform .2s ease;width:var(--z-switch-thumb-size)}.z-switch--checked .z-switch__thumb{transform:translate(var(--z-switch-thumb-translate))}.z-switch__message{font-size:.75rem;line-height:1rem;margin:var(--z-switch-message-margin-top) 0 0}.z-switch__message--hint{color:var(--z-color-control-muted)}.z-switch__message--error{color:var(--z-color-error)}