.vtom-try .video-container {
  width: min(800px, calc(80vw - 232px));
  min-width: 320px;
  height: 500px;
  background: #000;
}

.vtom-try .vtom-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (min-width: 768px) {
  .vtom-try > .flex {
    align-items: stretch;
  }

  .vtom-try .video-container {
    height: auto;
    min-height: 500px;
  }
}

@media (max-width: 767px) {
  /* Override the legacy dialog rule that sets the container to fit-content. */
  [role="dialog"].vto_modal:not(.ui-dialog-off-canvas) .vtom-try .video-container {
    width: calc(100vw - 2rem);
    min-width: 0;
    height: calc(100dvh - 330px);
    min-height: 280px;
  }
}