/* Primary portrait listing video treatment. */
.listing-details .media-section.ukshrimp-has-video .carousel-item { background: transparent; }
.listing-details .ukshrimp-video-frame {
  position: relative;
  width: min(360px, calc(100vw - 24px));
  height: calc(min(360px, calc(100vw - 24px)) * 16 / 9);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 14px;
  background: #101014;
}
.listing-details .ukshrimp-video-frame video,
.listing-details .ukshrimp-video-frame .video-js {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.ukshrimp-video-age {
  position: absolute;
  z-index: 4;
  top: 12px;
  left: 12px;
  max-width: calc(100% - 24px);
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .68);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  pointer-events: none;
}
.ukshrimp-video-sound {
  position: absolute;
  z-index: 5;
  bottom: 56px;
  left: 50%;
  min-height: 42px;
  padding: 0 17px;
  transform: translateX(-50%);
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, .68);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.ukshrimp-video-sound:hover,
.ukshrimp-video-sound:focus-visible { background: rgba(0, 0, 0, .86); }
.listing-details .ukshrimp-has-video .carousel-indicators [data-bs-target] {
  width: 84px;
  height: 84px;
}
@media (prefers-reduced-motion: reduce) {
  .listing-details .ukshrimp-video-frame video { animation: none; }
}