.media-viewer{z-index:110;height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#e7ece1;background:#142020;display:grid;position:fixed;inset:0}.media-viewer__frame{grid-template-rows:auto minmax(0,1fr) 32px;grid-template-columns:48px minmax(0,1fr) 48px;gap:16px clamp(12px,2vw,28px);width:100%;max-width:1680px;min-height:0;margin-inline:auto;display:grid}.media-viewer__header{border-bottom:1px solid #44584f;grid-area:1/1/2/-1;justify-content:space-between;align-items:center;gap:20px;padding-bottom:12px;display:flex}.media-viewer__header p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font:500 16px/1.5 Manrope,sans-serif;overflow:hidden}.media-viewer__button{background:var(--exhibit-button-bg);width:48px;min-height:48px;color:var(--exhibit-button-text);cursor:pointer;border:0;border-radius:2px;justify-content:center;align-self:center;align-items:center;gap:12px;padding:10px;transition:background-color .16s;display:inline-flex}.media-viewer__button svg{flex:none;width:22px;height:22px}.media-viewer__close{flex:none;width:auto;padding-inline:16px;font:500 14px/1.3 Manrope,sans-serif}.media-viewer__previous{grid-area:2/1}.media-viewer__next{grid-area:2/3}.media-viewer__viewport{grid-area:2/2;min-width:0;min-height:0;overflow:hidden}.media-viewer__content{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}.media-viewer__content :is(img,video){object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.media-viewer__count{color:#aabcaf;font-variant-numeric:tabular-nums;grid-area:3/2;place-self:center;margin:0;font:12px/1.5 JetBrains Mono,monospace}@media (width<=719px){.media-viewer__frame{grid-template-rows:auto minmax(0,1fr) 48px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px 24px}.media-viewer__viewport{grid-area:2/1/3/-1}.media-viewer__previous{grid-area:3/1;justify-self:end}.media-viewer__next{grid-area:3/3;justify-self:start}}@media (prefers-reduced-motion:reduce){.media-viewer__button{transition:none}}
