@import "@Themes/constants.scss";

.root {
	position: relative;
	background-color: $color-neutral-200;
	box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.08);
	height: 12px;
	border-radius: 5px;
}

.progress {
	position: relative;
	border-radius: 5px;
	display: block;
	width: 100%;
	height: 100%;
	transition: width 300ms;
	background-color: $color-secondary-500;

	.percentage {
		width: 0;
		position: absolute;
		top: 16px;
		left: 50%;
		transform: translate(-50%);
	}
}