frontend/src/components/LogoLoop.css

/* ── LogoLoop ── */

.logoloop-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.logoloop-track {
  display: flex;
  width: max-content;
  animation: logoloop-slide linear infinite;
}

.logoloop-track:hover {
  animation-play-state: paused;
}

.logoloop-set {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.logoloop-item {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.logoloop-item a,
.logoloop-item span {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.35);
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
}

.logoloop-item a:hover,
.logoloop-item span:hover {
  color: rgba(255, 255, 255, 0.95);
  transform: scale(1.2);
}

@keyframes logoloop-slide {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-25%);
  }
}