.marquee-wrapper {
    width: 100%;
    background: #000;
    overflow: hidden;
}
.marquee-container {
    width: 100%;
    position: relative;
}
.marquee-content {
    display: inline-flex;
    white-space: nowrap;
    animation: marqueeAnimation var(--duration, 30s) linear infinite;
}
.marquee-item {
    display: inline-flex;
    align-items: center;
    padding: 5px 25px 0;
    color: white;
    gap: 10px;
    flex-shrink: 0;
}
.marquee-item-svg {
    width: 36px;
    height: 36px;
}
.marquee-item-svg svg {
    width: 100%;
    height: 100%;
    fill: white;
}
.marquee-item-title {
    font-size: 16px;
    white-space: nowrap;
}
@keyframes marqueeAnimation {
    0% {
            transform: translate3d(0, 0, 0);
    }
    100% {
            transform: translate3d(calc(-100% / 2), 0, 0);
    }
}