.seg{box-sizing:border-box;gap:var(--space-4xs);padding:var(--space-4xs);border:1px solid var(--ui-3);border-radius:var(--radius-sm);background:var(--bg-3);display:inline-flex}.seg--fill{width:100%;display:flex}.seg--fill .seg__item{flex:1}.seg--small{--_seg-h:22px;--_seg-px:var(--space-2xs);--_seg-font:var(--font-xs);--_seg-icon:14px}.seg--medium{--_seg-h:28px;--_seg-px:var(--space-xs);--_seg-font:var(--font-sm);--_seg-icon:16px}.seg--large{--_seg-h:34px;--_seg-px:var(--space-sm);--_seg-font:var(--font-md);--_seg-icon:18px}.seg__item{height:var(--_seg-h);padding:0 var(--_seg-px);border-radius:var(--radius-xs);color:var(--tx-2);font:inherit;font-size:var(--_seg-font);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:500;line-height:1;display:inline-flex}.seg__item svg{width:var(--_seg-icon);height:var(--_seg-icon);flex:none}.seg__item:hover:not(:disabled){background:color-mix(in srgb, var(--bg) 50%, transparent);color:var(--tx)}.seg__item[data-state=checked]{border-color:var(--ui-3);background:var(--bg);color:var(--tx);--_raise-shadow:var(--raised);box-shadow:var(--_raise-shadow)}.seg__item[data-state=checked]:active:not(:disabled){--_raise-shadow:var(--pressed)}.dark .seg__item[data-state=checked]{background:var(--bg-4)}.seg__item:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-blue) 25%, transparent);outline:none}.seg__item:disabled{opacity:.45;cursor:not-allowed}