.mw-spinner {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

.mw-spinner-small {
	/* @embed */
	background-image: url( images/spinner.gif );
	height: 20px;
	width: 20px;
	/* Avoid issues with .mw-spinner-block when floated without width. */
	min-width: 20px;
}

.mw-spinner-large {
	/* @embed */
	background-image: url( images/spinner-large.gif );
	height: 32px;
	width: 32px;
	/* Avoid issues with .mw-spinner-block when floated without width. */
	min-width: 32px;
}

.mw-spinner-block {
	display: block;
	/* This overrides width from .mw-spinner-large / .mw-spinner-small,
	 * This is where the min-width kicks in.
	 */
	width: 100%;
}

.mw-spinner-inline {
	display: inline-block;
	vertical-align: middle;

	/* IE < 8 */
	zoom: 1;
	*display: inline; /* stylelint-disable-line declaration-block-no-duplicate-properties */
}
