@layer components {
  /* Laufband und Spur */
  .marquee { position: relative; }

  .marquee_track {
    display: flex;
    flex-wrap: var(--marquee-wrap, nowrap);
    align-items: center;
    justify-content: var(--marquee-justify, center);
    gap: var(--marquee-row-gap, var(--marquee-gap, 0)) var(--marquee-gap, 0);
    min-height: var(--marquee-min-height, 0);
  }

  .marquee.is-running .marquee_track {
    width: max-content;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-inline-end: var(--marquee-gap, 0);
    will-change: transform;
  }
}