/* ==========================================================================
   marquee.css · 跑马灯
   对应源码：ptgame/app/src/components/Marquee.vue <style scoped>
   ========================================================================== */

.marquee { /* 跑马灯盒子 */
  width: 100%;
  overflow: hidden;
}

.marquee .marquee__content { /* 跑马灯内容 */
  width: max-content;
  display: flex;
  animation: marquee var(--animation-duration) linear infinite;
}

.marquee .marquee__item { /* 跑马灯单项 */
  white-space: nowrap;
  margin-right: 24.375rem;
}

@keyframes marquee { /* 跑马灯动画 */
  0% {
    transform: translate3d(24.375rem, 0, 0);
  }
  100% {
    transform: translate3d(calc(24.375rem - 100%), 0, 0);
  }
}