/* Generated by tools/build-styles.py; edit experiment-photo-galleries.css instead. */
body.mbp-wide-galleries .mbp-entry-content { --mbp-photo-flow-gap:16px; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > .mbp-photo-set { max-width:960px!important; width:100%; margin-top:32px; margin-bottom:32px; } body.mbp-wide-galleries .mbp-photo-set > .wp-block-gallery { margin-top:0; margin-bottom:0; } body.mbp-wide-galleries .mbp-photo-set > .wp-block-gallery + .wp-block-gallery { margin-top:var(--mbp-photo-flow-gap); } body.mbp-wide-galleries .mbp-photo-set > .wp-block-gallery { --wp--style--unstable-gallery-gap:16px; gap:16px; } body.mbp-wide-galleries .mbp-single-article .mbp-photo-open { display:block; width:fit-content; max-width:100%; margin:0 auto; padding:0; border:0; border-radius:4px; background:transparent; color:inherit; box-shadow:none; cursor:zoom-in; line-height:0; overflow:hidden; } body.mbp-wide-galleries .mbp-photo-set .wp-block-gallery figure.wp-block-image .mbp-photo-open { display:flex; width:100%; height:100%; flex:1; } body.mbp-wide-galleries .mbp-photo-open:focus-visible { outline:3px solid var(--mbp-color-accent); outline-offset:4px; } body.mbp-wide-galleries .mbp-photo-article { display:inline-flex; align-items:center; min-height:44px; padding:10px 14px; margin:0; border:1px solid var(--mbp-color-border); border-radius:4px; background:transparent; color:var(--mbp-color-accent); font:600 13px/1.5 var(--mbp-font-sans); text-transform:none; letter-spacing:0; cursor:pointer; } @media(hover:hover) and (pointer:fine) { body.mbp-wide-galleries .mbp-photo-article:hover { background:var(--mbp-color-accent-subtle); } } body.mbp-wide-galleries .mbp-photo-article:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:3px; } @media(max-width:1024px) { body.mbp-wide-galleries .mbp-entry-content { --mbp-photo-flow-gap:8px; } body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > .mbp-photo-set { display:grid!important; grid-template-columns:minmax(0,1fr); align-items:start; gap:8px!important; margin-block:24px; } body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > .mbp-photo-set.mbp-photo-balanced { display:flex!important; flex-wrap:wrap; } body.mbp-photo-enhanced .mbp-photo-set.mbp-photo-balanced > .wp-block-gallery.has-nested-images > figure.wp-block-image { flex:0 0 var(--mbp-photo-basis)!important; width:var(--mbp-photo-basis)!important; } body.mbp-photo-enhanced .mbp-photo-set.mbp-photo-balanced > .wp-block-gallery > figcaption { flex-basis:100%; } body.mbp-photo-enhanced .mbp-photo-set > .wp-block-gallery.has-nested-images { display:contents!important; } body.mbp-photo-enhanced .mbp-photo-set > .wp-block-gallery.has-nested-images > figure.wp-block-image { display:block!important; width:auto!important; max-width:100%!important; height:auto!important; min-width:0; margin:0!important; flex:none!important; } body.mbp-photo-enhanced .mbp-photo-set .wp-block-gallery figure.wp-block-image .mbp-photo-open { display:block; height:auto; } body.mbp-photo-enhanced .mbp-photo-set .wp-block-gallery figure.wp-block-image img { display:block; width:100%!important; height:auto!important; max-height:none!important; aspect-ratio:var(--mbp-photo-ratio,auto)!important; object-fit:contain!important; } body.mbp-photo-enhanced .mbp-photo-set > .wp-block-gallery > figcaption { grid-column:1 / -1; } body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > figure.wp-block-image:not(.is-resized) img { max-height:min(520px,70svh); } }  body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > figure.wp-block-image.mbp-photo-landscape:not(.is-resized) > .mbp-photo-open { width:100%; max-width:min(100%,var(--mbp-photo-source-width,100%)); } body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > figure.wp-block-image.mbp-photo-landscape:not(.is-resized) img { width:100%!important; max-width:min(100%,var(--mbp-photo-source-width,100%))!important; max-height:none; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-image,.wp-block-gallery,.mbp-photo-set):not(.is-resized):not(:has(figcaption)):has(+ :is(.wp-block-image,.wp-block-gallery,.mbp-photo-set):not(.is-resized)) { margin-bottom:0!important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-image,.wp-block-gallery,.mbp-photo-set):not(.is-resized):not(:has(figcaption)) + :is(.wp-block-image,.wp-block-gallery,.mbp-photo-set):not(.is-resized):not(:has(figcaption)) { margin-top:var(--mbp-photo-flow-gap)!important; }  body .mbp-photo-viewer { position:fixed; inset:0; margin:auto; box-sizing:border-box; padding:0; border:0; border-radius:0; width:100%; max-width:none; height:100dvh; max-height:none; background:var(--mbp-color-bg); color:var(--mbp-color-text); overscroll-behavior:contain; font-family:var(--mbp-font-sans); } body .mbp-photo-viewer[open] { display:flex; flex-direction:column; } .mbp-photo-viewer::backdrop { background:var(--mbp-color-bg); } body .mbp-photo-viewer [hidden] { display:none!important; } body .mbp-photo-viewer-bar { display:flex; align-items:center; gap:16px; flex:none; padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left)); border-bottom:1px solid var(--mbp-color-border); } body .mbp-photo-viewer-bar h2 { min-width:0; margin:0; flex:1; font:500 16px/1.4 var(--mbp-font-sans); color:var(--mbp-color-heading); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } body .mbp-photo-viewer button { min-width:44px; min-height:44px; padding:10px 14px; border:1px solid var(--mbp-color-border); border-radius:4px; background:var(--mbp-color-surface); color:var(--mbp-color-heading); font:500 13px/1.4 var(--mbp-font-sans); cursor:pointer; text-transform:none; letter-spacing:0; } body .mbp-photo-viewer button:hover { background:var(--mbp-color-accent-subtle); } body .mbp-photo-viewer button:focus-visible { outline:3px solid var(--mbp-color-accent); outline-offset:2px; } body .mbp-photo-viewer button:disabled { opacity:.4; cursor:default; } body .mbp-photo-viewer .mbp-photo-close { font-size:26px; line-height:1; flex:none; } body .mbp-photo-section-bar { display:flex; align-items:center; gap:12px; flex:none; padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left)); border-bottom:1px solid var(--mbp-color-border); } body .mbp-photo-section-bar label { flex:none; margin:0; font:500 13px/1.4 var(--mbp-font-sans); color:var(--mbp-color-text-muted); } body .mbp-photo-section-bar select { flex:1; min-width:0; width:auto; max-width:680px; min-height:44px; margin:0; padding:8px 32px 8px 12px; border:1px solid var(--mbp-color-border); border-radius:4px; background-color:var(--mbp-color-surface); color:var(--mbp-color-heading); font:500 13px/1.4 var(--mbp-font-sans); text-overflow:ellipsis; } body .mbp-photo-section-bar select:focus-visible { outline:3px solid var(--mbp-color-accent); outline-offset:2px; } body .mbp-photo-stage { display:flex; align-items:center; justify-content:center; flex:1; min-height:0; min-width:0; padding:16px; overflow:hidden; touch-action:pan-y pinch-zoom; } body .mbp-photo-stage .mbp-photo-full { display:block; flex:none; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; border-radius:0; } body .mbp-photo-stage.is-zoomed { display:block; overflow:auto; touch-action:pan-x pan-y pinch-zoom; } body .mbp-photo-stage.is-zoomed .mbp-photo-full { max-width:none!important; max-height:none!important; } body .mbp-photo-controls { flex:none; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; padding:12px 16px max(12px,env(safe-area-inset-bottom)); border-top:1px solid var(--mbp-color-border); } body .mbp-photo-count { min-width:64px; text-align:center; font-size:13px; font-variant-numeric:tabular-nums; } body .mbp-photo-overview { flex:1; min-height:0; min-width:0; overflow:auto; overflow-anchor:none; padding:24px max(20px,env(safe-area-inset-right)) 32px max(20px,env(safe-area-inset-left)); scrollbar-gutter:stable; } body .mbp-photo-chapter-section { max-width:1120px; margin:0 auto 40px; } body .mbp-photo-rights { max-width:1120px; margin:0 auto 24px; color:var(--mbp-color-text-muted); font:400 13px/1.6 var(--mbp-font-sans); } body .mbp-photo-rights p { margin:0; font:inherit; color:inherit; } body .mbp-photo-rights .mbp-photo-collection-credit { color:var(--mbp-color-heading); font-weight:500; } body .mbp-photo-permission a { color:var(--mbp-color-accent); text-decoration:underline; text-underline-offset:3px; } body .mbp-photo-permission a:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:3px; } body .mbp-photo-viewer .mbp-photo-image-credit { flex:none; margin:0; padding:0 16px 8px; color:var(--mbp-color-text-muted); text-align:center; font:400 12px/1.5 var(--mbp-font-sans); } body .mbp-photo-chapter { margin:0 0 16px; color:var(--mbp-color-heading); font:500 22px/1.4 var(--mbp-font-serif); scroll-margin-top:20px; } body .mbp-photo-chapter:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:4px; } body .mbp-photo-subheading { margin:24px 0 12px; color:var(--mbp-color-heading); font:500 15px/1.5 var(--mbp-font-sans); scroll-margin-top:16px; } body .mbp-photo-subheading:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:4px; } body .mbp-photo-chapter + .mbp-photo-subheading { margin-top:0; } body .mbp-photo-mosaic { min-width:0; overflow-anchor:none; } body .mbp-photo-row { display:flex; gap:8px; max-width:100%; margin:0 auto 8px; } body .mbp-photo-row:last-child { margin-bottom:0; } body .mbp-photo-viewer .mbp-photo-thumbnail { box-sizing:border-box; flex:0 0 var(--mbp-photo-basis,calc(50% - 4px)); width:var(--mbp-photo-basis,calc(50% - 4px)); aspect-ratio:var(--mbp-photo-ratio); height:auto; padding:0; min-width:0; min-height:0; border:0; line-height:0; background:transparent; } body .mbp-photo-row > .mbp-photo-thumbnail { flex-shrink:1; height:100%; } body .mbp-photo-thumbnail img { display:block; width:100%; height:100%; object-fit:contain; border-radius:4px; } body .mbp-photo-thumbnail[aria-current="true"] { outline:2px solid var(--mbp-color-accent); outline-offset:2px; } body .mbp-photo-viewer .mbp-photo-thumbnail.is-unavailable { display:flex; align-items:center; justify-content:center; background:var(--mbp-color-surface-soft); color:var(--mbp-color-text-muted); } body .mbp-photo-thumbnail.is-unavailable svg { width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.5; } body .mbp-photo-error { text-align:center; } body .mbp-photo-error a { color:var(--mbp-color-accent); text-decoration:underline; } @media(max-width:600px) { body .mbp-photo-viewer-bar h2 { font-size:13px; } body .mbp-photo-stage { padding:8px; } body .mbp-photo-overview { padding:16px 12px 24px; } body .mbp-photo-chapter { font-size:19px; margin-bottom:12px; } body .mbp-photo-chapter-section { margin-bottom:28px; } body .mbp-photo-section-bar { flex-wrap:wrap; gap:8px; padding:8px 12px; } body .mbp-photo-section-bar label { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } body .mbp-photo-section-bar select { flex-basis:100%; max-width:none; } } @media print { body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > .mbp-photo-set, body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > .mbp-photo-set.mbp-photo-balanced { display:block!important; } body.mbp-photo-enhanced .mbp-photo-set > .wp-block-gallery.has-nested-images { display:flex!important; } body.mbp-photo-enhanced .mbp-photo-set.mbp-photo-balanced > .wp-block-gallery.has-nested-images > figure.wp-block-image { flex:1 1 30%!important; width:auto!important; } body .mbp-photo-article, body .mbp-photo-viewer { display:none!important; } }