/* ==================================================
   DESKTOP / DEFAULT
   ================================================== */
.ok-photo-viewer{position:fixed;inset:0;background:#050505;z-index:3000;display:grid;place-items:center;overflow:hidden}.ok-photo-stage{width:100%;height:100%;display:grid;place-items:center;overflow:auto;touch-action:pan-x pan-y pinch-zoom}.ok-photo-stage img{max-width:100%;height:auto;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .15s ease}.ok-photo-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;z-index:2;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:30px}

/* ==================================================
   MAX-WIDTH: 600PX
   ================================================== */
@media (max-width: 600px) {
  .ok-photo-close{top:max(10px,env(safe-area-inset-top));right:10px;width:44px;height:44px}
  .ok-photo-stage{padding:0}
}

/* ==================================================
   MAX-WIDTH: 430PX
   ================================================== */
@media (max-width: 430px) {
  .ok-photo-close{width:42px;height:42px;font-size:28px}
}

/* ==================================================
   MAX-WIDTH: 390PX
   ================================================== */
@media (max-width: 390px) {
  .ok-photo-stage img{max-width:100%;max-height:100dvh}
}