.inner-progress.softro-progress-animating > div,
.bottom-editor-progress.softro-progress-animating > div,
.upload-shell-progress.softro-progress-animating > div {
	position: relative;
	overflow: hidden;
	transition: width 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.inner-progress.softro-progress-animating > div::after,
.bottom-editor-progress.softro-progress-animating > div::after,
.upload-shell-progress.softro-progress-animating > div::after {
	content: '';
	position: absolute;
	top: 0;
	left: -45%;
	width: 45%;
	height: 100%;
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	animation: softro-progress-shimmer 1.8s ease-in-out infinite;
	pointer-events: none;
}

@keyframes softro-progress-shimmer {
	0% {
		left: -45%;
	}

	100% {
		left: 145%;
	}
}

.inner-progress.softro-progress-animating,
.bottom-editor-progress.softro-progress-animating,
.upload-shell-progress.softro-progress-animating {
	animation: softro-progress-track-glow 2.4s ease-in-out infinite;
}

@keyframes softro-progress-track-glow {
	0%,
	100% {
		box-shadow: 0 0 0 0 rgba(255, 23, 31, 0);
	}

	50% {
		box-shadow: 0 0 0 2px rgba(255, 23, 31, 0.1);
	}
}

.is-converting .inner-progress-text,
.is-converting .bottom-editor-progress-text,
.is-converting .upload-shell-progress-text,
.inner-upload-box.is-converting .inner-progress-text,
.bottom-editor-upload-box.is-converting .bottom-editor-progress-text,
.upload-box.is-converting .upload-shell-progress-text {
	animation: softro-progress-label-pulse 2.2s ease-in-out infinite;
}

@keyframes softro-progress-label-pulse {
	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.72;
	}
}

.inner-progress-text,
.bottom-editor-progress-text,
.upload-shell-progress-text {
	transition: opacity 0.25s ease;
}