.marquee-track {
    display: flex;
    width: max-content;
    gap: 8px;
}

.marquee-fade {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    border: 1px solid var(--color-border-light);
    background-color: var(--color-surface);
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
    color: var(--color-text-body);
    white-space: nowrap;
    cursor: default;
}

.pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    border: 1px solid var(--color-border-light);
    background-color: var(--color-surface);
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
    color: var(--color-text-body);
    white-space: nowrap;
    cursor: default;
}
@media (min-width:768px) {
    .marquee-pills p, .marquee-section-content{
       width: 630px;
    }
}