.kemove-pdp-video-showcase {
  position: relative;
  z-index: 0;
  padding-block: var(--kemove-pdp-video-showcase-padding-top, 48px) var(--kemove-pdp-video-showcase-padding-bottom, 48px);
  font-family: var(--kemove-font-stack, var(--sort-body-font));
  background: #fafafa;
  isolation: isolate;
  scroll-margin-top: 96px;
}

.kemove-pdp-video-showcase__inner {
  width: min(var(--kemove-content-width, 1360px), calc(100vw - 64px));
  margin-inline: auto;
}

.kemove-pdp-video-showcase__frame {
  position: relative;
  z-index: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  line-height: 0;
  background-color: #050b14;
  border-radius: 0;
  contain: paint;
}

.kemove-pdp-video-showcase__frame .kemove-pdp-video-showcase__player,
.kemove-pdp-video-showcase__frame .theme-video-media,
.kemove-pdp-video-showcase__frame .theme-video-media__poster,
.kemove-pdp-video-showcase__frame .theme-video-media__media,
.kemove-pdp-video-showcase__frame video,
.kemove-pdp-video-showcase__frame iframe {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.kemove-pdp-video-showcase__frame img,
.kemove-pdp-video-showcase__frame video {
  object-fit: cover;
  object-position: center;
}

.kemove-pdp-video-showcase__frame .theme-video-media__play-button:focus-visible {
  outline: 3px solid #0091ff;
  outline-offset: 4px;
}

@media (max-width: 767px) {
  .kemove-pdp-video-showcase {
    padding-block: var(--kemove-pdp-video-showcase-mobile-padding-top, 32px) var(--kemove-pdp-video-showcase-mobile-padding-bottom, 32px);
    scroll-margin-top: 72px;
  }

  .kemove-pdp-video-showcase__inner {
    width: min(var(--kemove-content-width, 1360px), calc(100vw - 24px));
  }

  .kemove-pdp-video-showcase__frame {
    aspect-ratio: 16 / 9;
    border-radius: 0;
  }
}