.portfolio .director-performance{align-items:center;gap:12px;margin-top:14px;display:flex}.portfolio .director-performance button{min-height:44px;color:var(--accent);font:12px/1.4 var(--font-body);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:7px;padding:0;display:inline-flex}.portfolio .director-performance button svg{fill:currentColor;width:14px;height:14px}.portfolio .director-performance-track{cursor:pointer;touch-action:none;flex:1;align-items:center;min-width:32px;height:44px;display:flex}.portfolio .director-performance-track progress{appearance:none;background:var(--line);width:100%;height:3px;color:var(--accent);pointer-events:none;border:0;display:block}.portfolio .director-performance-track progress::-webkit-progress-bar{background:var(--line)}.portfolio .director-performance-track progress::-webkit-progress-value{background:var(--accent)}.portfolio .director-performance-track progress::-moz-progress-bar{background:var(--accent)}.portfolio .director-performance-time{color:var(--muted);font:10px/1.4 var(--font-mono);font-variant-numeric:tabular-nums;flex-shrink:0}.portfolio .director-performance :is(button,[role=slider]):focus-visible{outline:2px solid var(--accent);outline-offset:4px}