/*
 * Compatibility shim for the Font Awesome -> Lucide migration.
 * Lucide's createIcons() copies the placeholder <i>'s classes onto the
 * generated <svg class="lucide ...">, so the legacy FA utility classes
 * (fa-2x, fa-spin, fa-fw, ...) kept on the elements still control size,
 * spin and fixed-width here.
 */

/* Base: scale with font-size and align like the old FA glyphs. */
.lucide {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  display: inline-block;
  stroke-width: 2;
}

/* Sizes (FA equivalents). */
.fa-2xs { font-size: 0.625em; }
.fa-xs  { font-size: 0.75em; }
.fa-sm  { font-size: 0.875em; }
.fa-lg  { font-size: 1.333em; }
.fa-xl  { font-size: 1.5em; }
.fa-2xl { font-size: 2em; }
.fa-2x  { font-size: 2em; }
.fa-3x  { font-size: 3em; }
.fa-4x  { font-size: 4em; }
.fa-5x  { font-size: 5em; }

/* Fixed width. */
.fa-fw { width: 1.25em; text-align: center; }

/* Animations. */
@keyframes fa-spin { to { transform: rotate(360deg); } }
@keyframes fa-pulse-rotate { 0%,100% { transform: rotate(0); } }
@keyframes fa-beat { 0%,90% { transform: scale(1); } 45% { transform: scale(1.25); } }

.fa-spin  { animation: fa-spin 1s linear infinite; transform-origin: center; }
.fa-pulse { animation: fa-spin 1s steps(8) infinite; transform-origin: center; }
.fa-beat  { animation: fa-beat 1s ease-in-out infinite; transform-origin: center; }

/* Static rotations / flips. */
.fa-rotate-90  { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }
.fa-flip-horizontal { transform: scaleX(-1); }
.fa-flip-vertical   { transform: scaleY(-1); }