.video-hero {
  /* Setup placholder for CUBE */
  --example-prop: 0;
}

[data-component-id="jm_brand:hero_video"] {
  video {
    max-width: 100%;
    height: auto;
  }
}
.qq-max-width {
  max-width: 100%;
}

.qq-in-hero {
  width: 130%;
  max-width: 503px;
  min-width: 310px;
  margin-left: auto;
  margin-right: 0;
}

#quickQuoteContainer button {
  top: 0;
  inset-inline-end: unset;
}

.qq-padding-fix {
  margin-bottom: -200px;
}

/* todo use tailwind utlity class*/
@media (max-width: 727px) {
  .qq-height-fix {
    max-height: 332px;
  }

  .qq-margin-fix {
    margin-top: 24px;
  }

  .qq-in-hero {
    width: 100%;
    max-width: unset;
    margin-top: unset;
  }

  #quickQuoteContainer > :first-child {
    margin: auto;
  }

  .video-control {
    top: -50px;
  }
}

.portrait-img {
  display: none !important;
}

.landscape-img {
  display: none !important;
}