.ticker{position:relative;height:50px;background:#333;border-radius:5px;overflow:hidden;}.ticker li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translateY(100%);transition:all 1s ease;}.ticker li.active{opacity:1;transform:translateY(0);}.ticker li.inactive{opacity:0;transform:translateY(-100%);}.ticker li a{box-sizing:border-box;display:grid;place-content:center start;height:100%;color:#fff;font-size:16px;text-decoration:none;padding:0 1.5em;line-height:1;}.ticker li span{box-sizing:border-box;display:grid;place-content:center start;height:100%;padding:0 1.5em;line-height:1;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.ticker li div{box-sizing:border-box;display:grid;place-content:center start;height:100%;padding:0 0;line-height:1;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.marquee{position:relative;overflow:hidden;width:100%;height:2em;}.marquee__inner{position:absolute;white-space:nowrap;will-change:transform;animation:scroll-left var(--duration,10s) linear infinite;}@keyframes scroll-left{from{transform:translateX(100%);}to{transform:translateX(calc(-1*var(--text-width)));}}