:root{--marquee-speed:20s;--column-width:60px}.vertical-marquee{position:fixed;top:0;width:var(--column-width);height:100vh;overflow:hidden;background:#000;color:#fff}.left{left:0}.right{right:0}.track{display:flex;flex-direction:column;height:max-content;min-height:200vh}.track span{display:block;flex-shrink:0;transform:rotate(180deg);padding:40px 0;font-family:sans-serif;font-size:1.5rem;line-height:var(--column-width);white-space:nowrap;text-transform:uppercase;writing-mode:vertical-rl;text-align:center}.up{animation:scroll-up var(--marquee-speed) linear infinite}.down{animation:scroll-down var(--marquee-speed) linear infinite}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}