.executors-marquee-wrap { position: relative; width: 100%; } .executors-marquee-row { overflow: hidden; width: 100%; } .executors-marquee-track { display: flex; align-items: center; gap: clamp(2rem, 5vw, 3.5rem); width: max-content; transform: translate3d(var(--marquee-x, 0px), 0, 0); will-change: transform; } .executor-item { display: flex; align-items: center; gap: 0.625rem; flex-shrink: 0; opacity: 0.45; filter: grayscale(0.3); transition: opacity var(--duration-base) ease, filter var(--duration-base) ease; } .executor-item:hover { opacity: 1; filter: grayscale(0); } .executor-avatar { width: 28px; height: 28px; border-radius: 8px; background: var(--color-border); overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .executor-avatar img { width: 100%; height: 100%; object-fit: cover; } .executor-name { font-size: clamp(0.95rem, 2vw, 1.15rem); font-weight: 700; color: var(--color-fg); white-space: nowrap; letter-spacing: -0.01em; }