/* The small story image has its own replaceable playlist, independent of the backdrop. */
.story-gallery-media{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
#olympus-page .story-gallery .story-gallery-image{position:absolute;inset:0;width:100%;height:100%;padding:7px 7px 35px;opacity:0;transition:opacity var(--gallery-fade,1.8s) ease;mix-blend-mode:normal;object-fit:contain}
#olympus-page .story-gallery .story-gallery-image.active{opacity:1}
.story-gallery-next{position:absolute;inset:0;z-index:1;width:100%;height:100%;background:transparent;border:0;border-radius:inherit;cursor:pointer}
#olympus-page .story-gallery .story-gallery-caption{position:absolute;left:12px;bottom:12px;z-index:2;background:#fffef4e8;border:1px solid #dfebef;border-radius:20px;padding:6px 9px;font-size:11px;line-height:1.2;color:#173c55;font-weight:650;pointer-events:none}
.story-gallery-pause{position:absolute;z-index:3;right:4px;bottom:3px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #d6e7ed;background:#fffffff2;color:#174259;font-size:15px;cursor:pointer}
.story-gallery-pause:focus-visible,.story-gallery-next:focus-visible{outline:3px solid #008bac;outline-offset:-4px}
.story-gallery-pause:hover{background:#e4f4fa}
.motion-off .story-gallery-image{transition:none!important}
@media(prefers-reduced-motion:reduce){.story-gallery-image{transition:none!important}}
@media(max-width:760px){.preview-pages{gap:20px;font-size:11px}.preview-tools>div{flex-wrap:wrap;justify-content:flex-end;gap:8px 12px}#olympus-page .story-gallery .story-gallery-caption{left:6px;bottom:14px;padding:5px 7px;font-size:10px}}
@media(max-width:400px){.preview-pages{gap:12px;font-size:10px}.preview-tools{grid-template-columns:1fr}.preview-tools>span{display:none}.preview-tools>div{justify-self:center}.preview-pages{grid-row:2}}