/* [project]/src/components/layout/header/header.css [app-client] (css) */
:root {
  --transition-speed: 20s;
}

@keyframes badge-marquee {
  0% {
    left: 0;
    transform: translateX(0);
  }

  100% {
    left: 100%;
    transform: translateX(-100%);
  }
}

.badge-marquee {
  animation: badge-marquee var(--transition-speed) linear infinite alternate;
  position: relative;
}

.marquee-content {
  animation: 20s linear infinite scroll-right;
  display: flex;
}

@keyframes scroll-right {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.marquee-content:hover {
  animation-play-state: paused;
}

/*# sourceMappingURL=src_components_layout_header_header_c906a785.css.map*/