/* Ripl v6: provider logos */
.prov.rv6-has-logo b { display: flex; align-items: center; height: 30px; margin-bottom: 4px; }
.prov .rv6-logo { max-height: 28px; max-width: 150px; width: auto; display: block; object-fit: contain; }

/* Providers row as an endless logo strip (pauses on hover). Padding keeps card borders from being clipped. */
.provs.rv6-marquee {
  display: block !important; overflow: hidden; padding: 6px 0; margin: -6px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.rv6-track { display: flex; align-items: center; gap: 0; width: max-content; animation: rv6scroll 32s linear infinite; }
.provs.rv6-marquee:hover .rv6-track { animation-play-state: paused; }
@keyframes rv6scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.rv6-lc {
  flex: 0 0 auto; box-sizing: border-box; width: 210px; margin-right: 12px; height: 76px; display: grid; place-items: center;
  background: #0e0e10; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 14px;
  transition: border-color 0.2s, background-color 0.2s;
}
.rv6-lc:hover { border-color: rgba(31, 91, 255, 0.45); background: #141416; }
.rv6-lc img { display: block; max-height: 30px; max-width: 150px; width: auto; object-fit: contain; user-select: none; }
.rv6-lc img[src*="pragmatic"] { max-height: 70px; max-width: 180px; }
.rv6-lcn { font: 700 16px/1 "RB Inter", Inter, system-ui, sans-serif; color: #f5f5f3; }
@media (prefers-reduced-motion: reduce) { .rv6-track { animation: none; } }