/* MARQUE EDIT — frontend */

@keyframes me-scroll {
    0% {
        transform: translateX(0);
    }

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

.me-bar {
    width: 100%;
    overflow: hidden;
    background: var(--me-bg, #9739c3);
    color: var(--me-color, #fff);
    padding: 6px 0 5px;
    position: relative;
    z-index: 100000;
}

@media (max-width: 1024px) {
    body.me-bar-touch-bottom {
        padding-bottom: var(--me-bar-height, 44px);
    }

    body.me-bar-touch-bottom .me-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        width: 100%;
    }
}

.me-bar-link {
    display: block;
    color: inherit;
    text-decoration: none;
    font-weight: normal;
}

.me-bar-link:hover,
.me-bar-link:focus,
.me-bar-link:active,
.me-bar-link:visited {
    color: inherit !important;
    text-decoration: none !important;
    font-weight: normal !important;
    opacity: 1 !important;
    outline: none;
    box-shadow: none !important;
    filter: none !important;
    background: transparent !important;
}

.me-bar-link:hover .me-item,
.me-bar-link:focus .me-item,
.me-bar-link:active .me-item,
.me-item:hover {
    color: var(--me-color, #fff) !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

.me-bar-link:hover .me-item strong,
.me-bar-link:focus .me-item strong,
.me-bar-link:active .me-item strong,
.me-item strong {
    font-weight: 700 !important;
}

.me-bar-link:hover .me-item em,
.me-bar-link:focus .me-item em,
.me-bar-link:active .me-item em,
.me-item em {
    font-style: italic !important;
}

.me-bar-link:hover .me-item u,
.me-bar-link:focus .me-item u,
.me-bar-link:active .me-item u,
.me-item u {
    text-decoration: underline !important;
}

.me-bar-link:hover .me-item s,
.me-bar-link:focus .me-item s,
.me-bar-link:active .me-item s,
.me-item s {
    text-decoration: line-through !important;
}

.me-marquee {
    width: 100%;
    overflow: hidden;
    visibility: hidden;
}

.me-marquee.me-ready {
    visibility: visible;
}

.me-marquee:not(.me-ready) .me-track {
    animation: none;
}

.me-track {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    width: max-content;
    color: inherit;
    animation: me-scroll var(--me-duration, 25s) linear infinite;
    will-change: transform;
}

.me-set {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--me-gap, 40px);
    padding-right: var(--me-gap, 40px);
    color: inherit;
}

.me-item {
    white-space: nowrap;
    flex-shrink: 0;
    color: var(--me-color, #fff) !important;
    font-size: var(--me-font-size, 18px);
    line-height: 1.15;
    letter-spacing: 0.02em;
}

.me-item strong,
.me-item em,
.me-item u,
.me-item s {
    color: var(--me-color, #fff) !important;
}