/* TECH-04B: controls for the existing dark gallery viewer. */
#galleryOverlay {
  z-index: 100000000;
  isolation: isolate;
  overscroll-behavior: contain;
}
#galleryOverlay #gallerySlider {
  z-index: 0;
}
#galleryOverlay button {
  z-index: 1;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
#galleryOverlay #prevArrow,
#galleryOverlay #nextArrow {
  width: 44px;
  height: 58px;
}
#galleryOverlay #galleryClose {
  position: absolute;
  top: 12px;
  right: 12px;
  top: max(12px, env(safe-area-inset-top));
  right: max(12px, env(safe-area-inset-right));
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font: 36px/44px Arial, sans-serif;
  text-align: center;
  cursor: pointer;
}
#galleryOverlay button:focus {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
#galleryOverlay #prevArrow[aria-disabled="true"],
#galleryOverlay #nextArrow[aria-disabled="true"] {
  opacity: 0.3;
  cursor: default;
}
#galleryOverlay .eksas-gallery-status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#galleryOverlay .eksas-gallery-error {
  display: inline-block;
  padding: 16px;
  color: #fff;
  white-space: normal;
  vertical-align: middle;
  line-height: 1.5;
}
@media (max-width: 600px) {
  #galleryOverlay #prevArrow { left: 8px; }
  #galleryOverlay #nextArrow { right: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  #galleryOverlay,
  #galleryOverlay #gallerySlider,
  #galleryOverlay button {
    transition: none;
    animation: none;
  }
}