/* Same Swup slideshow recipe already approved for Harbour -> Rome (MIT). */
html.is-changing .transition-slide { transition:transform .8s cubic-bezier(.5,0,.15,1); }
.transition-slide.is-next-container { transform:translateX(100%); }
.transition-slide.is-previous-container { transform:translateX(-100%); }
html.to-left .transition-slide.is-next-container { transform:translateX(-100%); }
html.to-left .transition-slide.is-previous-container { transform:translateX(100%); }
html,body { margin:0; height:100%; overflow:hidden; background:#f4f1e9; }
.pages { position:relative; width:100%; height:100%; overflow:hidden; }
.page { position:absolute; inset:0; width:100%; height:100%; }
iframe { display:block; width:100%; height:100%; border:0; background:#f4f1e9; }
iframe:not([data-ready="true"]) { visibility:hidden; }
html:has(#content),html:has(#content) body { height:auto; overflow:auto; }
html:has(#content) .pages { height:auto; min-height:100dvh; overflow:visible; }
html:has(#content) .page { position:relative; height:auto; }
html:has(#content) .page>iframe,#content iframe { height:100dvh; }
#content { min-height:100dvh; }
html[data-route-sliding],html[data-route-sliding] body { height:100%!important; overflow:hidden!important; }
html[data-route-sliding] .pages { height:100dvh!important; overflow:hidden!important; }
html[data-route-sliding] .page { position:absolute!important; min-height:100dvh; }
@media(prefers-reduced-motion:reduce){html.is-changing .transition-slide { transition:none; }}