/* Generated by tools/build-styles.py; edit linked-images.css instead. */
.mbp-linked-viewer { box-sizing:border-box; position:fixed; inset:0; margin:auto; width:min(1120px, calc(100vw - 32px)); max-width:calc(100vw - 32px); height:min(900px, calc(100dvh - 32px)); max-height:calc(100dvh - 32px); padding:0; overflow:hidden; border:1px solid var(--mbp-color-border, #ddd); border-radius:var(--mbp-radius-md, 14px); background:var(--mbp-color-surface, white); color:var(--mbp-color-text, #222); font:400 15px/1.5 var(--mbp-font-sans, sans-serif); } .mbp-linked-viewer[open] { display:flex; flex-direction:column; } .mbp-linked-viewer::backdrop { background:rgb(0 0 0 / 78%); } .mbp-linked-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; flex:none; } .mbp-linked-header h2 { margin:0; padding:0; color:inherit; font:600 16px/1.4 var(--mbp-font-sans, sans-serif); } .mbp-linked-viewer button, .mbp-linked-original { box-sizing:border-box; min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border:1px solid var(--mbp-color-border, #ddd); border-radius:8px; background:var(--mbp-color-surface, white); color:var(--mbp-color-text, #222); font:600 15px/1.4 var(--mbp-font-sans, sans-serif); text-transform:none; text-decoration:none; cursor:pointer; } .mbp-linked-viewer button:hover, .mbp-linked-original:hover { background:var(--mbp-color-accent-subtle, #ebf5ef); color:var(--mbp-color-accent, #1e6b45); } .mbp-linked-viewer button:disabled { opacity:.4; cursor:default; } .mbp-linked-viewer button:focus-visible, .mbp-linked-original:focus-visible { outline:3px solid var(--mbp-color-accent, #1e6b45); outline-offset:2px; } .mbp-linked-viewer .mbp-linked-close { font-size:26px; padding:0; flex:none; } .mbp-linked-stage { flex:1; min-height:0; display:flex; align-items:center; justify-content:center; padding:0 16px; overflow:hidden; } .mbp-linked-image { display:block; width:auto; height:auto; max-width:100%; max-height:100%; margin:0!important; object-fit:contain; border:0; } .mbp-linked-status, .mbp-linked-caption { flex:none; margin:0; padding:8px 18px; text-align:center; overflow-wrap:anywhere; } .mbp-linked-caption { max-height:15vh; overflow:auto; font-size:13px; } .mbp-linked-controls { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; padding:12px 18px; flex:none; } .mbp-linked-count { min-width:70px; text-align:center; } .mbp-linked-original { margin-left:auto; } .mbp-linked-viewer [hidden] { display:none!important; } @media(max-width:600px) { .mbp-linked-viewer { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; border:0; border-radius:0; } .mbp-linked-header { padding:10px 12px; } .mbp-linked-stage { padding:0 8px; } .mbp-linked-controls { gap:8px; padding:10px 12px max(10px, env(safe-area-inset-bottom)); } .mbp-linked-original { flex-basis:100%; margin:0; } }