.infinite-loop{position:relative}.infinite-loop .marquee{--gap:16px;--height:144px;--height-negative:-144px}.infinite-loop:after,.infinite-loop:before{content:"";display:block;position:absolute;z-index:1}.vertical.infinite-loop:after,.vertical.infinite-loop:before{height:30%;left:0;right:0}.vertical.infinite-loop:before{background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));top:0}.vertical.infinite-loop:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0}.horizontal.infinite-loop:after,.horizontal.infinite-loop:before{bottom:0;top:0;width:25%}.horizontal.infinite-loop:before{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0));left:0}.horizontal.infinite-loop:after{background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);right:0}.infinite-loop .marquee{display:flex;gap:var(--gap);max-height:100%;overflow:hidden;position:relative;user-select:none}.infinite-loop .marquee-content{display:flex;flex-shrink:0;gap:var(--gap);justify-content:space-around;min-width:100%}.vertical.infinite-loop .marquee-content>li{font-size:30px!important;line-height:38px!important}.vertical.infinite-loop .marquee{align-content:flex-start;flex-direction:row;flex-wrap:wrap;height:var(--height);justify-content:space-between}.vertical.infinite-loop .marquee-content{flex-wrap:wrap;margin-bottom:0;max-width:100%}.vertical.infinite-loop .marquee-content>*{color:#333c4e;display:inline-block;text-overflow:ellipsis;width:100%}@keyframes scroll_horizontal{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}.horizontal.infinite-loop .enable-animation .marquee-content,.infinite-loop .enable-animation .marquee-content{animation:scroll_horizontal 20s linear infinite}@keyframes scroll_vertical{0%{transform:translateY(0)}to{transform:translateY(calc(var(--height-negative)))}}.vertical.infinite-loop .enable-animation .marquee-content{animation:scroll_vertical 10s linear infinite}@media (prefers-reduced-motion:reduce){.infinite-loop .marquee-content{animation-play-state:paused!important}}.infinite-loop .marquee-reverse .marquee-content{animation-direction:reverse}.infinite-loop .marquee-hover-pause:hover .marquee-content{animation-play-state:paused}.infinite-loop .marquee-fit-content{max-width:fit-content}.infinite-loop .marquee-pos-absolute .marquee-content:last-child{left:0;position:absolute;top:0}@keyframes scroll_vertical_abs{0%{transform:translateY(calc(var(--height) + var(--gap)))}to{transform:translateY(0)}}.infinite-loop .enable-animation .marquee-pos-absolute .marquee-content:last-child,.vertical.infinite-loop .enable-animation .marquee-pos-absolute .marquee-content:last-child{animation-name:scroll_vertical_abs}@keyframes scroll_horizontal_abs{0%{transform:translateX(calc(100% + var(--gap)))}to{transform:translateX(0)}}.horizontal.infinite-loop .enable-animation .marquee-pos-absolute .marquee-content:last-child{animation-name:scroll_horizontal_abs}