:root {
  --site-video-max-width: 900px;
  --site-video-aspect-ratio: 16 / 9;
}

.site-display-video,
.site-video-block,
.artist-presentation-video,
.video-detail .video-player-shell {
  box-sizing: border-box;
  width: min(var(--site-video-max-width), 100%) !important;
  max-width: var(--site-video-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.site-standard-video,
.site-display-video video,
.site-video-block video,
.artist-presentation-video video,
.video-detail .video-stage,
.qb-artwork-video-stage {
  display: block;
  width: 100% !important;
  max-width: var(--site-video-max-width) !important;
  height: auto;
  aspect-ratio: var(--site-video-aspect-ratio) !important;
  object-fit: contain;
  background: #000;
}

.site-standard-video {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.site-video-block {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.qb-artwork-video-dialog {
  width: min(var(--site-video-max-width), calc(100vw - 32px)) !important;
  max-width: var(--site-video-max-width) !important;
}