/**
 * @param {string} $scheme - The color scheme of the button. Options are nothing, $scheme-light, $scheme-dark
 * if $scheme-dark is passed, the button will be black text and black outline
 * if $scheme-light is passed, the button will be white text and white outline
 * if no $scheme is passed, the button will depend on the background color via the bg-dark mixin
 *   - if ancestor DOES have bg-dark, then white text and white outline
 *   - if ancestor DOES NOT have bg-dark, then black text and black outline
 */
.img-zoom-lens[data-v-195317c8] {
  position: absolute;
  border: 1px solid #000000;
  width: 16.5%;
  height: 20.15%;
  z-index: 300;
  background-color: rgba(255, 255, 255, 0.5);
}
.zoomed-container[data-v-195317c8] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.zoomed-hero-img[data-v-195317c8] {
  position: absolute;
  left: 102%;
  top: 0px;
  z-index: 300;
}
.zoomed-container-wrappper[data-v-195317c8] {
  width: 1500px;
  height: 2000px;
}/**
 * @param {string} $scheme - The color scheme of the button. Options are nothing, $scheme-light, $scheme-dark
 * if $scheme-dark is passed, the button will be black text and black outline
 * if $scheme-light is passed, the button will be white text and white outline
 * if no $scheme is passed, the button will depend on the background color via the bg-dark mixin
 *   - if ancestor DOES have bg-dark, then white text and white outline
 *   - if ancestor DOES NOT have bg-dark, then black text and black outline
 */
.product-media[data-v-b67160db] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  object-fit: cover;
}
.product-media__video-wrap[data-v-b67160db] {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.product-media__video-wrap .background-video[data-v-b67160db] {
  height: 100%;
}
.product-media__video-btn[data-v-b67160db] {
  position: absolute;
  bottom: 24px;
  right: 24px;
}