.kfsb {
	--kfsb-bar: #000;
	--kfsb-bg: #f5f5f5;
	background: var(--kfsb-bg);
	padding: 18px 20px;
	margin: 18px 0 22px;
	border-radius: 4px;
	font-size: 15px;
	line-height: 1.45;
	color: inherit;
}
.kfsb__head {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 14px;
}
.kfsb__icon {
	flex: 0 0 auto;
	margin-top: 1px;
	opacity: .75;
}
.kfsb__title strong {
	font-weight: inherit;
}
.kfsb__track {
	height: 6px;
	background: #e2e2e2;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 12px;
}
.kfsb__fill {
	height: 100%;
	width: 0;
	background: var(--kfsb-bar);
	border-radius: 6px;
	transition: width .5s ease;
}
.kfsb__msg {
	margin: 0;
}
.kfsb__msg strong {
	font-weight: 700;
	white-space: nowrap;
}
.kfsb--done .kfsb__fill {
	background: #2e7d32;
}
.kfsb--done .kfsb__msg {
	color: #2e7d32;
	font-weight: 600;
}
@media (prefers-reduced-motion: reduce) {
	.kfsb__fill { transition: none; }
}