.ewfe-marquee {
--gap: 1rem;
--animi-time: 20s;
display: flex;
overflow: hidden;
user-select: none;
gap: var(--gap);
min-width: 100%;
}
.ewfe-marquee__content {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-shrink: 0;
gap: var(--gap);
min-width: 100%;
align-items: center;
justify-content: space-around;
animation: ewfe-scroll var(--animi-time) infinite linear;
font-size: 42px;
}
.ewfe-marquee__content li span {
display: flex;
}
.ewfe-marquee__separator svg {
width: 30px;
height: auto;
}
.ewfe-marquee--reverse .ewfe-marquee__content {
animation-direction: reverse;
}
@keyframes ewfe-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - var(--gap)));
}
}