.TokensTrending{display:flex;align-items:center;gap:.75rem;min-width:0;overflow:hidden}.TokensTrending__Label{flex-shrink:0;font-family:var(--chakra-fonts-heading);font-style:italic;font-weight:800;font-size:.6875rem;text-transform:uppercase;letter-spacing:.02em;color:var(--chakra-colors-brand-normal)}.TokensTrending__Viewport{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 1.5rem,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 1.5rem,#000 calc(100% - 1.5rem),transparent)}.TokensTrending__Track{display:inline-flex;align-items:center;gap:1.5rem;width:max-content;animation:TokensTrending-scroll 60s linear infinite}.TokensTrending:hover .TokensTrending__Track{animation-play-state:paused}.TokensTrending__Item{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;font-family:var(--chakra-fonts-mono);font-size:.75rem;color:var(--chakra-colors-gray-100);transition:color .15s ease}.TokensTrending__Item:hover{color:#fff}.TokensTrending__Rank{color:var(--chakra-colors-brand-normal);font-weight:700}.TokensTrending__Avatar.ImageGenerator{width:18px;height:18px;min-width:18px;border-radius:50%;overflow:hidden;flex-shrink:0;line-height:0}.TokensTrending__Avatar .ImageGenerator__Image{width:18px;height:18px}.TokensTrending__Name{font-weight:600}.TokensTrending__Txs{color:var(--chakra-colors-gray-250)}@keyframes TokensTrending-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.TokensTrending__Viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.TokensTrending__Track{animation:none}}