.pswp {
  --pswp-preloader-color:rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary:rgba(255, 255, 255, 0.9);
  
  /* defined via js:--pswp-transition-duration:333ms; */
  --pswp-icon-color:#fff;
  --pswp-icon-color-secondary:#4f4f4f;
  --pswp-icon-stroke-color:#4f4f4f;
  --pswp-icon-stroke-width:2px;
  --pswp-error-text-color:var(--pswp-icon-color);
}

.pswp { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000; display:none; touch-action:none; outline:0; opacity:0.003; contain:layout style size; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.pswp:focus { outline:0; }
.pswp * { box-sizing:border-box; }
.pswp img { max-width:none; }
.pswp--open { display:block; }
.pswp,
.pswp__bg { transform:translateZ(0); will-change:opacity; }
.pswp__bg { background-color:#000; }
.pswp,
.pswp__scroll-wrap { overflow:hidden; }
.pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item,
.pswp__content, .pswp__img, .pswp__zoom-wrap { position:absolute; top:0; left:0; width:100%; height:100%; }
.pswp__img, .pswp__zoom-wrap { width:auto; height:auto; }
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img { cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; }
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img { cursor:move; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; }
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active { cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:grabbing; }
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img { cursor:-webkit-zoom-out; cursor:-moz-zoom-out; cursor:zoom-out; }
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.pswp__item { z-index:1; overflow:hidden; }
.pswp__hidden { display:none !important; }
.pswp__content { pointer-events:none; }
.pswp__content > * { pointer-events:auto; }

.pswp__error-msg-container { display:grid; }
.pswp__error-msg { margin:auto; font-size:1em; line-height:1; color:var(--pswp-error-text-color); }

.pswp .pswp__hide-on-close { opacity:0.005; will-change:opacity; transition:opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1); z-index:10; pointer-events:none; }
.pswp--ui-visible .pswp__hide-on-close { opacity:1; pointer-events:auto; }
.pswp__button { position:relative; display:block; width:50px; height:60px; padding:0; margin:0; overflow:hidden; cursor:pointer; background:none; border:0; box-shadow:none;
    opacity:0.85; -webkit-appearance:none; -webkit-touch-callout:none; }

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus { transition:none; padding:0; background:none; border:0; box-shadow:none; opacity:1; }
.pswp__button:disabled { opacity:0.3; cursor:auto; }

.pswp__icn { fill:var(--pswp-icon-color); color:var(--pswp-icon-color); position:absolute; top:14px; left:9px; width:32px; height:32px; overflow:hidden; pointer-events:none; }
.pswp__icn-shadow { stroke:var(--pswp-icon-stroke-color); stroke-width:var(--pswp-icon-stroke-width); fill:none; }
.pswp__icn:focus { outline:0; }

div.pswp__img--placeholder, .pswp__img--with-bg { background:#222; }

.pswp__top-bar { position:absolute; left:0; top:0; width:100%; height:60px; display:flex; flex-direction:row; justify-content:flex-end; z-index:10; pointer-events:none !important; }
.pswp__top-bar > * { pointer-events:auto; will-change:opacity; }
.pswp__button--close { margin-right:6px; }

/* Arrow buttons */
.pswp__button--arrow { position:absolute; top:0; width:75px; height:100px; top:50%; margin-top:-50px; }
.pswp__button--arrow:disabled { display:none; cursor:default; }
.pswp__button--arrow .pswp__icn { top:50%; margin-top:-30px; width:60px; height:60px; background:none; border-radius:0; }
.pswp--touch .pswp__button--arrow { visibility:hidden; }
.pswp--has_mouse .pswp__button--arrow { visibility:visible; }
.pswp__button--arrow--prev { right:auto; left:0px; }
.pswp__button--arrow--next { right:0px; }
.pswp__button--arrow--next .pswp__icn { left:auto; right:14px; transform:scale(-1, 1); }

.pswp--zoom-allowed .pswp__button--zoom { display:block; }


.pswp__preloader { position:relative; overflow:hidden; width:50px; height:60px; margin-right:auto; }
.pswp__preloader .pswp__icn { opacity:0; transition:opacity 0.2s linear; animation:pswp-clockwise 600ms linear infinite; }
.pswp__preloader--active .pswp__icn { opacity:0.85; }

@keyframes pswp-clockwise { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }

.pswp__counter { height:30px; margin:15px 0 0 20px; font-size:14px; line-height:30px; color:var(--pswp-icon-color); text-shadow:1px 1px 3px var(--pswp-icon-color-secondary); opacity:0.85; }

.pswp--zoomed-in .pswp__zoom-icn-bar-v, .pswp__button--zoom,
.pswp--one-slide .pswp__button--arrow, .pswp--one-slide .pswp__counter { display:none; }