.decr-marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--decr-marquee-gap, 0px);
}

.decr-marquee__track {
    flex-shrink: 0;
    display: flex;
    min-width: max-content;
    animation: decr-marquee-scroll var(--decr-marquee-speed, 50s) linear infinite;
}

.decr-marquee[data-direction="right"] .decr-marquee__track {
    animation-name: decr-marquee-scroll-right;
}

.decr-marquee[data-pause-on-hover="true"]:hover .decr-marquee__track {
    animation-play-state: paused;
}

.decr-marquee__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.decr-marquee__item img {
    height: 100%;
    width: auto;
    max-height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.decr-marquee__item a {
    display: flex;
    align-items: center;
}

@keyframes decr-marquee-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - var(--decr-marquee-gap, 0px)));
    }
}

@keyframes decr-marquee-scroll-right {
    from {
        transform: translateX(calc(-100% - var(--decr-marquee-gap, 0px)));
    }
    to {
        transform: translateX(0);
    }
}