.progress-bar {
	width: 300px; /* Adjust width as needed */
	height: 20px;
	background-color: rgba(255, 166, 0, 0.398);
	border-radius: 5px;
	overflow: hidden;
}

.progress-fill {
	height: 100%;
	background-color: orange; /* Adjust fill color as needed */
	transition: width 0.5s ease-in-out; /* Adjust animation duration and curve */
}

.exploding,
.exploding:focus,
.exploding:hover {
	background: transparent;
	color: transparent;
}
.exploding {
	pointer-events: none;
	/* position: relative; */
	will-change: transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.particle {
	position: absolute;
	top: 0;
	left: 0;
}
.particle--debris {
	background: #255ff4;
}
.particle--fire {
	border-radius: 50%;
}