// stylelint-disable meowtec/no-px
// stylelint-disable declaration-property-value-disallowed-list
@keyframes #{$rt-namespace}__trackProgress {
	0% {
		transform: scaleX(1);
	}

	100% {
		transform: scaleX(0);
	}
}

.#{$rt-namespace}__progress-bar {
	position: absolute;
	z-index: var(--toastify-z-index);
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	opacity: 0.7;
	transform-origin: left;

	&--animated {
		animation: #{$rt-namespace}__trackProgress linear 1 forwards;
	}

	&--controlled {
		transition: transform 0.2s;
	}

	&--rtl {
		right: 0;
		left: initial;
		transform-origin: right;
	}
}
// stylelint-enable meowtec/no-px
// stylelint-enable declaration-property-value-disallowed-list