/* The inner rail supplies autoplay; native scrolling supplies touch momentum. */
.logo-track.has-logo-rail { display: block; }
.logo-rail { display: flex; align-items: center; gap: inherit; width: max-content; }
.logo-track.is-continuous { overflow-x: auto; touch-action: auto; overflow-anchor: none; scroll-behavior: auto; }
.logo-track.is-continuous .logo-rail { will-change: transform; }
.tools-band .logo-track .logo-item { box-sizing: border-box; padding: 16px; gap: 12px; font-size: 20px; letter-spacing: -.02em; }
.tools-band .logo-track .logo-item img:not(.logo-wordmark) { flex: 0 0 34px; width: 34px; height: 34px; max-height: 34px; object-fit: contain; }
.tools-band .logo-track .logo-item img.logo-wordmark { flex: 0 0 auto; width: 144px; height: 34px; max-width: 144px; max-height: 34px; object-fit: contain; }
.tools-band .logo-track .logo-item img.logo-wordmark-cian { width: 120px; height: 31px; }
.tools-band .logo-track .logo-item img.logo-wordmark-cloud { width: 78px; height: 56px; max-height: 56px; }
.tools-band .logo-track .logo-item img.logo-wordmark-1c { width: 64px; height: 36px; max-height: 36px; }
.tools-band .logo-track .logo-item img.logo-wordmark-wide { width: 164px; max-width: 164px; }
.tools-band .logo-track .logo-item img.logo-wordmark-tall { height: 44px; max-height: 44px; }
.tools-band .logo-track .logo-item img.logo-wordmark-widget { width: 82px; max-width: 82px; }
.tools-band .logo-track .logo-item img.logo-symbol-wide { flex: 0 0 62px; width: 62px; height: 30px; }
.tools-band .logo-item span { white-space: nowrap; }
.tools-band #logo-track { padding-bottom: 8px; }
.tools-band #crm-track { padding-top: 8px; }
/* Keep the stagger regular even for tiles with longer service names. */
#integrations .logo-item { min-width: 0; }
@media (max-width: 750px) {
  .tools-band .logo-track .logo-item { flex-basis: 208px; padding: 14px; gap: 10px; font-size: 18px; }
  .tools-band .logo-track .logo-item img:not(.logo-wordmark) { flex-basis: 30px; width: 30px; height: 30px; max-height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .logo-rail > [aria-hidden="true"] { display: none; }
}