.image-viewer{color:#fff;background:#120d09;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.image-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.image-viewer::backdrop{background:#110c0899}.image-viewer__top{z-index:2;padding:max(14px, env(safe-area-inset-top)) clamp(14px, 3vw, 28px) 8px;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.image-viewer__count{font:600 12px/1 var(--font-ui);letter-spacing:.14em;color:#ffffffc7}.image-viewer__button,.image-viewer__nav,.image-viewer__zoom button{width:44px;height:44px;color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:50%;place-items:center;padding:0;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-grid}.image-viewer__zoom button{background:0 0;border-color:#0000}.image-viewer__zoom button:disabled{opacity:.35;cursor:default}.image-viewer__scale{letter-spacing:.04em;min-width:66px;width:auto!important;font:650 12px/1 var(--font-ui)!important;border-radius:999px!important}.image-viewer button:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (hover:hover){.image-viewer__button:hover,.image-viewer__nav:hover{background:#ffffff2e;border-color:#ffffff9e}.image-viewer__zoom button:not(:disabled):hover{background:#ffffff24}}.image-viewer__bar{z-index:2;padding:10px 16px max(16px, env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.image-viewer__zoom{background:#00000061;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.image-viewer__nav{z-index:2;position:absolute;top:50%;translate:0 -50%}.image-viewer__nav--previous{inset-inline-start:clamp(10px,2.4vw,30px)}.image-viewer__nav--next{inset-inline-end:clamp(10px,2.4vw,30px)}.image-viewer__nav svg{transform:scaleX(var(--viewer-arrow,1))}html[dir=rtl] .image-viewer{--viewer-arrow:-1}@media (min-width:641px){.image-viewer__bar .image-viewer__nav{position:fixed}}@media (max-width:640px){.image-viewer__nav{position:static;translate:none}}.zoom-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.zoom-stage.is-zoomed{cursor:grab}.zoom-stage.is-zoomed.is-gesturing{cursor:grabbing}.zoom-stage img{object-fit:contain;opacity:0;transform-origin:50%;will-change:transform;-webkit-user-drag:none;width:auto;max-width:calc(100% + -2*clamp(0px,7vw,96px));height:auto;max-height:100%;transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .24s;display:block}.zoom-stage.is-loaded img{opacity:1}.zoom-stage.is-gesturing img{transition:opacity .24s}.zoom-stage__loading{border:2px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite zoom-stage-spin;position:absolute}.zoom-stage__error{color:#fffc;text-align:center;margin:0;padding:0 24px;font-size:14px;position:absolute}@keyframes zoom-stage-spin{to{transform:rotate(1turn)}}@media (max-width:640px){.zoom-stage img{max-width:100%}}@media (prefers-reduced-motion:reduce){.zoom-stage img{transition:none}.zoom-stage__loading{animation-duration:2.4s}}