svg.lucide,
i[data-lucide] {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    vertical-align: -0.125em;
}

svg.lucide {
    stroke-width: 2;
}

svg.lucide.icon-filled {
    fill: currentColor;
}

svg.lucide.icon-lg {
    width: 1.25em;
    height: 1.25em;
}

svg.lucide.icon-3x {
    width: 3em;
    height: 3em;
}

svg.lucide.icon-spin {
    animation: icon-spin 1s linear infinite;
}

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

@media (prefers-reduced-motion: reduce) {
    svg.lucide.icon-spin { animation-duration: 3s; }
}

[dir="rtl"] svg.lucide.icon-flip-rtl {
    transform: scaleX(-1);
}