.lucide-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  color: currentColor;
  stroke: currentColor;
  stroke-width: 2.35;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  vertical-align: -0.125em;
}

.lucide-icon svg,
svg.lucide-icon {
  overflow: visible;
}

.lucide-icon--xs { width: 0.75em; height: 0.75em; }
.lucide-icon--sm { width: 0.875em; height: 0.875em; }
.lucide-icon--lg { width: 1.25em; height: 1.25em; }
.lucide-icon--xl { width: 1.5em; height: 1.5em; }
.lucide-icon--2xl { width: 2em; height: 2em; }
.lucide-icon--3xl { width: 3em; height: 3em; }

.brand-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentColor;
  flex-shrink: 0;
}

.lucide-spin {
  animation: lucide-spin 1.4s linear infinite;
}

@keyframes lucide-spin {
  to {
    transform: rotate(360deg);
  }
}