.marquee{width:100%;height:100vh;height:100svh}
.marquee .play-pause-container{padding-top:5.5rem}
.marquee:has(.marquee-spotlight),.marquee:has(.marquee-placard){position:relative;color:var(--kpl-off-white);height:auto}
.marquee:has(.marquee-spotlight) .marquee-media,.marquee:has(.marquee-placard) .marquee-media{top:0;width:100%;background-color:var(--kpl-dark);z-index:-1}
.marquee:has(.marquee-spotlight) .marquee-media{position:sticky;height:100vh;margin-bottom:-100vh}
.marquee:has(.marquee-placard) .marquee-media{position:absolute;bottom:0}
.marquee-spotlight,.marquee-placard{position:relative;width:100%}
.marquee-spotlight{height:100vh;height:100svh}
.marquee-placard{display:flex;flex-direction:column;justify-content:flex-end;height:41rem}
.marquee-extension{display:flex;flex-direction:column;width:100%;min-height:100vh}
@media(min-width:768px){.marquee-simple{height:41rem}
}
.marquee-double,.marquee-widget,.marquee-dissolve{height:auto}
.marquee-double .marquee-media,.marquee-widget .marquee-media,.marquee-dissolve .marquee-media{margin-bottom:-100vh}
.marquee-screen-start,.marquee-screen-end{width:100%}
.marquee-screen-start{height:100vh;height:100svh}
.marquee-screen-end{min-height:100vh}
.marquee-widget .marquee-screen-end{min-height:50vh}
.marquee-backdrop{background-color:rgba(0,0,0,0.44)}
.marquee-dissolve .marquee-dissolve-frame{width:14rem}
@media(min-width:576px){.marquee-dissolve .marquee-dissolve-frame{width:50%}
}
.marquee-dissolve .marquee-dissolve-start,.marquee-dissolve .marquee-dissolve-end{transition:opacity .7s,visibility .7s,transform .7s}
.marquee-dissolve .marquee-dissolve-start,.marquee-dissolve.dissolved .marquee-dissolve-end{opacity:1;visibility:visible;transform:translateY(0)}
.marquee-dissolve .marquee-dissolve-end,.marquee-dissolve.dissolved .marquee-dissolve-start{opacity:0;visibility:hidden}
.marquee-dissolve .marquee-dissolve-end{overflow:hidden;transform:translateY(24px)}
.marquee-dissolve.dissolved .marquee-dissolve-start{transform:translateY(-24px)}
.marquee-dissolve .marquee-dissolve-cta{transform:translateY(100%);transition:transform .7s .7s}
.marquee-dissolve.dissolved .marquee-dissolve-cta{transform:translateY(0)}
.marquee-generic-cta{margin-top:24px;margin-bottom:80px}