.jsa-ticker-wrap {
  width: 100vw;
  max-width:100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  background-color: var(--plum); 
  padding:0;
  box-sizing:border-box;
}
.jsa-ticker {
  display: inline-block;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  font-size: 1.3rem;
  font-weight:600;
  opacity:0;
  transition:opacity 1s ease;
}
.jsa-ticker.jsa-ticker-animated{
  animation: marquee 180s linear infinite;
  opacity:1;
}
.jsa-ticker-item-collection-1 {
  position: relative;
  left: 0%;
  opacity:0;
  transition:opacity 1s ease;
}

.jsa-ticker-item-collection-1.jsa-ticker-animated {
  animation: swap 180s linear infinite;
  opacity:1;
}
.jsa-ticker-item {
  display: inline-block;
  padding: 0;
  color:#fff;
}

.jsa-ticker-item::after{
  content: '•';
  margin: 0 1em;
  display:inline-block;
  opacity:0.7;
}

@media (prefers-reduced-motion:reduce){
  .jsa-ticker-wrap, .jsa-ticker, .jsa-ticker-item-collection-1{
    animation:none!important;
    text-align:center;
  }
  .jsa-ticker-item-collection-2{
    display:none;
  }
  .jsa-ticker{
    opacity:1;
  }
  .jsa-ticker-item:last-child:after{
    display:none;
  }
}

@media screen and (max-width: 100rem){
  .jsa-ticker-animated{
    animation-duration: 180s!important;
  }
}
@media screen and (max-width: 50rem){
  .jsa-ticker-animated{
    animation-duration: 210s!important;
  }
}

/* Transition */
@keyframes marquee {
  0% {
    transform: translate3d(0,0,0)
  }
  100% {
    transform: translate3d(-100%,0,0)
  }
}

@keyframes swap {
  0%, 50% {
    left: 0%;
  }
  50.01%,
  100% {
    left: 100%;
  }
}