/* USDT Airdrop Custom Styles */

/* Pulsating animation for the confirm button */
@keyframes pulse-usdt {
  0% {
    box-shadow: 0 0 0 0 rgba(38, 166, 91, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(38, 166, 91, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(38, 166, 91, 0);
  }
}

.connectButton.interact-button {
  animation: pulse-usdt 2s infinite;
}

/* Pending transaction indicator */
.pending-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  background-color: rgba(245, 158, 11, 0.1);
  border: 1px solid #f59e0b;
  border-radius: 20px;
  font-size: 14px;
  color: #fbbf24;
}

.pending-indicator::before {
  content: '⏳';
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* USDT branding colors */
.usdt-green {
  color: #26A65B;
}

.usdt-bg {
  background-color: rgba(38, 166, 91, 0.1);
}

/* Loading dots animation */
@keyframes loading-dots {
  0%, 20% {
    content: '.';
  }
  40% {
    content: '..';
  }
  60%, 100% {
    content: '...';
  }
}

.loading-dots::after {
  content: '.';
  animation: loading-dots 1.5s infinite;
}

/* Highlight for wallet warning */
.wallet-warning {
  background: linear-gradient(90deg, rgba(251, 191, 36, 0.1) 0%, rgba(251, 191, 36, 0) 100%);
  border-left: 3px solid #fbbf24;
  padding-left: 12px;
}