.aura-marquee {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow: hidden;
  background: #ffffff;
  color: #4b1c22;
}

.aura-marquee__inner {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}

.aura-marquee__track {
  display: flex;
  width: max-content;
  animation: aura-marquee-scroll 28s linear infinite;
  will-change: transform;
}

.aura-marquee__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: clamp(18px, 2.6vw, 38px);
  padding-right: clamp(18px, 2.6vw, 38px);
}

.aura-marquee__item,
.aura-marquee__separator {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  color: #475140;

  font-family: var(--aura-font-editorial);
  line-height: 1;
  white-space: nowrap;
}

.aura-marquee__item {
  font-size: clamp(0.78rem, 0.78vw, 0.92rem);
  font-weight: 600;
  letter-spacing: 0.015em;
  text-transform: none;
}

.aura-marquee__separator {
  font-size: 0.58rem;
  opacity: 0.42;
}

@keyframes aura-marquee-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-33.333333%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .aura-marquee__inner {
    overflow: visible;
    padding: 20px 18px;
  }

  .aura-marquee__track {
    width: auto;
    animation: none;
    transform: none;
  }

  .aura-marquee__group {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 18px;
    padding-right: 0;
  }

  .aura-marquee__group[aria-hidden="true"] {
    display: none;
  }
}