.text_ticker-layout {
    padding-inline: 0;
    overflow: hidden;
    background: var(--secondary-color);
}

.ticker-wrapper {
    overflow: hidden;

    /* --ticker-play-state: running; */
}

/* .ticker-wrapper:hover {
    --ticker-play-state: paused;
} */

.ticker-track {
    display: flex;
    align-items: center;
    width: max-content;
    white-space: nowrap;
    will-change: transform;
    animation: ticker-scroll var(--ticker-duration, 25s) linear infinite;
    /* animation-play-state: var(--ticker-play-state); */
}

@keyframes ticker-scroll {
    from {
        transform: translateX(0);
    }

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

.ticker-item {
    font-size: var(--scaling-h3, 2rem);
    font-family: var(--pk-heading-font-family);
    font-weight: var(--pk-heading-font-weight);
    color: var(--pk-text-color-dark);
    line-height: 1.3;
    padding-block: 1rem;
    text-transform: uppercase;
}

.ticker-sep {
    padding-inline: 1rem;
    color: var(--pk-text-color-dark);
    font-size: var(--scaling-h2, 2rem);
    font-family: var(--pk-heading-font-family);
    line-height: 1.1;
}

@media (prefers-reduced-motion: reduce) {
    .ticker-track {
        animation: none;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
        padding-inline: var(--site-gutter, 2rem);
    }
}