.chart-wrapper #loader {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 150px;
	/*background: rgba(255, 255, 255, 0.8);*/
	z-index: 10;
	transition: opacity 0.6s ease;
}

.chart-wrapper #loader.hide {
	opacity: 0;
	pointer-events: none;
}

/* When loader is inside a grid (chart-wrapper), still behave normally */
.chart-wrapper {
	display: grid;
	place-items: center;
	position: relative;
}

.chart-wrapper #loader {
	grid-area: 1 / 1;
}

.chart-wrapper canvas {
	grid-area: 1 / 1;
}

.chick-loader {
  width: 50px;
  height: auto;
  animation: bounceFlap 1.6s ease-in-out infinite;
  transform-origin: center bottom; /* makes bounce look natural */
}

/* Chick flapping + bouncing animation */
@keyframes bounceFlap {
	0% {
		transform: translateY(0) scale(1) rotate(0deg);
	}
	20% {
		transform: translateY(-10px) scale(1.05, 0.95) rotate(-6deg);
	}
	40% {
		transform: translateY(0) scale(0.95, 1.05) rotate(3deg);
	}
	60% {
		transform: translateY(-6px) scale(1.05, 0.95) rotate(6deg);
	}
	80% {
		transform: translateY(0) scale(0.95, 1.05) rotate(-3deg);
	}
	100% {
		transform: translateY(0) scale(1) rotate(0deg);
	}
}