.seg{position:relative;display:inline-grid;grid-template-columns:repeat(var(--seg-n),minmax(0,1fr));padding:3px;border-radius:999px;background:var(--surface-2, #2D2437);border:1px solid var(--border, #3E3349);isolation:isolate;max-width:100%}.seg-thumb{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--seg-n));border-radius:999px;background:var(--primary);transform:translate(calc(var(--seg-i) * 100%));transition:transform .32s cubic-bezier(.32,.72,0,1)}.seg-btn{position:relative;z-index:1;min-height:40px;padding:0 16px;border:0;border-bottom:0;border-radius:999px;background:transparent;color:var(--text-muted, #B8ADBD);font:inherit;font-size:14px;font-weight:560;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:color .22s ease}.seg-btn:hover:not(:disabled){color:var(--text-main, #FAF7F5);background:transparent}.seg-btn[aria-pressed=true]{color:var(--primary-contrast, #fff)}.seg-btn:focus-visible{outline:2px solid var(--primary-text);outline-offset:2px;border-radius:999px}.seg-short{display:none}@media (max-width: 560px){.seg-btn{padding:0 8px;font-size:13.5px}.seg-long:not(:only-child){display:none}.seg-short{display:inline}}@media (prefers-reduced-motion: reduce){.seg-thumb{transition:none}}