.seg{border-radius:var(--r-field);background:var(--surface-2);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.seg__btn{min-height:calc(var(--tap) - 6px);padding:0 var(--s-3);color:var(--muted);font-size:var(--fs-label);line-height:var(--lh-label);transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;border-radius:9px;font-weight:500}.seg__btn[aria-pressed=true]{background:var(--surface-3);color:var(--fg);font-weight:600;box-shadow:0 1px 3px #0000001f}.seg--sm{border-radius:10px;padding:2px;display:inline-grid}.seg--sm .seg__btn{min-width:40px;min-height:30px;padding:0 var(--s-2);letter-spacing:.02em;border-radius:8px;font-size:13px;font-weight:600;position:relative}.seg--sm .seg__btn:before{content:"";position:absolute;inset:-7px -2px}