.sponsors article {
  min-height: 182px;
}

.sponsors article[hidden] { display: none; }
.sponsors article.advertisement-live { position: relative; padding: 0; overflow: hidden; }
.advertisement-stage { display: block; position: relative; width: 100%; height: 180px; min-height: 180px; }
.advertisement-frame { display: block; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .4s ease; pointer-events: none; }
.advertisement-frame.active { opacity: 1; pointer-events: auto; }
.advertisement-frame img,.advertisement-frame video { display: block; width: 100%; height: 180px; object-fit: cover; background: #06080a; }
.advertisement-dots { position: absolute; z-index: 2; left: 50%; bottom: 9px; transform: translateX(-50%); display: flex; gap: 5px; padding: 4px 7px; border-radius: 12px; background: #0008; }
.advertisement-dots i { width: 6px; height: 6px; border-radius: 50%; background: #fff7; }
.advertisement-dots i.active { background: #e3b53e; }

@media (max-width: 560px) {
  .sponsors article {
    min-height: 149px;
  }
  .advertisement-stage { height: 147px; min-height: 147px; }
  .advertisement-frame img,.advertisement-frame video { height: 147px; }
}

@media (prefers-reduced-motion: reduce) {
  .advertisement-frame { transition: none; }
}