.etspa-progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	height: 3px;
	background: var(--etspa-progress-color, #7c3aed);
	opacity: 0;
	pointer-events: none;
	transform: scaleX(0);
	transform-origin: 0 50%;
}

[dir="rtl"] .etspa-progress {
	transform-origin: 100% 50%;
}

.admin-bar .etspa-progress {
	top: 32px;
}

.etspa-progress.is-active {
	opacity: 1;
	transform: scaleX(.9);
	transition: transform 1.2s cubic-bezier(.05, .8, .2, 1), opacity .08s;
}

.etspa-progress.is-done {
	opacity: 0;
	transform: scaleX(1);
	transition: transform .1s ease-out, opacity .15s .08s;
}

.etspa-leave--fade {
	opacity: 0;
	transition: opacity .15s ease;
}

.etspa-leave--slide {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .15s ease, transform .15s ease;
}

.etspa-enter--fade {
	animation: etspa-fade-in .14s ease-out;
}

.etspa-enter--slide {
	animation: etspa-slide-in .16s ease-out;
}

@keyframes etspa-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes etspa-slide-in {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: none; }
}

[data-etspa-focus]:focus {
	outline: none;
}

.etspa-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

@media screen and (max-width: 782px) {
	.admin-bar .etspa-progress {
		top: 46px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.etspa-progress.is-active,
	.etspa-progress.is-done,
	.etspa-leave--fade,
	.etspa-leave--slide {
		transition: none;
	}

	.etspa-enter--fade,
	.etspa-enter--slide {
		animation: none;
	}
}