[data-lucide]:not(svg) {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

[data-lucide="menu"]:not(svg)::before {
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	margin: 4px;
	border-radius: 999px;
	background: currentColor;
	box-shadow: 0 7px currentColor, 0 14px currentColor;
}

svg.lucide {
	animation: nbc-lucide-reveal 120ms ease-out both;
}

svg.lucide-menu {
	animation: none;
}

@keyframes nbc-lucide-reveal {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	svg.lucide { animation: none; }
}