.viewer{z-index:80;background:var(--page);animation:viewer-in .24s var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0}.viewer[data-closing=true]{pointer-events:none;animation:viewer-out .16s var(--ease-out) forwards}@keyframes viewer-in{0%{opacity:0;transform:scale(.98)}}@keyframes viewer-out{to{opacity:0;transform:scale(.98)}}.viewer-bar{z-index:1;padding:calc(var(--space-2) + var(--safe-top)) var(--space-2) var(--space-2) var(--gutter);justify-content:space-between;align-items:center;display:flex;position:relative}.viewer-count{font-size:var(--text-footnote);letter-spacing:var(--track-footnote);color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:400}.viewer-close,.viewer-arrow{border-radius:var(--pill);background:var(--surface);width:44px;height:44px;color:var(--ink);place-items:center;display:grid}@media (hover:hover){.viewer-close:hover,.viewer-arrow:not([disabled]):hover{background:var(--surface-hover)}}.viewer-arrow{display:none}@media (hover:hover) and (width>=900px){.viewer-arrow{z-index:1;transition:opacity .2s ease, background-color .16s ease, transform .16s var(--ease-out);display:grid;position:absolute;top:calc(50% - 22px)}.viewer-arrow[disabled]{opacity:0;pointer-events:none}.viewer-prev{left:var(--space-5)}.viewer-next{right:var(--space-5)}}.viewer-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;flex:1;min-height:0;display:flex;overflow-x:auto}.viewer-track::-webkit-scrollbar{display:none}.viewer-slide{scroll-snap-align:center;height:100%;padding-bottom:var(--safe-bottom);flex:0 0 100%;overflow:hidden}.viewer-slide[data-zoomed=true]{scrollbar-width:none;overflow:auto}.viewer-slide[data-zoomed=true]::-webkit-scrollbar{display:none}.viewer-zoom{cursor:zoom-in;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.viewer-slide[data-zoomed=true] .viewer-zoom{cursor:zoom-out}.viewer-zoom img{object-fit:contain;width:100%;height:100%;padding:var(--space-4);mix-blend-mode:multiply;display:block}@media (width>=900px){.viewer-bar{padding:var(--space-4) var(--space-4) var(--space-2) var(--space-6)}.viewer-zoom img{padding:var(--space-5) var(--space-8) var(--space-7)}}