.seg{grid-template-columns:repeat(var(--seg-count), minmax(0, 1fr));background:var(--surface-alt);border:1px solid var(--border);isolation:isolate;border-radius:12px;width:max-content;padding:5px;display:grid;position:relative}.seg--light{background:#fff;border-color:#262f2b1f}.seg--fit{grid-template-columns:repeat(var(--seg-count), auto)}.seg-thumb{width:calc((100% - 10px)/var(--seg-count));transform:translateX(calc(var(--seg-index) * 100%));z-index:0;pointer-events:none;background:#262f2b;border-radius:8px;transition:transform .34s cubic-bezier(.34,1.7,.5,1);position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 3px 10px #262f2b52}.seg-option{z-index:1;cursor:pointer;font-family:var(--font-geist-sans),Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:.6rem 1.1rem;font-size:13px;font-weight:600;transition:color .3s;display:inline-flex;position:relative}.seg-option--active{color:#fff}.seg-option:disabled{cursor:not-allowed}.seg--disabled{opacity:.55}@media (prefers-reduced-motion:reduce){.seg-thumb{transition:none}}