/* UPMED: image viewer */
html.upmed-lb-on { overflow: hidden; }
.upmed-lb { position: fixed; inset: 0; z-index: 100000; background: rgba(8, 18, 34, 0.93); }
.upmed-lb[hidden] { display: none !important; }
.upmed-lb-bar { position: absolute; top: 0; left: 0; right: 0; height: 56px; display: flex; align-items: center; gap: 8px; padding: 0 12px; color: #fff; font: 14px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif; z-index: 2; }
.upmed-lb-count { margin-right: auto; opacity: 0.85; }
.upmed-lb-btn { background: rgba(255, 255, 255, 0.12); color: #fff !important; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 8px; padding: 8px 12px; text-decoration: none !important; cursor: pointer; font: inherit; }
.upmed-lb-btn:hover { background: rgba(255, 255, 255, 0.22); }
.upmed-lb-x { width: 38px; padding: 8px 0; text-align: center; }
/* The image fits the width; tall images scroll inside the viewer. */
.upmed-lb-stage { position: absolute; top: 56px; left: 72px; right: 72px; bottom: 58px; display: flex; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; outline: none; }
.upmed-lb-stage img { display: block; margin: auto; max-width: min(100%, 1400px); height: auto; border-radius: 8px; background: #fff; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45); }
.upmed-lb-stage img { cursor: zoom-in; }
.upmed-lb.is-zoomed .upmed-lb-stage img { flex: none; align-self: flex-start; max-width: none; width: auto; cursor: zoom-out; margin: 0 auto; }
.upmed-lb-cap { position: absolute; left: 72px; right: 72px; bottom: 0; height: 58px; margin: 0; display: flex; align-items: center; justify-content: center; text-align: center; color: rgba(255, 255, 255, 0.9); font: 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; }
.upmed-lb-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 68px; border: 0; border-radius: 12px; background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 40px; line-height: 1; cursor: pointer; z-index: 2; }
.upmed-lb-nav:hover { background: rgba(255, 255, 255, 0.24); }
.upmed-lb-prev { left: 10px; }
.upmed-lb-next { right: 10px; }
.upmed-lb.single .upmed-lb-nav { display: none; }
.upmed-lb button:focus-visible, .upmed-lb a:focus-visible { outline: 2px solid #00aeef; outline-offset: 2px; }
@media (max-width: 640px) {
	.upmed-lb-stage { left: 8px; right: 8px; bottom: 112px; }
	.upmed-lb-cap { left: 12px; right: 12px; bottom: 58px; height: 54px; font-size: 13px; }
	.upmed-lb-nav { top: auto; bottom: 8px; transform: none; width: 56px; height: 46px; font-size: 34px; }
	.upmed-lb-open { display: none; }
	.upmed-lb.is-zoomed .upmed-lb-stage img { width: 250%; margin: 0; }
}