/* Container Layout */
.lm-c83cf99d-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Fade Edges Overlay */
.lm-c83cf99d-container.lm-c83cf99d-has-fade::before,
.lm-c83cf99d-container.lm-c83cf99d-has-fade::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    z-index: 2;
    pointer-events: none;
}
.lm-c83cf99d-container.lm-c83cf99d-has-fade::before {
    left: 0;
    background: linear-gradient(to right, var(--lm-fade-color, rgba(0,0,0,0.85)), transparent);
}
.lm-c83cf99d-container.lm-c83cf99d-has-fade::after {
    right: 0;
    background: linear-gradient(to left, var(--lm-fade-color, rgba(0,0,0,0.85)), transparent);
}

/* Marquee Wrapper */
.lm-c83cf99d-wrapper {
    display: flex;
    width: 100%;
    overflow: hidden;
}

/* Marquee Track */
.lm-c83cf99d-track {
    display: flex;
    width: max-content;
    will-change: transform;
}

/* Direction Left (RTL scroll behavior) */
.lm-c83cf99d-wrapper.lm-c83cf99d-dir-ltr .lm-c83cf99d-track {
    animation: marquee-ltr-c83cf99d linear infinite;
}

/* Direction Right (LTR scroll behavior) */
.lm-c83cf99d-wrapper.lm-c83cf99d-dir-rtl .lm-c83cf99d-track {
    animation: marquee-rtl-c83cf99d linear infinite;
}

/* Pause on Hover */
.lm-c83cf99d-pause-yes:hover .lm-c83cf99d-track {
    animation-play-state: paused;
}

/* Marquee Item */
.lm-c83cf99d-item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-c83cf99d-item-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.lm-c83cf99d-item-inner a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* Image styles */
.lm-c83cf99d-img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Keyframes - Translated by exactly 50% since we repeated the track logos multiple times to ensure seamless scrolling */
@keyframes marquee-ltr-c83cf99d {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes marquee-rtl-c83cf99d {
    0% {
        transform: translate3d(-50%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}