/***** Vistra Design System *****/
/************************************/
/* 16px */
/* 24px */
/***** START: New theme variables *****/
/************************************/
/***** END: New theme variables ******/
/************************************/
[data-component-id="vistra2024:scroll-transform"] {
  /* Geni Flow */
}
[data-component-id="vistra2024:scroll-transform"] .video-transformation-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 1rem;
  width: 100%;
  overflow: hidden;
}
[data-component-id="vistra2024:scroll-transform"] .video-transformation-container > .expand-to-full {
  width: 100%;
  height: auto;
  display: block;
  transform-origin: top right;
}
[data-component-id="vistra2024:scroll-transform"] .video-transformation-container > .expand-to-full > * {
  display: block;
  width: 100%;
}
@media all and (min-width: 48em) {
  [data-component-id="vistra2024:scroll-transform"] .video-transformation-container > .expand-to-full {
    transform: scale(0.4); /* Starting at 40% (like 400px of 1000px) */
  }
}
[data-component-id="vistra2024:scroll-transform"] .geni-inner-section--padded-tb {
  padding-block-start: 3rem;
  padding-block-end: 3rem;
}
@media all and (min-width: 48em) {
  [data-component-id="vistra2024:scroll-transform"] .geni-inner-section--padded-tb {
    padding-block-start: 8rem;
    padding-block-end: 8rem;
  }
}
@media all and (min-width: 64em) {
  [data-component-id="vistra2024:scroll-transform"] .scroll-transform-copy {
    width: 50%;
  }
}
[data-component-id="vistra2024:scroll-transform"] .geni-flow > * {
  margin-block-start: 0;
  margin-block-end: 0;
}
[data-component-id="vistra2024:scroll-transform"] .geni-flow > * + * {
  margin-block-start: 1.5rem !important;
  margin-block-end: 0;
}
[data-component-id="vistra2024:scroll-transform"] video {
  height: auto;
  width: 100%;
  border-radius: 1rem;
}
[data-component-id="vistra2024:scroll-transform"] .video, [data-component-id="vistra2024:scroll-transform"] img {
  border-radius: 1rem;
}
/*# sourceMappingURL=scroll-transform.css.map */