.marquee-container-482e39a3 {
    overflow: hidden;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.marquee-track-482e39a3 {
    display: flex;
    width: max-content;
    align-items: stretch; /* Stretch children to fill the full height of the track */
    box-sizing: border-box;
    height: 100%;
}
.marquee-item-482e39a3 {
    flex-shrink: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.marquee-item-inner-482e39a3 {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%; /* Stretches the border to 100% of the marquee container height */
    flex-grow: 1;
}
.marquee-item-inner-482e39a3 img,
.marquee-item-inner-482e39a3 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.marquee-item-inner-482e39a3 img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
/* Left translation: scrolls left continuously. */
@keyframes scroll-left-482e39a3 {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
}
/* Right translation: scrolls right continuously. Since we repeat elements 4 times, offset starting at -50% to 0% is seamless. */
@keyframes scroll-right-482e39a3 {
    0% { transform: translate3d(-50%, 0, 0); }
    100% { transform: translate3d(0, 0, 0); }
}
.marquee-track-482e39a3.left {
    animation: scroll-left-482e39a3 var(--marquee-speed, 15s) linear infinite;
}
.marquee-track-482e39a3.right {
    animation: scroll-right-482e39a3 var(--marquee-speed, 15s) linear infinite;
}
.marquee-track-482e39a3.pause-on-hover:hover {
    animation-play-state: paused;
}