.marquee__container{background-color:#000;width:100vw;max-width:100vw;display:flex}.marquee__inner{will-change:transform;justify-content:center;gap:1rem;min-width:100vw;margin-right:1rem;animation:20s linear infinite marquee;display:flex}.marquee__inner span{min-width:max-content}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}
.main,.slide{will-change:transform;flex-direction:column;width:100%;min-height:100%;transition:all 1s;display:flex}.slide{z-index:1;position:absolute;top:0;left:0}.main.open{transform:translate(-100vw)}.main.closed,.slide.open{transform:translate(0)}.slide.closed{transform:translate(100vw)}