.min-h-\[220px\] {
  min-height: 220px;
}

.player-cover.hidden,
.filter-hidden,
.category-panel.hidden,
[data-mobile-menu].hidden {
  display: none;
}

.player-cover {
  z-index: 20;
}

.player-controls {
  z-index: 30;
}

.player-shell video {
  cursor: pointer;
  background: #000;
}

.rank-number {
  min-width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.category-panel {
  display: block;
}

.search-card.is-muted {
  display: none;
}

@media (max-width: 640px) {
  .hero-copy {
    max-width: 92vw;
  }
}