/* Injected into the page that hosts the WYSIWYG field.
   Note: TinyMCE content itself lives inside an iframe, so the visual
   spinner styling for .afwip-uploading-placeholder is added inline via
   TinyMCE's own "content_style"-independent inline style below is not
   required because we rely on the default browser rendering of the
   inline elements; this file styles the (rare) cases where the markup
   is visible outside the iframe, e.g. quicktags/text mode. */

.afwip-uploading-placeholder {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 2px 8px;
	border-radius: 3px;
	background: #f0f0f1;
	color: #50575e;
	font-size: 13px;
	font-style: italic;
}

.afwip-spinner {
	width: 12px;
	height: 12px;
	border: 2px solid #c3c4c7;
	border-top-color: #2271b1;
	border-radius: 50%;
	display: inline-block;
	animation: afwip-spin 0.7s linear infinite;
}

.afwip-upload-error {
	color: #b32d2e;
	font-style: italic;
	font-size: 13px;
}

@keyframes afwip-spin {
	from {
		transform: rotate( 0deg );
	}
	to {
		transform: rotate( 360deg );
	}
}