.advyon-logo-ticker {
    --alt-logo-height: 72px;
    --alt-logo-height-mobile: 54px;
    --alt-slot-width: 250px;
    --alt-gap: 44px;
    --alt-vpad: 30px;
    --alt-bg: #fff;
    --alt-distance: 1000px;
    --alt-duration: 20s;

    width: 100%;
    overflow: hidden;
    background: var(--alt-bg);
}

.advyon-logo-ticker__viewport {
    width: 100%;
    overflow: hidden;
    padding: var(--alt-vpad) 0;
}

.advyon-logo-ticker__track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: advyon-logo-ticker-left var(--alt-duration) linear infinite;
}

.advyon-logo-ticker--right .advyon-logo-ticker__track {
    animation-name: advyon-logo-ticker-right;
}

.advyon-logo-ticker__set {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--alt-gap);
    padding-right: var(--alt-gap);
}

.advyon-logo-ticker__item {
    width: var(--alt-slot-width);
    flex: 0 0 var(--alt-slot-width);
    display: flex;
    align-items: center;
    justify-content: center;
}

.advyon-logo-ticker--natural-width .advyon-logo-ticker__item {
    width: auto;
    flex: 0 0 auto;
}

.advyon-logo-ticker--natural-width .advyon-logo-ticker__link {
    width: auto;
}

.advyon-logo-ticker--natural-width .advyon-logo-ticker__image {
    width: auto;
    height: var(--alt-logo-height);
    max-width: none;
    max-height: none;
}

.advyon-logo-ticker__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-decoration: none;
    line-height: 0;
}

.advyon-logo-ticker__image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: var(--alt-logo-height);
    object-fit: contain;
    transform: translateZ(0);
}

.advyon-logo-ticker--pause-hover:hover .advyon-logo-ticker__track {
    animation-play-state: paused;
}

@keyframes advyon-logo-ticker-left {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(calc(-1 * var(--alt-distance)), 0, 0); }
}

@keyframes advyon-logo-ticker-right {
    from { transform: translate3d(calc(-1 * var(--alt-distance)), 0, 0); }
    to   { transform: translate3d(0, 0, 0); }
}

@media (max-width: 767px) {
    .advyon-logo-ticker__image {
        max-height: var(--alt-logo-height-mobile);
    }

    .advyon-logo-ticker__item {
        width: min(var(--alt-slot-width), 190px);
        flex-basis: min(var(--alt-slot-width), 190px);
    }

    .advyon-logo-ticker--natural-width .advyon-logo-ticker__item {
        width: auto;
        flex-basis: auto;
    }

    .advyon-logo-ticker--natural-width .advyon-logo-ticker__image {
        height: var(--alt-logo-height-mobile);
        max-height: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .advyon-logo-ticker__track {
        animation-play-state: paused;
    }

    .advyon-logo-ticker__viewport {
        overflow-x: auto;
        scrollbar-width: thin;
    }
}