.pao-marquee{
  width:100%;
  overflow:hidden;
  background:var(--pao-marquee-bg,#0055A4);
  color:var(--pao-marquee-text,#fff);
  height:var(--pao-marquee-height,38px);
  display:flex;
  align-items:center;
  box-sizing:border-box
}
.pao-marquee__viewport{
  width:100%;
  overflow:hidden;
  white-space:nowrap
}
.pao-marquee__track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation-name:pao-marquee-scroll-left;
  animation-duration:var(--pao-duration,25s);
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
.pao-marquee--right .pao-marquee__track{
  animation-name:pao-marquee-scroll-right
}
.pao-marquee__group{
  display:flex;
  align-items:center;
  flex-shrink:0;
  padding-right:var(--pao-marquee-spacing,45px)
}
.pao-marquee__item{
  display:inline-flex;
  align-items:center;
  color:var(--pao-marquee-text,#fff)!important;
  font-size:var(--pao-marquee-font,14px);
  line-height:1;
  text-decoration:none!important;
  padding:0 4px
}
.pao-marquee__separator{
  display:inline-flex;
  align-items:center;
  color:var(--pao-marquee-text,#fff);
  font-size:var(--pao-marquee-font,14px);
  opacity:.9;
  padding:0 4px
}
.pao-marquee:hover .pao-marquee__track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .pao-marquee__track{animation:none}
}
@keyframes pao-marquee-scroll-left{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@keyframes pao-marquee-scroll-right{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}
