.okthemes-scrolling-text {
padding: 20px;
text-align: center;
display: flex;
justify-content: center;
overflow: hidden;
}
.ticker-container {
overflow: hidden;
width: 100%;
}
.ticker-frame {
display: inline-flex;
white-space: nowrap;
}
.ticker-scale {
display: inline-flex;
white-space: nowrap;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-play-state: paused;
align-items: center;
width: max-content;
flex-flow: row nowrap;
}
.ticker-scale.ticker--unloaded {
width: max-content;
}
.ticker-scale:hover {
animation-play-state: paused;
}
.ticker-item {
display: inline-block;
padding: 0 var(--space, 30px);
white-space: nowrap;
}
.ticker--animated {
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-name: var(--ticker-direction);
animation-duration: var(--animation-time);
animation-play-state: paused;
display: inline-flex;
align-items: center;
width: max-content;
}
.ticker--animated:hover {
animation-play-state: paused;
}
.okthemes-scrolling-text:not(:hover) ticker-bar[autoplay]:not([paused]) .ticker--animated,
.okthemes-scrolling-text:not(:hover) ticker-bar[data-slide]:not([paused]) .ticker--animated {
animation-play-state: running;
}
.ticker__comparitor {
position: absolute;
transform: translateY(-5000px);
visibility: hidden;
}
@keyframes ticker-rtl {
0% {
transform: none;
visibility: visible;
}
100% {
transform: translateX(-100%);
}
}
@keyframes ticker-ltr {
0% {
transform: translateX(-100%);
visibility: visible;
}
100% {
transform: none;
}
}