/* Scrolling Ticker Overlay — positioned bar inside the Video.js player */

.xplay-player-ticker,
.xplay-player-ticker--linked {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 20;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
}

.xplay-ticker-top {
    top: 0;
}

.xplay-ticker-bottom {
    bottom: 0;
}

.xplay-player-ticker__track {
    display: inline-block;
    white-space: nowrap;
    animation-name: xplay-ticker-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    will-change: transform;
}

.xplay-player-ticker__text {
    display: inline-block;
    padding: 0 40px;
}

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

@media (max-width: 480px) {
    .xplay-player-ticker,
    .xplay-player-ticker--linked {
        animation-duration: var(--ticker-duration, 60s);
    }
}