@keyframes pisell-resource-wall-note-marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(calc(-33.333% - (var(--pisell-rw-marquee-gap) / 3)), 0, 0);
  }
}

.pisell-resource-wall-note-marquee-wrap {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 24px,
    #000 calc(100% - 24px),
    transparent 100%
  );
}

.pisell-resource-wall-note-marquee-track {
  --pisell-rw-marquee-gap: 2.4rem;
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-width: max-content;
  will-change: transform;
  animation-name: pisell-resource-wall-note-marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
  transform: translate3d(0, 0, 0);
}

.pisell-resource-wall-note-marquee-copy {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
  padding-right: var(--pisell-rw-marquee-gap);
  backface-visibility: hidden;
  transform: translateZ(0);
}

.pisell-resource-wall-note-marquee-static {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}