/* ARSES Homepage — Marketplace activity ticker (static) */

.arses-activity-ticker {
  --ticker-speed: 42s;
  --ticker-text: #0f4d3c;
  --ticker-icon-bg: rgba(31, 122, 92, 0.1);
  --ticker-icon-text: #1f7a5c;
  --ticker-dot: rgba(15, 77, 60, 0.35);

  width: 100%;
  max-width: 100%;
  margin: 28px 0 32px;
  overflow: hidden;
  background: linear-gradient(180deg, #fffefc 0%, #f8faf7 100%);


}

.arses-activity-ticker__viewport {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 20%,
    #000 94%,
    transparent
  );
}

.arses-activity-ticker__track {
  display: flex;
  width: max-content;
  align-items: center;
  animation: arses-activity-ticker-scroll var(--ticker-speed) linear infinite;
  will-change: transform;
}

.arses-activity-ticker:hover .arses-activity-ticker__track,
.arses-activity-ticker:focus-within .arses-activity-ticker__track {
  animation-play-state: paused;
}

.arses-activity-ticker__group {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0;
  padding: 14px 0;
}

.arses-activity-ticker__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 22px;
  white-space: nowrap;
  font-size: 0.84rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--ticker-text);
}

.arses-activity-ticker__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--ticker-icon-bg);
  color: var(--ticker-icon-text);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  flex-shrink: 0;
}

.arses-activity-ticker__dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 2px;
  border-radius: 50%;
  background: var(--ticker-dot);
  flex-shrink: 0;
}

@keyframes arses-activity-ticker-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 640px) {
  .arses-activity-ticker {
    --ticker-speed: 56s;
    margin: 20px 0 24px;
  }

  .arses-activity-ticker__item {
    padding: 0 16px;
    font-size: 0.76rem;
    gap: 8px;
  }

  .arses-activity-ticker__icon {
    min-width: 24px;
    height: 20px;
    padding: 0 6px;
    font-size: 0.58rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .arses-activity-ticker__track {
    animation: none;
    flex-wrap: nowrap;
  }

  .arses-activity-ticker__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    mask-image: none;
    scrollbar-width: thin;
  }

  .arses-activity-ticker__group[aria-hidden="true"] {
    display: none;
  }
}