.screen-open{display:block;position:relative;width:100%;padding:0;border:0;background:none;color:var(--ink);cursor:zoom-in;line-height:0}
.screen-expand{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff30;border-radius:50%;background:#08131de6;color:#fff;font:400 24px/1 Onest,Arial,sans-serif}
.screen-open:hover .screen-expand,.screen-open:focus-visible .screen-expand{background:#263b4a}

html.media-viewer-open {overflow:hidden}
.media-viewer {position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:#090c10;color:white;overflow:hidden}
.media-viewer[open] {display:grid;grid-template-rows:minmax(0,1fr) auto}
.media-viewer::backdrop {background:#090c10}
.media-stage {position:relative;min-height:0;overflow:hidden;touch-action:none;user-select:none}
.media-stage:focus-visible {outline-offset:-3px}
.media-stage>img {position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:calc(100% - 24px);max-height:100%;object-fit:contain;cursor:zoom-in}
.media-viewer.is-zoomed .media-stage {display:block;overflow:hidden;padding:0;cursor:grab}
.media-viewer.is-zoomed .media-stage>img {position:static;width:var(--photo-width);max-width:none;max-height:none;height:auto;margin-inline:auto;cursor:zoom-out}
.media-caption {max-width:none;margin:0;padding:12px 20px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:14px;color:#d4dce3}