/* A composition preview renders the same page and viewport as the visitor sees. */
html[data-composition] *,html[data-composition] *::before,html[data-composition] *::after{animation:none!important;scroll-behavior:auto!important}
html[data-composition] .preview-banner,html[data-composition] .r-footer{display:none}
html[data-composition="hero"] #main>:not(.r-hero){display:none}
html[data-composition="hero"]{overflow:hidden}
html[data-composition="album"] .r-skip{display:none}