.segment-toggle{display:flex;align-items:center;gap:var(--space-1);background:var(--slate-100);padding:var(--space-1);border-radius:8px}.segment-toggle--equal .segment-toggle__btn{flex:1;min-width:0;white-space:nowrap}.segment-toggle--icons{gap:var(--space-1)}.segment-toggle__btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-2) var(--space-4);font-family:var(--font-display,system-ui,sans-serif);font-size:var(--font-size-body-md);font-weight:500;color:var(--slate-500);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.segment-toggle__btn:hover{color:var(--slate-700)}.segment-toggle__btn.active{background:var(--white);color:var(--slate-900);box-shadow:var(--shadow-sm)}.segment-toggle__btn.is-disabled{opacity:.4;pointer-events:none;cursor:default}.segment-toggle__icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--slate-500);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.segment-toggle__icon-btn:hover{color:var(--slate-700)}.segment-toggle__icon-btn.active{background:var(--white);color:var(--slate-900);box-shadow:var(--shadow-sm)}.segment-toggle__icon-btn svg{width:16px;height:16px;flex-shrink:0}