/* Isolated from legacy .gls-lightbox and mobile critical CSS rules. */
.pswp.gls-gallery {
  z-index: 2147483000;
  --pswp-bg: #101010;
  --pswp-root-z-index: 2147483000;
  --pswp-icon-color: #f2f2f2;
  --pswp-icon-color-secondary: #161616;
  --pswp-icon-stroke-color: #161616;
  font-family: inherit;
  font-size: 14px;
  letter-spacing: 0;
}

.gls-gallery .pswp__top-bar {
  align-items: center;
  padding-top: env(safe-area-inset-top, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  min-height: 60px;
}

.gls-gallery .pswp__button {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
  color: #f2f2f2;
  font: inherit;
  line-height: 44px;
  text-align: center;
  letter-spacing: 0;
  opacity: 1;
}

.gls-gallery .pswp__button:hover { background: #303030; }
.gls-gallery .pswp__button:disabled { opacity: 0.3; cursor: default; }
.gls-gallery .pswp__button[hidden] { display: none !important; }
.gls-gallery .pswp__button:focus-visible { outline: 2px solid #f0a347; outline-offset: -3px; }
.gls-gallery .pswp__button .pswp__icn { top: 6px; left: 6px; }
.gls-gallery .pswp__button--arrow .pswp__icn { top: 6px; left: 6px; right: auto; margin: 0; width: 32px; height: 32px; }
.gls-gallery .pswp__button--arrow { visibility: visible; }
.gls-gallery .pswp__button--zoom { display: block; }
.gls-gallery .pswp__zoom-icn-bar-v { display: block; }
.gls-gallery .pswp__button--zoom-out { font-size: 28px; }
.gls-gallery .pswp__button--fit { font-size: 13px; font-weight: 600; }
.gls-gallery .pswp__button--arrow { top: 50%; margin-top: -22px; }
.gls-gallery .pswp__button--arrow--prev { left: max(8px, env(safe-area-inset-left, 0px)); }
.gls-gallery .pswp__button--arrow--next { right: max(8px, env(safe-area-inset-right, 0px)); }
.gls-gallery .pswp__counter { flex: 1; margin: 0 12px; height: 44px; line-height: 44px; color: #ddd; text-shadow: none; }
.gls-gallery .pswp__preloader { display: none; }

.gls-gallery .pswp__status {
  position: absolute;
  bottom: max(18px, env(safe-area-inset-bottom, 0px));
  left: 12px;
  right: 12px;
  min-height: 22px;
  line-height: 22px;
  text-align: center;
  color: #ccc;
  pointer-events: none;
  overflow-wrap: anywhere;
}

.gls-gallery .pswp__button--retry {
  position: absolute;
  left: calc(50% - 36px);
  top: calc(50% - 22px);
  width: 72px;
  background: #343434;
}

.gls-gallery .pswp__img { border: 0; border-radius: 0; box-shadow: none; }
.gls-gallery .pswp__img--placeholder { display: none; }

@media (prefers-reduced-motion: reduce) {
  .gls-gallery, .gls-gallery * { transition-duration: 0s !important; animation: none !important; }
}
