.noizar-marquee {
  width: 100%;
  overflow: hidden;
  background: var(--nm-bg, #ffc229);
  color: var(--nm-text, #000);
  border-radius: var(--nm-radius, 0px);
  height: var(--nm-height, 56px);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}

.noizar-marquee * {
  box-sizing: border-box;
}

.noizar-marquee__viewport {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.noizar-marquee__track {
  display: flex;
  align-items: center;
  width: max-content;
  flex: 0 0 auto;
  will-change: transform;
  animation: noizar-marquee-scroll var(--nm-speed, 28s) linear infinite;
}

.noizar-marquee__group {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
}

.noizar-marquee__item,
.noizar-marquee__separator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--nm-size, 1.3rem);
  font-weight: var(--nm-weight, 900);
  letter-spacing: var(--nm-spacing, 0.02em);
  line-height: 1;
  color: inherit;
}

.noizar-marquee__item {
  padding-inline: calc(var(--nm-gap, 2.5rem) / 2);
}

.noizar-marquee__separator {
  opacity: 0.55;
  padding-inline: calc(var(--nm-gap, 2.5rem) / 2);
}

.noizar-marquee.is-pausable:hover .noizar-marquee__track {
  animation-play-state: paused;
}

@keyframes noizar-marquee-scroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 767px) {
  .noizar-marquee {
    height: calc(var(--nm-height, 56px) * 0.9);
  }
  .noizar-marquee__item,
  .noizar-marquee__separator {
    font-size: calc(var(--nm-size, 1.3rem) * 0.78);
  }
}