.h-segment[data-v-0fad4da1]{--h-segment-background:var(--h0n-ui-color-surface);--h-segment-border:transparent;--h-segment-indicator:var(--h0n-ui-color-secondary);--h-segment-active-color:var(--h0n-ui-color-text);--h-segment-height:36px;--h-segment-font-size:var(--h0n-ui-typography-body-sm-size);--h-segment-padding-inline:14px;background:var(--h-segment-background);border:1px solid var(--h-segment-border);border-radius:var(--h0n-ui-radius-xl);min-width:0;max-width:100%;transition:background-color var(--h0n-ui-duration-fast) ease, border-color var(--h0n-ui-duration-fast) ease, width var(--h0n-ui-duration-normal) cubic-bezier(.22, 1, .36, 1);gap:4px;padding:4px;display:inline-flex;position:relative}.h-segment__indicator[data-v-0fad4da1]{background:var(--h-segment-indicator);border-radius:var(--h0n-ui-radius-lg);pointer-events:none;transition:background-color var(--h0n-ui-duration-fast) ease, height var(--h0n-ui-duration-normal) cubic-bezier(.22, 1, .36, 1), opacity var(--h0n-ui-duration-fast) ease, transform var(--h0n-ui-duration-normal) cubic-bezier(.22, 1, .36, 1), width var(--h0n-ui-duration-normal) cubic-bezier(.22, 1, .36, 1);will-change:transform, width;z-index:0;position:absolute;top:50%;left:0}.h-segment__item[data-v-0fad4da1]{border-radius:var(--h0n-ui-radius-lg);color:var(--h0n-ui-color-muted);cursor:pointer;font-family:var(--h0n-ui-font-family);font-size:var(--h-segment-font-size);font-weight:var(--h0n-ui-font-weight-medium);min-height:var(--h-segment-height);min-width:0;padding:0 var(--h-segment-padding-inline);transition:color var(--h0n-ui-duration-fast) ease, opacity var(--h0n-ui-duration-fast) ease;white-space:nowrap;z-index:1;background:0 0;border:0;flex:auto;justify-content:center;align-items:center;display:flex;position:relative}.h-segment__item--active[data-v-0fad4da1]{color:var(--h-segment-active-color)}.h-segment__item[data-v-0fad4da1]:focus-visible{box-shadow:var(--h0n-ui-focus-ring);outline:none}.h-segment__item[data-v-0fad4da1]:disabled{cursor:not-allowed;opacity:.55}.h-segment__content[data-v-0fad4da1]{justify-content:center;align-items:center;min-width:0;line-height:1;display:flex}.h-segment__icon[data-v-0fad4da1]{flex:none}.h-segment__label[data-v-0fad4da1]{opacity:1;max-width:14rem;transition:max-width var(--h0n-ui-duration-normal) cubic-bezier(.22, 1, .36, 1), margin var(--h0n-ui-duration-normal) cubic-bezier(.22, 1, .36, 1), opacity var(--h0n-ui-duration-fast) ease, transform var(--h0n-ui-duration-normal) cubic-bezier(.22, 1, .36, 1);vertical-align:middle;display:inline-block;overflow:hidden}.h-segment__icon+.h-segment__label[data-v-0fad4da1]{margin-inline-start:8px}.h-segment__icon+.h-segment__label--collapsed[data-v-0fad4da1]{opacity:0;max-width:0;margin-inline-start:0;transform:translate(-4px)}.h-segment--sm[data-v-0fad4da1]{--h-segment-height:30px;--h-segment-padding-inline:10px}.h-segment--lg[data-v-0fad4da1]{--h-segment-height:42px;--h-segment-font-size:var(--h0n-ui-typography-body-size);--h-segment-padding-inline:18px}.h-segment--secondary[data-v-0fad4da1]{--h-segment-background:var(--h0n-ui-color-secondary);--h-segment-indicator:var(--h0n-ui-color-surface)}.h-segment--outline[data-v-0fad4da1]{--h-segment-background:transparent;--h-segment-border:var(--h0n-ui-color-border);--h-segment-indicator:var(--h0n-ui-color-secondary)}.h-segment--ghost[data-v-0fad4da1]{--h-segment-background:transparent;--h-segment-indicator:var(--h0n-ui-color-primary);--h-segment-active-color:var(--h0n-ui-color-primary-contrast)}.h-segment--icon-expand .h-segment__item[data-v-0fad4da1]{flex:0 1 var(--h-segment-collapsed-width);transition:color var(--h0n-ui-duration-fast) ease, flex-basis var(--h0n-ui-duration-normal) cubic-bezier(.22, 1, .36, 1), opacity var(--h0n-ui-duration-fast) ease, width var(--h0n-ui-duration-normal) cubic-bezier(.22, 1, .36, 1);width:var(--h-segment-collapsed-width);overflow:hidden}.h-segment--icon-expand .h-segment__item--active[data-v-0fad4da1]{flex-basis:var(--h-segment-expanded-width);width:var(--h-segment-expanded-width)}.h-segment--disabled[data-v-0fad4da1]{opacity:.55}.h-segment--disabled .h-segment__item[data-v-0fad4da1]:disabled{opacity:1}