/* Themes can lay out app blocks in a row; ours take the full width. */
.shopify-app-block:has(.manta-sh) {
  width: 100%;
}

/* Spacing comes from block settings on containers, not theme defaults on text tags. */
.manta-sh :is(h1, h2, h3, h4, p) {
  margin-block: 0;
  margin-inline: 0;
  padding-block: 0;
  padding-inline: 0;
}

.manta-sh {
  container-name: manta-sh;
  container-type: inline-size;
  width: 100%;
  overflow-x: clip;
}

.manta-sh-content {
  display: flex;
}

.manta-sh-item {
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  margin: 0;
}

@keyframes manta-sh-marquee-left {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes manta-sh-marquee-right {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0%, 0, 0);
  }
}

.manta-sh-track {
  overflow-x: clip;
  white-space: nowrap;
}

@supports not (animation-timeline: view()) {
  .manta-sh-track {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce), print {
  .manta-sh-item {
    animation: none !important;
  }

  .manta-sh-content {
    animation: none !important;
  }
}