.product-gallery-slider .apa-product-gallery-youtube-slide {
  width: 100%;
  background: #111;
}

.apa-product-gallery-youtube-frame {
  position: relative;
  display: flex;
  width: 100%;
  aspect-ratio: var(--apa-product-gallery-ratio, 1 / 1);
  overflow: hidden;
  background: #111;
  align-items: center;
  justify-content: center;
}

.apa-product-gallery-youtube-player {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  background: #111;
  pointer-events: none;
}

.apa-product-gallery-youtube-toggle,
.apa-product-gallery-youtube-sound {
  position: absolute;
  bottom: 45px;
  z-index: 3;
  display: flex;
  width: 44px;
  height: 44px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 50%;
  background: rgba(0, 0, 0, .66);
  color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
  cursor: pointer;
  touch-action: manipulation;
  align-items: center;
  justify-content: center;
}

.apa-product-gallery-youtube-toggle {
  right: 12px;
}

.apa-product-gallery-youtube-sound {
  right: 64px;
}

.apa-product-gallery-youtube-toggle:hover,
.apa-product-gallery-youtube-toggle:focus-visible,
.apa-product-gallery-youtube-sound:hover,
.apa-product-gallery-youtube-sound:focus-visible {
  border-color: #fff;
  background: rgba(165, 37, 37, .9);
}

.apa-product-gallery-youtube-toggle-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 18px;
}

.apa-product-gallery-youtube-pause-icon::before,
.apa-product-gallery-youtube-pause-icon::after {
  position: absolute;
  top: 1px;
  width: 5px;
  height: 16px;
  border-radius: 1px;
  background: currentColor;
  content: '';
}

.apa-product-gallery-youtube-pause-icon::before {
  left: 1px;
}

.apa-product-gallery-youtube-pause-icon::after {
  right: 1px;
}

.apa-product-gallery-youtube-resume-icon {
  display: none;
  width: 0;
  height: 0;
  margin: 1px 0 0 3px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 14px solid currentColor;
}

.apa-product-gallery-youtube-slide.is-user-paused .apa-product-gallery-youtube-pause-icon {
  display: none;
}

.apa-product-gallery-youtube-slide.is-user-paused .apa-product-gallery-youtube-resume-icon {
  display: block;
}

.apa-product-gallery-youtube-thumb a,
.apa-product-gallery-youtube-thumb-frame {
  position: relative;
  display: block;
  width: 100%;
}

.apa-product-gallery-youtube-thumb-frame {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #171717;
}

.apa-product-gallery-youtube-thumb-frame img {
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: .64;
  object-fit: cover;
}

.apa-product-gallery-youtube-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, .88);
  border-radius: 50%;
  background: rgba(0, 0, 0, .64);
  color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
  transform: translate(-50%, -50%);
  align-items: center;
  justify-content: center;
}

.apa-product-gallery-youtube-sound-off,
.apa-product-gallery-youtube-sound-on {
  display: block;
  width: 23px;
  height: 23px;
}

.apa-product-gallery-youtube-sound-on {
  display: none;
}

.apa-product-gallery-youtube-sound svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.apa-product-gallery-youtube-sound .apa-product-gallery-youtube-sound-stroke {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 2;
}

.apa-product-gallery-youtube-slide.is-sound-enabled .apa-product-gallery-youtube-sound-off {
  display: none;
}

.apa-product-gallery-youtube-slide.is-sound-enabled .apa-product-gallery-youtube-sound-on {
  display: block;
}

.apa-product-gallery-youtube-play svg {
  width: 17px;
  height: 17px;
  
  fill: currentColor;
}

.product-thumbnails .apa-product-gallery-youtube-thumb.is-nav-selected .apa-product-gallery-youtube-play {
  background: #a52525;
}

@media (max-width: 549px) {
  .apa-product-gallery-youtube-toggle,
  .apa-product-gallery-youtube-sound {
    bottom: 10px;
    width: 42px;
    height: 42px;
  }

  .apa-product-gallery-youtube-toggle {
    right: 10px;
  }

  .apa-product-gallery-youtube-sound {
    right: 62px;
  }

  .apa-product-gallery-youtube-play {
    width: 32px;
    height: 32px;
  }
}