/*
I don't know either man
https: //github.com/TryGhost/Themes/blob/main/packages/_shared/assets/css/v1/vendor/pswp.css
*/

.pswp__bg {
  background: rgba(255, 255, 255, 0.9);
}

.pswp__caption__center {
  color: var(--color-darker-gray);
}

.pswp__button,
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
  background: url("/assets/images/default-skin.png") 0 0 no-repeat;
  background-size: 264px 88px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {

  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left::before,
  .pswp--svg .pswp__button--arrow--right::before {
    background-image: url("/assets/images/default-skin.svg");
  }

  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  background-position: -88px 0;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

.pswp__button--arrow--left::before {
  background-position: -138px -44px;
}

.pswp__button--arrow--right::before {
  background-position: -94px -44px;
}

.pswp__preloader--active .pswp__preloader__icn {
  background: url("/assets/images/preloader.gif") 0 0 no-repeat;
}