.photo-viewer-backdrop{z-index:1999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;opacity:1;background:#0b15119e;transition:opacity .18s;position:fixed;inset:0}.photo-viewer{z-index:2000;width:100%;height:100vh;pointer-events:none;color:#f7faf6;overscroll-behavior:contain;opacity:1;background:0 0;outline:none;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;transition:opacity .18s;display:grid;position:fixed;inset:0;overflow:hidden}.photo-viewer[data-starting-style],.photo-viewer[data-ending-style],.photo-viewer-backdrop[data-starting-style],.photo-viewer-backdrop[data-ending-style]{opacity:0}.photo-viewer-header{padding:max(12px, var(--safe-top)) max(20px, var(--safe-right)) 12px max(28px, var(--safe-left));justify-content:space-between;align-items:center;display:flex}.photo-viewer-heading{letter-spacing:.12em;text-transform:uppercase;color:#b6c8be;text-shadow:0 1px 12px #000;pointer-events:auto;font-size:.75rem;font-weight:500}.photo-viewer-button{color:#fff;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#15271feb;border:1px solid #ffffff30;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:background .18s,border-color .18s;display:flex}.photo-viewer-button:hover{background:#246c53;border-color:#8bc5a9}.photo-viewer-button:focus-visible{outline-offset:4px;outline:3px solid #b1e2c2}.photo-viewer-main{min-height:0;padding-inline:max(92px, var(--safe-left)) max(92px, var(--safe-right));position:relative}.photo-viewer-stage{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;grid-template:minmax(0,1fr)/minmax(0,1fr);width:100%;height:100%;display:grid;position:relative}.photo-viewer-stage img{object-fit:contain;object-position:center;pointer-events:auto;cursor:default;grid-area:1/1;place-self:center;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.photo-viewer-original{opacity:0;transition:opacity .16s}.photo-viewer-original[data-loaded=true]{opacity:1}.photo-viewer-previous,.photo-viewer-next{position:absolute;top:50%;transform:translateY(-50%)}.photo-viewer-previous{left:max(20px, var(--safe-left))}.photo-viewer-next{right:max(20px, var(--safe-right))}.photo-viewer-caption{width:fit-content;max-width:100%;padding:20px max(28px, var(--safe-right)) max(24px, var(--safe-bottom)) max(28px, var(--safe-left));text-align:center;color:#b6c8be;text-shadow:0 1px 12px #000;pointer-events:auto;justify-self:center;font-size:.85rem;line-height:1.5}.photo-viewer-caption .photo-viewer-title{color:#fff;margin-bottom:4px;font-size:1.15rem;font-weight:500}.photo-viewer-loading,.photo-viewer-error{color:#fff;background:#0b1511d9;border-radius:30px;padding:10px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.photo-viewer-loading svg{animation:1s linear infinite photo-viewer-spin}.photo-viewer-error{text-align:center;width:max-content;max-width:90%;font-size:.75rem}@keyframes photo-viewer-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.photo-viewer-header{padding-left:max(18px, var(--safe-left));padding-right:max(14px, var(--safe-right))}.photo-viewer-main{padding-inline:0}.photo-viewer-button{width:46px;height:46px}.photo-viewer-previous{left:max(10px, var(--safe-left))}.photo-viewer-next{right:max(10px, var(--safe-right))}.photo-viewer-caption{padding:18px max(20px, var(--safe-right)) max(22px, var(--safe-bottom)) max(20px, var(--safe-left));font-size:.8rem}}@media (max-height:600px){.photo-viewer-header{padding-block:max(6px, var(--safe-top)) 6px}.photo-viewer-caption{padding-block:8px max(8px, var(--safe-bottom));max-height:min(30dvh,140px);overflow-y:auto}.photo-viewer-caption p{display:inline}.photo-viewer-caption .photo-viewer-title{margin-right:12px}}@media (prefers-reduced-motion:reduce){.photo-viewer,.photo-viewer-backdrop,.photo-viewer-original,.photo-viewer-button{transition:none}.photo-viewer-loading svg{animation:none}}
