/* V103: site-wide lightweight image preview. */
.site-safe-zoom-open-v103{
  overflow:hidden;
}

.site-safe-zoom-overlay-v103{
  position:fixed;
  inset:0;
  z-index:7000!important;
  display:grid;
  place-items:center;
  padding:18px;
  color:#f8fbff;
  background:rgba(3,7,15,.84);
}

.site-safe-zoom-backdrop-v103{
  position:absolute;
  inset:0;
  background:rgba(3,7,15,.84);
}

.site-safe-zoom-panel-v103{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:12px;
  width:min(1160px,100%);
  max-height:calc(100dvh - 36px);
  padding:18px;
  border:1px solid rgba(126,232,255,.26);
  border-radius:14px;
  background:#101827;
  box-shadow:0 24px 72px rgba(0,0,0,.42);
}

.site-safe-zoom-title-v103{
  margin:0;
  padding-right:50px;
  color:#eef8ff;
  font-size:22px;
  font-weight:900;
  line-height:1.25;
  letter-spacing:0;
}

.site-safe-zoom-close-v103{
  position:absolute;
  top:12px;
  right:12px;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.site-safe-zoom-close-v103:focus-visible{
  outline:2px solid rgba(126,232,255,.9);
  outline-offset:3px;
}

.site-safe-zoom-stage-v103{
  position:relative;
  display:grid;
  place-items:center;
  min-height:min(58dvh,560px);
  max-height:min(74dvh,760px);
  overflow:hidden;
  border-radius:10px;
  background:#0a111e;
  cursor:grab;
  touch-action:none;
  user-select:none;
}

.site-safe-zoom-stage-v103.is-dragging{
  cursor:grabbing;
}

.site-safe-zoom-stage-v103:not(.is-zoomed){
  cursor:zoom-in;
}

.site-safe-zoom-image-v103{
  display:block;
  max-width:100%;
  max-height:min(74dvh,760px);
  width:auto;
  height:auto;
  object-fit:contain;
  transform:translate3d(var(--site-safe-zoom-x,0),var(--site-safe-zoom-y,0),0) scale(var(--site-safe-zoom-scale,1));
  transform-origin:center center;
  will-change:transform;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

.site-safe-zoom-placeholder-v103{
  display:grid;
  place-items:center;
  max-width:100%;
  min-width:min(520px,100%);
  min-height:min(46dvh,420px);
  padding:24px;
  color:#dcecff;
  text-align:center;
}

.site-safe-zoom-placeholder-v103 img{
  display:block;
  max-width:100%;
  max-height:min(68dvh,680px);
  width:auto;
  height:auto;
  object-fit:contain;
}

.site-safe-zoom-status-v103{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:154px;
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(126,232,255,.3);
  border-radius:999px;
  background:#111d31;
  color:#d9f6ff;
  font-size:14px;
  font-weight:800;
  line-height:1;
}

.site-safe-zoom-overlay-v103.is-error .site-safe-zoom-stage-v103{
  border:1px solid rgba(255,216,77,.28);
}

@media (max-width:620px){
  .site-safe-zoom-overlay-v103{
    padding:10px;
  }

  .site-safe-zoom-panel-v103{
    max-height:calc(100dvh - 20px);
    padding:12px;
  }

  .site-safe-zoom-title-v103{
    padding-right:44px;
    font-size:18px;
  }

  .site-safe-zoom-close-v103{
    width:38px;
    height:38px;
  }

  .site-safe-zoom-stage-v103{
    min-height:min(56dvh,520px);
    max-height:68dvh;
  }

  .site-safe-zoom-image-v103{
    max-height:68dvh;
  }
}