
.asd-marquee{
  --asd-green:#afc701;
  --asd-ink:#111811;
  --asd-marquee-duration:28s;
  position:relative;
  width:100%;
  overflow:hidden;
  border-top:1px solid rgba(17,24,17,.1);
  border-bottom:1px solid rgba(17,24,17,.1);
  font-family:"Manrope",Arial,sans-serif!important;
}
.asd-marquee,
.asd-marquee *{
  box-sizing:border-box;
  font-family:"Manrope",Arial,sans-serif!important;
  border-radius:0!important;
}
.asd-marquee--white{background:#fff;color:var(--asd-ink)}
.asd-marquee--green{background:var(--asd-green);color:#fff;border-color:rgba(255,255,255,.24)}
.asd-marquee--dark{background:#0a110d;color:#fff;border-color:rgba(255,255,255,.14)}
.asd-marquee__viewport{
  width:100%;
  overflow:hidden;
}
.asd-marquee__track{
  width:max-content;
  display:flex;
  align-items:center;
  will-change:transform;
  animation:asdMarqueeLeft var(--asd-marquee-duration) linear infinite;
}
.asd-marquee--right .asd-marquee__track{
  animation-name:asdMarqueeRight;
}
.asd-marquee--pause:hover .asd-marquee__track{
  animation-play-state:paused;
}
.asd-marquee__set{
  display:flex;
  align-items:center;
  flex-shrink:0;
}
.asd-marquee__item{
  min-height:64px;
  padding:0 34px;
  display:flex;
  align-items:center;
  gap:15px;
  white-space:nowrap;
  flex-shrink:0;
}
.asd-marquee__marker{
  width:7px;
  height:7px;
  flex:0 0 7px;
  background:var(--asd-green);
}
.asd-marquee--green .asd-marquee__marker{
  background:#fff;
}
.asd-marquee__text{
  color:inherit!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
@keyframes asdMarqueeLeft{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes asdMarqueeRight{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}
@media(max-width:680px){
  .asd-marquee__item{
    min-height:52px;
    padding:0 22px;
    gap:12px;
  }
  .asd-marquee__text{
    font-size:9px!important;
    letter-spacing:.12em!important;
  }
  .asd-marquee__marker{
    width:6px;
    height:6px;
    flex-basis:6px;
  }
}
@media(prefers-reduced-motion:reduce){
  .asd-marquee__track{
    animation-play-state:paused!important;
  }
}
