/* Build-progress feedback for the "Download plugin to start building" button. */

.download_plugin_link.mam-dl-busy a {
	pointer-events: none;
	cursor: default;
	opacity: 0.9;
}

.download_plugin_link .mam-dl-spinner {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
	vertical-align: -0.15em;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: mam-dl-spin 0.8s linear infinite;
}

@keyframes mam-dl-spin {
	to {
		transform: rotate(360deg);
	}
}

.download_plugin_link .mam-dl-progress {
	max-width: 360px;
	height: 6px;
	margin: 12px auto 0;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.12);
	overflow: hidden;
}

.download_plugin_link .mam-dl-progress-bar {
	width: 0;
	height: 100%;
	border-radius: 3px;
	background: #c04327;
	/* Fast start that tapers off — reads as "working" for the whole build. */
	transition: width 19s cubic-bezier(0.1, 0.7, 0.4, 1);
}

.download_plugin_link .mam-dl-progress-bar.mam-dl-progress-done {
	transition: width 0.3s ease;
}

.download_plugin_link .mam-dl-check {
	display: inline-block;
	margin-right: 0.5em;
	font-weight: 700;
}

.download_plugin_link .mam-dl-error {
	margin-top: 10px;
	color: #b32d2e;
	font-size: 0.9em;
}