/* Blend the complete media layer into every product hero, including Safari video. */
.site-root .product-reveal .appliance-media-viewport {
  isolation: isolate;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent), linear-gradient(0deg, transparent, #000 10%, #000 90%, transparent);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent), linear-gradient(0deg, transparent, #000 10%, #000 90%, transparent);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-composite: intersect;
}

/* One parent mask avoids rectangular video compositing and duplicate fading. */
.site-root .product-reveal .appliance-visual {
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-mask-image: none;
  mask-image: none;
}