.loft-logobar-managed,
.eaw-logobar-managed {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0,
        #000 var(--loft-logobar-fade, 80px),
        #000 calc(100% - var(--loft-logobar-fade, 80px)),
        transparent 100%
    );
    mask-image: linear-gradient(
        90deg,
        transparent 0,
        #000 var(--loft-logobar-fade, 80px),
        #000 calc(100% - var(--loft-logobar-fade, 80px)),
        transparent 100%
    );
}

.loft-logobar .loft-logobar__track,
.eaw-logobar .eaw-logobar__track,
.loft-logobar-managed .loft-logobar__track,
.eaw-logobar-managed .eaw-logobar__track {
    display: flex;
    align-items: center;
    gap: var(--loft-logobar-gap, clamp(40px, 5vw, 88px));
    width: max-content;
    margin: 0;
    padding: 0;
    overflow: visible;
    list-style: none;
    -webkit-mask-image: none;
    mask-image: none;
    animation: loft-logobar-marquee var(--loft-logobar-speed, 40s) linear infinite;
}

.loft-logobar .loft-logobar__item,
.eaw-logobar .eaw-logobar__item,
.loft-logobar-managed .loft-logobar__item,
.eaw-logobar-managed .eaw-logobar__item {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: var(--loft-logobar-item-width, 180px);
    height: var(--loft-logobar-item-height, 72px);
}

.loft-logobar .loft-logobar__item img,
.eaw-logobar .eaw-logobar__item img,
.loft-logobar-managed .loft-logobar__item img,
.eaw-logobar-managed .eaw-logobar__item img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(var(--loft-logobar-grayscale, 1)) opacity(var(--loft-logobar-opacity, 0.7));
    transition: filter 0.3s;
}

.loft-logobar .loft-logobar__item img:hover,
.eaw-logobar .eaw-logobar__item img:hover,
.loft-logobar-managed .loft-logobar__item img:hover,
.eaw-logobar-managed .eaw-logobar__item img:hover {
    filter: grayscale(0) opacity(1);
}

@keyframes loft-logobar-marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}