/* Enabled Plyr players: media and persistent controls occupy separate rows. */
.plyr.sngine-video-controls-below.plyr--video {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  cursor: auto;
}
.plyr.sngine-video-controls-below.plyr--video > .plyr__video-wrapper {
  order: 0;
  width: 100%;
  min-height: 0;
  flex-shrink: 0;
}
.plyr.sngine-video-controls-below.plyr--video > .plyr__video-wrapper > video {
  height: 100% !important;
  width: 100% !important;
  object-fit: contain;
}
.plyr.sngine-video-controls-below.plyr--video > .plyr__controls {
  order: 1;
  position: relative;
  inset: auto;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-height: 48px;
  padding: 4px 8px;
  margin: 0;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: none;
  pointer-events: auto;
  background: #18212b;
  color: #fff;
}
.plyr.sngine-video-controls-below.plyr--video > .plyr__controls > .plyr__controls__item {
  margin: 0;
  flex-shrink: 0;
}
.plyr.sngine-video-controls-below.plyr--video > .plyr__controls .plyr__control {
  padding: 10px;
}
.plyr.sngine-video-controls-below.plyr--video > .plyr__controls > .plyr__progress__container {
  flex: 1 1 40px;
  min-width: 40px;
}
.plyr.sngine-video-controls-below.plyr--video > .plyr__controls .plyr__progress { min-width: 0; }
.plyr.sngine-video-controls-below.plyr--video > .plyr__controls .plyr__time {
  font-size: 13px;
  padding: 0;
  white-space: nowrap;
}
.plyr.sngine-video-controls-below.plyr--video > .plyr__controls .plyr__volume { flex: 0 0 auto; }
.plyr.sngine-video-controls-below.plyr--video > .plyr__controls .plyr__volume input { max-width: 80px; }
.plyr.sngine-video-controls-below.plyr--video:is(:fullscreen, :-webkit-full-screen, .plyr--fullscreen-active) > .plyr__video-wrapper,
.reel-video-container .plyr.sngine-video-controls-below.plyr--video > .plyr__video-wrapper {
  flex: 1 1 auto;
  height: 0;
  aspect-ratio: auto !important;
}
@media (max-width: 600px) {
  .plyr.sngine-video-controls-below.plyr--video > .plyr__controls {
    gap: 2px;
    padding: 4px;
    --plyr-control-icon-size: 16px;
  }
  .plyr.sngine-video-controls-below.plyr--video > .plyr__controls .plyr__control { padding: 8px; }
  .plyr.sngine-video-controls-below.plyr--video > .plyr__controls .plyr__volume { min-width: 0; width: auto; }
  .plyr.sngine-video-controls-below.plyr--video > .plyr__controls .plyr__volume input { max-width: 32px; margin-left: 2px; }
  .plyr.sngine-video-controls-below.plyr--video > .plyr__controls > .plyr__progress__container { flex-basis: 32px; min-width: 32px; }
}

.reel-video-container:has(.sngine-video-controls-below) > .video-controlls {
  bottom: 68px;
}