@import '~heading.less';

.Progress {
	background: @greyLight !important;

	:global(.bar) {
		background-color: @primary !important;
		height: 18px !important;
		margin-top: -1px !important;
		min-width: 2.3em !important;

		&:global(::after) {
			display: none;
		}

		:global(.progress) {
			font-weight: 400 !important;
			right: 3px !important;
			font-size: 13px !important;
			line-height: 18px !important;
		}
	}

	&:global(.success) {
		&& > :global(.bar) {
			background-color: @green !important;
		}
	}
}