@use "../common/variables" as *;
@use "../common/mixins" as *;

.urlslab-progressBar {

	@include progressbar() {
		display: block;
		background-color: $grey-light;
		border-radius: 8px;
		width: 100%;
		height: 8px;
		overflow: hidden;
	}

	@include progressbarValue() {
		background-color: $primary-color;
		transition: width 0.2s ease;
	}

	.infiniteScroll & {

		@include progressbarValue() {
			transition-duration: 1s;
		}
	}

	&-wrapper + &-wrapper {
		margin-top: 1em;
	}

	&-label {
		display: block;
		text-align: center;
		color: $grey-light;
		font-size: 0.8125rem;
		transition: width 0.2s ease;
	}
}