.emoji-logo {
  font-family: system-ui;
}
.video-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
  aspect-ratio: 16 / 9;
}
.video-thumbnail-container {
  width: 180px;
  height: 100px;
}
.avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.modal-visible {
  opacity: 1;
  pointer-events: auto;
}
.similar-content-scrollable {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding: 1rem 0;
  scroll-snap-type: x mandatory;
  width: 100%;
  max-width: 100%;
  max-height: 200px;
}
.similar-content-scrollable a {
  min-width: 200px;
  scroll-snap-align: start;
  flex: 0 0 auto;
}