/*
 * PhotoSwipe v5 custom "youtube" slide (CON-1277 fancybox removal, Public/JavaScript/
 * product-gallery.js). PhotoSwipe sizes/centers ".pswp__content" itself using the width/height
 * given in the slide's data (1280x720, see product-gallery.js) -- only the iframe inside needs to
 * fill that box, it doesn't come with its own sizing otherwise.
 */
@layer extensions {
  .pswp__youtube {
    width: 100%;
    height: 100%;
    background: var(--shade-black, #000);
  }
  .pswp__youtube iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
}