.viewable-media{position:relative;min-width:0}.viewable-media.is-viewable{cursor:zoom-in}.viewable-media.is-viewable:focus-visible{outline:2px solid rgba(238,240,235,.88);outline-offset:4px}.image-viewer{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:clamp(12px,2vw,28px)}.image-viewer__backdrop{position:absolute;inset:0;border:0;background:#030506f0;cursor:zoom-out}.image-viewer__dialog{position:relative;z-index:1;width:min(94vw,1840px);height:min(92dvh,1120px);display:grid;place-items:center}.image-viewer__dialog>img{width:min(94vw,1840px);height:min(92dvh,1120px);display:block;object-fit:contain}.image-viewer__close,.image-viewer__arrow{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(238,240,235,.34);border-radius:50%;color:#eef0eb;background:#080b0ccc;backdrop-filter:blur(10px);cursor:pointer;transition:border-color .18s ease-out,background-color .18s ease-out,transform .18s ease-out}.image-viewer__close:hover,.image-viewer__close:focus-visible,.image-viewer__arrow:hover,.image-viewer__arrow:focus-visible{border-color:#eef0ebb8;background:#161b1cf0}.image-viewer__close:focus-visible,.image-viewer__arrow:focus-visible{outline:2px solid #eef0eb;outline-offset:3px}.image-viewer__close{top:8px;right:8px;width:48px;height:48px}.image-viewer__close span{position:absolute;width:19px;height:1.5px;background:currentColor}.image-viewer__close span:first-child{transform:rotate(45deg)}.image-viewer__close span:last-child{transform:rotate(-45deg)}.image-viewer__arrow{top:50%;width:50px;height:50px;transform:translateY(-50%)}.image-viewer__arrow:hover,.image-viewer__arrow:focus-visible{transform:translateY(-50%) scale(1.04)}.image-viewer__arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.image-viewer__arrow--previous{left:8px}.image-viewer__arrow--next{right:8px}@media (max-width: 640px){.image-viewer{padding:8px}.image-viewer__dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.image-viewer__close{top:10px;right:10px}.image-viewer__arrow{top:auto;bottom:14px;transform:none}.image-viewer__arrow:hover,.image-viewer__arrow:focus-visible{transform:scale(1.04)}.image-viewer__arrow--previous{left:14px}.image-viewer__arrow--next{right:14px}}@media (prefers-reduced-motion: reduce){.image-viewer__close,.image-viewer__arrow{transition:none}}
