.agro-marquee-container {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid var(--bm-border-subtle);
    background: var(--bm-surface);
    color: var(--bm-text);
}

.agro-marquee-container .marquee-link {
    display: block;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
}

.agro-marquee-container .marquee-content {
    display: flex;
    width: max-content;
    min-width: 100%;
    animation: agro-marquee 320s linear infinite;
    will-change: transform;
}

.agro-marquee-container .marquee-link:hover .marquee-content,
.agro-marquee-container .marquee-link:focus-visible .marquee-content {
    animation-play-state: paused;
}

.agro-marquee-container .marquee-link:focus-visible {
    outline: 2px solid var(--bm-accent);
    outline-offset: -2px;
}

.agro-marquee-container .marquee-element {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    padding: 0 var(--bm-space-5);
    font-size: var(--bm-font-size-sm);
    font-weight: var(--bm-weight-regular);
    line-height: var(--bm-line-flat);
    white-space: nowrap;
}

.agro-marquee-container .currency {
    color: var(--bm-text);
    font-weight: var(--bm-weight-bold);
}

.agro-marquee-container .quotation {
    font-size: var(--bm-font-size-sm);
    font-weight: var(--bm-weight-medium);
}

.agro-marquee-container .quotation.up {
    color: var(--bm-accent);
}

.agro-marquee-container .quotation.down {
    color: var(--bm-danger);
}

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

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

@media (max-width: 767px) {
    .agro-marquee-container .marquee-content {
        animation-duration: 180s;
    }

    .agro-marquee-container .marquee-element {
        min-height: 36px;
        padding: 0 var(--bm-space-3);
        font-size: var(--bm-font-size-sm);
    }
}

@media (max-width: 480px) {
    .agro-marquee-container .marquee-element {
        gap: var(--bm-space-1);
        padding: 0 var(--bm-space-2);
    }
}