.st-raid-progress {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.st-raid-progress__bar {
	position: relative;
	height: 40px;
	border-radius: 20px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.08);
	border: 2px solid rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.st-raid-progress__fill {
	position: absolute;
	inset: 0 auto 0 0;
	transition: width 0.6s ease;
}

.st-raid-progress__fill--red {
	background: linear-gradient(90deg, #b3121f, #e53935);
}

.st-raid-progress__fill--orange {
	background: linear-gradient(90deg, #d35400, #fb8c00);
}

.st-raid-progress__fill--yellow {
	background: linear-gradient(90deg, #e0a800, #fdd835);
}

.st-raid-progress__fill--green {
	background: linear-gradient(90deg, #1b8a3a, #43a047);
}

.st-raid-progress__label {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}