.msw-ticker {
    --msw-ticker-ink: var(--ink, #202923);
    --msw-ticker-accent: var(--green, #284c39);
    --msw-ticker-muted: var(--muted, #606c63);
    --msw-ticker-line: var(--line, #dcded5);
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 62px;
    padding-block: 7px;
    color: var(--msw-ticker-ink);
    font: 16px/1.35 var(--serif, Georgia, "Times New Roman", serif);
}

.msw-ticker__summary {
    display: flex;
    align-items: center;
    flex: none;
    gap: 12px;
    padding-inline-end: 12px;
    border-inline-end: 1px solid var(--msw-ticker-line);
    white-space: nowrap;
}

.msw-ticker__summary:only-child {
    border: 0;
}

.msw-ticker__count {
    color: var(--msw-ticker-accent);
}

.msw-ticker__progress {
    display: block;
    width: 60px;
    height: 5px;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
    background: var(--msw-ticker-line);
    color: var(--msw-ticker-accent);
}

.msw-ticker__progress::-webkit-progress-bar {
    background: var(--msw-ticker-line);
}

.msw-ticker__progress::-webkit-progress-value {
    background: var(--msw-ticker-accent);
}

.msw-ticker__progress::-moz-progress-bar {
    background: var(--msw-ticker-accent);
}

.msw-ticker .msw-ticker__records {
    display: block;
    flex: 1 1 0;
    min-width: 0;
    padding-block: 11px;
    overflow-x: auto;
    scrollbar-width: thin;
    color: inherit;
    text-decoration: none;
}

.msw-ticker .msw-ticker__records:hover {
    color: var(--msw-ticker-accent);
}

.msw-ticker__track,
.msw-ticker .msw-ticker__list {
    display: flex;
    width: max-content;
}

.msw-ticker .msw-ticker__list {
    flex: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.msw-ticker__item {
    margin: 0;
    white-space: nowrap;
}

.msw-ticker__divider {
    margin-inline: 12px;
    color: var(--msw-ticker-muted);
}

.msw-ticker:not(.is-scrolling) .msw-ticker__item:last-child .msw-ticker__divider {
    visibility: hidden;
}

.msw-ticker .msw-ticker__copy {
    display: none;
}

.msw-ticker .msw-ticker__records:focus-visible {
    outline: 2px solid var(--msw-ticker-accent);
    outline-offset: 1px;
}

.msw-ticker.is-scrolling .msw-ticker__records {
    overflow: hidden;
}

.msw-ticker.is-scrolling .msw-ticker__copy {
    display: flex;
}

.msw-ticker.is-scrolling .msw-ticker__track {
    animation: msw-ticker-scroll var(--msw-ticker-duration) linear infinite;
}

.msw-ticker__records:focus-visible .msw-ticker__track {
    animation-play-state: paused;
}

@keyframes msw-ticker-scroll {
    to { transform: translateX(-50%); }
}

@media (hover: hover) {
    .msw-ticker__records:hover .msw-ticker__track {
        animation-play-state: paused;
    }
}

@media (max-width: 760px) {
    .msw-ticker {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        font-size: 15px;
    }

    .msw-ticker__summary {
        padding-inline-end: 0;
        border: 0;
        white-space: normal;
    }

    .msw-ticker__progress {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .msw-ticker.is-scrolling .msw-ticker__track {
        animation: none;
    }

    .msw-ticker.is-scrolling .msw-ticker__records {
        overflow-x: auto;
    }

    .msw-ticker.is-scrolling .msw-ticker__copy {
        display: none;
    }

    .msw-ticker__item:last-child .msw-ticker__divider {
        visibility: hidden;
    }
}