/* Coolicons Base Styles */
[class^="ci-"]:before,
[class*=" ci-"]:before {
  font-family: 'coolicons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Coolicons Animation Utilities */
.ci-spin {
  animation: ci-spin 1s linear infinite;
}

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

.ci-pulse {
  animation: ci-pulse 2s infinite;
}

@keyframes ci-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* Size variants */
.ci-sm { font-size: 0.875rem; }
.ci-md { font-size: 1rem; }
.ci-lg { font-size: 1.25rem; }
.ci-xl { font-size: 1.5rem; }
.ci-2xl { font-size: 2rem; }