.marquixfe-marquee-container {
--marquixfe-duration: 10s;
overflow: hidden;
width: 100%;
}
.marquixfe-marquee-track {
display: flex;
align-items: center;
width: max-content;
animation-duration: var(--marquixfe-duration);
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: none; will-change: transform;
}
.marquixfe-pause-hover:hover .marquixfe-marquee-track {
animation-play-state: paused;
} .marquixfe-text-marquee .marquixfe-marquee-item {
flex: 0 0 auto;
white-space: nowrap;
} .marquixfe-text-seamless .marquixfe-marquee-item {
padding-right: 2rem;
} .marquixfe-text-normal .marquixfe-marquee-item {
padding-right: 0;
} .marquixfe-logo-marquee .marquixfe-marquee-group {
display: flex;
align-items: center;
gap: 40px;
flex-shrink: 0;
padding-right: var(--marquixfe-group-gap, 40px);
}
.marquixfe-logo-marquee .marquixfe-logo-item {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
}
.marquixfe-logo-marquee .marquixfe-logo-item img {
width: 120px;
height: auto;
max-width: 100%;
display: block;
} .marquixfe-fade {
-webkit-mask-image: linear-gradient(
to right,
transparent 0%,
black var(--marquixfe-fade-size, 80px),
black calc(100% - var(--marquixfe-fade-size, 80px)),
transparent 100%
);
mask-image: linear-gradient(
to right,
transparent 0%,
black var(--marquixfe-fade-size, 80px),
black calc(100% - var(--marquixfe-fade-size, 80px)),
transparent 100%
);
}  @keyframes marquixfe-scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(var(--marquixfe-translate));
}
}
@keyframes marquixfe-scroll-right {
from {
transform: translateX(var(--marquixfe-translate));
}
to {
transform: translateX(0);
}
} @keyframes marquixfe-normal-scroll {
from {
transform: translateX(var(--marquixfe-start));
}
to {
transform: translateX(var(--marquixfe-end));
}
}