/* Preserve the camera rig and destination instead of cropping 16:9 campaign art into portraits. */
.creator-reel {
  background: radial-gradient(circle at center, #173245 0, #07111a 72%);
}

.creator-reel img {
  object-fit: contain;
  object-position: center;
  transform: none;
}

.creator-reel img.changing {
  transform: scale(.995);
}

.portrait {
  aspect-ratio: 16 / 9;
  min-height: 0;
  background: #07111a;
}

.portrait img {
  object-fit: contain;
  object-position: center;
}

@media (max-width: 850px) {
  .creator-reel img {
    object-fit: cover;
    object-position: 48% center;
  }

  .portrait {
    min-height: 0;
  }
}

.video-progress button {
  width: 22px;
  height: 5px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: #ffffff38;
  cursor: pointer;
}

.video-progress button.active {
  width: 55px;
  background: var(--cyan);
}