.seg[data-v-e8493d8e]{position:relative;display:inline-flex;padding:5px;gap:2px;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border);max-width:100%;overflow-x:auto;scrollbar-width:none}.seg[data-v-e8493d8e]::-webkit-scrollbar{display:none}.seg--stretch[data-v-e8493d8e]{display:flex;width:100%;overflow:visible}.seg--stretch .seg__opt[data-v-e8493d8e]{flex:1 1 0;height:auto;min-height:38px;padding-block:6px;justify-content:center;min-width:0;padding:0 10px;white-space:normal;text-align:center;line-height:1.2}.seg__indicator[data-v-e8493d8e]{position:absolute;top:5px;bottom:5px;left:0;border-radius:var(--radius-pill);background:var(--brand);box-shadow:var(--shadow-sm);opacity:0;transition:transform .3s var(--ease-out-quart),width .3s var(--ease-out-quart),opacity .2s}.seg__indicator.is-ready[data-v-e8493d8e]{opacity:1}.seg__opt[data-v-e8493d8e]{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 18px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:600;color:var(--text-2);white-space:nowrap;transition:color var(--dur) var(--ease-out-quart)}.seg--sm .seg__opt[data-v-e8493d8e]{height:32px;padding:0 14px;font-size:.8125rem}.seg__opt[data-v-e8493d8e]:hover{color:var(--text)}.seg__opt.is-active[data-v-e8493d8e]{color:var(--text-on-brand)}.seg__badge[data-v-e8493d8e]{font-size:.6875rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-pill);background:#d1fae5;color:var(--success);transition:background-color var(--dur),color var(--dur)}.seg__opt.is-active .seg__badge[data-v-e8493d8e]{background:#fff3;color:#fff}