@use "../../variables/colors" as colors;
@use "../../variables/mixins" as mixins;

#edd_product_files {
	&.ajax--loading {
		position: relative;

		&:before {
			background: none;
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 5;
			@include mixins.edd-spinner(
				1.25em,
				colors.$wp-input-border,
				colors.$wp-alternate
			);
		}

		&::after {
			background-color: rgba( #fff, .75 );
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			content: ' ';
			z-index: 1;
		}
	}
}