/* ===============================================
   USA States Carousel Styles (v2.3.0)
   =============================================== */

.usc {
  width: 100%;
  overflow: hidden;
  background: transparent;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  row-gap: var(--usc-row-gap, 6px) !important;

  /* defaults */
  --usc-duration: 120s;
  --usc-color: #000;
  --usc-font-size: 80px;
  --usc-font-size-mobile: 32px;
  --usc-font-family: 'Inter', sans-serif;
  --usc-font-weight: 500;
  --usc-row-gap: 6px;
  --usc-row-gap-mobile: 5px;
  --usc-item-gap: 2rem;
  --usc-item-gap-mobile: 1.25rem;
}

.usc-row {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.usc-track {
  display: flex;
  width: max-content;
  animation: usc-marquee-left var(--usc-duration) linear infinite;
  will-change: transform;
  transform: translate3d(0,0,0);
}
.usc-track--reverse { animation-name: usc-marquee-right; }

/* Each duplicated set */
.usc-set {
  display: flex;
  gap: var(--usc-item-gap, 2rem) !important;
  column-gap: var(--usc-item-gap, 2rem) !important;
}

/* Spacer between sets for perfect seam */
.usc-spacer {
  flex: 0 0 var(--usc-item-gap, 2rem);
}

.usc-item {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  color: var(--usc-color, #000) !important;
  font-size: var(--usc-font-size) !important;
  font-family: var(--usc-font-family) !important;
  font-weight: var(--usc-font-weight) !important;
  line-height: 1.1;
}

@keyframes usc-marquee-left {
  0% { transform: translate3d(0,0,0); }
  100% { transform: translate3d(-50%,0,0); }
}
@keyframes usc-marquee-right {
  0% { transform: translate3d(-50%,0,0); }
  100% { transform: translate3d(0,0,0); }
}

@media (prefers-reduced-motion: reduce) {
  .usc-track, .usc-track--reverse {
    animation: none !important;
    transform: none !important;
  }
}

/* Mobile overrides */
@media (max-width: 767px), (max-width: 782px) {
  .usc {
    --usc-font-size: var(--usc-font-size-mobile, 32px) !important;
    row-gap: var(--usc-row-gap-mobile, 5px) !important;
    --usc-item-gap: var(--usc-item-gap-mobile, 1.25rem) !important;
  }
  .usc-spacer {
    flex-basis: var(--usc-item-gap-mobile, 1.25rem);
  }
}