﻿.veon-textslider {
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 8px;
  padding: 12px;
  width: 100%;
  margin-bottom: 20px;
/*  background: white;*/
}

.veon-textslider-track
{
  /*  display: flex;*/
  /*  width: max-content;*/
  /*  gap: 100%;*/
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  will-change: transform;
}

/* Pause on hover */
.veon-textslider.--pause-on-hover:hover .veon-textslider-track {
  animation-play-state: paused;
}

/* Duplicate text makes loop seamless */
.veon-textslider-text {
  display: inline-block;
  font-weight: 600;
  opacity: 0.9;
}

/* TEXT SIZE */
.veon-textslider-text.--smaller { font-size: 12px; }
.veon-textslider-text.--small { font-size: 14px; }
.veon-textslider-text.--normal { font-size: 16px; }
.veon-textslider-text.--large { font-size: 18px; }
.veon-textslider-text.--larger { font-size: 22px; }
.veon-textslider-text.--xl { font-size: 28px; }

/* SPEED (animation duration) */
.veon-textslider-track.--slower { animation-duration: 40s; }
.veon-textslider-track.--slow { animation-duration: 28s; }
.veon-textslider-track.--normal { animation-duration: 18s; }
.veon-textslider-track.--fast { animation-duration: 12s; }
.veon-textslider-track.--faster { animation-duration: 8s; }

/* DIRECTION */
.veon-textslider-track.--rtl { 
  animation-name: veon-slide-rtl;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.veon-textslider-track.--ltr {
  animation-name: veon-slide-ltr;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* KEYFRAMES */
@keyframes veon-slide-rtl 
{
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
@keyframes veon-slide-ltr 
{
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}
