/* Animation mechanics only; colors, typography and spacing are block settings. */
.atit-marquee {
  --atit-marquee-duration: 40s;
  overflow: hidden;
}
.atit-marquee .atit-marquee-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  width: max-content;
  max-width: none;
  margin: 0;
  will-change: transform;
}
.atit-marquee .atit-marquee-sequence {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex: 0 0 auto;
  width: max-content;
  max-width: none;
  margin: 0;
}
.atit-marquee .atit-marquee-item {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  margin: 0;
}
.atit-marquee .atit-marquee-item p,
.atit-marquee .atit-marquee-item figure {
  flex: 0 0 auto;
  margin-block: 0;
  white-space: nowrap;
}
.atit-marquee .atit-marquee-icon img,
.atit-marquee .atit-marquee-icon svg {
  display: block;
  width: 1.2em;
  height: 1.2em;
  object-fit: contain;
}
.atit-marquee.is-marquee-ready .atit-marquee-track {
  animation: atit-marquee-scroll var(--atit-marquee-duration) linear infinite;
}
.atit-marquee:hover .atit-marquee-track,
.atit-marquee:focus-within .atit-marquee-track {
  animation-play-state: paused;
}
@keyframes atit-marquee-scroll {
  to { transform: translateX(calc(-1 * var(--atit-marquee-distance, 0px))); }
}
/* Keep every source item visible and selectable in the WordPress editor. */
.editor-styles-wrapper .atit-marquee {
  overflow: visible;
}
.editor-styles-wrapper .atit-marquee .atit-marquee-track,
.editor-styles-wrapper .atit-marquee .atit-marquee-sequence {
  width: 100%;
  flex-wrap: wrap;
  animation: none !important;
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .atit-marquee { overflow: visible; }
  .atit-marquee .atit-marquee-track,
  .atit-marquee .atit-marquee-sequence {
    width: 100%;
    flex-wrap: wrap;
    animation: none !important;
    transform: none !important;
  }
  .atit-marquee .atit-marquee-clone { display: none; }
}