.tabs{padding:var(--space-1);border-radius:var(--radius-default);background:var(--gray-50);gap:2px;display:flex;position:relative}.tabs__pill{top:var(--space-1);bottom:var(--space-1);z-index:0;background:var(--white);opacity:0;transition:left var(--dur-slow) var(--ease-move), width var(--dur-slow) var(--ease-move), opacity var(--dur-fast) linear;border-radius:6px;position:absolute;box-shadow:0 1px 2px #1018280d}.tabs__pill[data-ready=true]{opacity:1}.tabs button{z-index:1;min-width:0;padding:var(--space-2) var(--space-3);color:#667085;font-family:inherit;font-size:var(--type-m-body-sm);font-weight:var(--fw-medium);line-height:var(--lh-m-body-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;gap:8.4px;display:flex;position:relative}.tabs button[data-on=true]{color:var(--gray-600);font-weight:var(--fw-bold)}.tabs button:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.tabs__pill,.tabs button{transition:none}}