@layer components{.marquee{--gap: 0rem;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;gap:var(--gap);content-visibility:auto}.marquee:hover:not(.marquee--ignore-hover) .marquee_group{animation-play-state:paused}.marquee_item{display:inline-block;padding-inline:.25rem}.marquee_group{display:flex;flex-shrink:0;justify-content:space-around;gap:20px;pointer-events:none;will-change:transform}.marquee--ready .marquee_group{animation:marquee-scroll var(--duration, 20s) linear infinite}@media(min-width:1024px){.marquee_group{display:contents}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}}