@layer components.animation{ec-marquee{--ec-marquee-speed:60;--ec-marquee-gap:var(--space-rem-m);--ec-marquee-distance:0px;--ec-marquee-duration:20s;display:block;overflow:hidden}ec-marquee e-marquee-track{gap:var(--ec-marquee-gap);width:max-content;display:flex}ec-marquee e-marquee-group{align-items:center;gap:var(--ec-marquee-gap);flex:none;display:flex}ec-marquee[data-marquee-ready] e-marquee-track{animation:ec-marquee-scroll var(--ec-marquee-duration) linear infinite}ec-marquee[data-marquee-ready]:not([data-marquee-offscreen]) e-marquee-track{will-change:transform}ec-marquee[data-direction=right][data-marquee-ready] e-marquee-track{animation-direction:reverse}ec-marquee[data-marquee-offscreen] e-marquee-track,ec-marquee[data-marquee-paused] e-marquee-track{animation-play-state:paused}ec-marquee:focus-within e-marquee-track{animation-play-state:paused}@media (pointer:fine){ec-marquee[data-pause-on-hover]:hover e-marquee-track{animation-play-state:paused}}ec-marquee[data-marquee-static]{overflow-x:auto}ec-marquee[data-marquee-static] e-marquee-track{animation:none}@keyframes ec-marquee-scroll{0%{transform:translate(0,0)}to{transform:translate3d(calc(-1 * var(--ec-marquee-distance)), 0, 0)}}}