.ljg-listening-equalizer {
	display: inline-flex;
	align-items: flex-end;
	gap: 3px;
	height: 14px;
	margin-inline-end: 8px;
	vertical-align: baseline;
}

.ljg-listening-equalizer > span {
	display: block;
	width: 3px;
	height: 100%;
	border-radius: 2px;
	background: currentColor;
	transform-origin: bottom;
	animation: ljg-listening-bounce 900ms ease-in-out infinite alternate;
}

.ljg-listening-equalizer > span:nth-child(2) {
	animation-delay: -400ms;
	animation-duration: 700ms;
}

.ljg-listening-equalizer > span:nth-child(3) {
	animation-delay: -650ms;
	animation-duration: 1100ms;
}

@keyframes ljg-listening-bounce {
	0% { transform: scaleY(0.25); }
	50% { transform: scaleY(0.65); }
	100% { transform: scaleY(1); }
}

@media (prefers-reduced-motion: reduce) {
	.ljg-listening-equalizer > span {
		animation: none;
		transform: scaleY(0.5);
	}

	.ljg-listening-equalizer > span:nth-child(2) {
		transform: scaleY(0.9);
	}
}