/**
 * Tala Icons v1.0.0 - Base Styles
 */

/* Base icon class */
[class*="tala-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  line-height: 1;
}

[class*="tala-"] svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Size modifiers */
.tala-xs { font-size: 12px; }
.tala-sm { font-size: 16px; }
.tala-md { font-size: 20px; }
.tala-lg { font-size: 24px; }
.tala-xl { font-size: 32px; }
.tala-2xl { font-size: 48px; }

/* Spin animation */
@keyframes tala-spin {
  to { transform: rotate(360deg); }
}
.tala-spin svg {
  animation: tala-spin 1s linear infinite;
}

/* Pulse animation */
@keyframes tala-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
.tala-pulse svg {
  animation: tala-pulse 2s ease-in-out infinite;
}

/* Bounce animation */
@keyframes tala-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.tala-bounce svg {
  animation: tala-bounce 1s ease infinite;
}

/* Fade in */
@keyframes tala-fade-in {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}
.tala-fade-in svg {
  animation: tala-fade-in 0.3s ease;
}

/* Flip */
@keyframes tala-flip {
  from { transform: scaleX(-1); }
  to { transform: scaleX(1); }
}
.tala-flip svg {
  animation: tala-flip 0.3s ease;
}