/*
 * Table of contents
 * 1. Basic styles
 *    1.1 Preloader states
 *    1.2 No-scripting fallback
 */

/* Basic styles: start */
#the-preloader-element {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.3s ease-in-out;
	text-align: center;
}

#the-preloader-element,
#the-preloader-element div {
	line-height: 0;
	font-size: 0;
}

.the-preloader-image {
	display: block;
}

/* Preloader states: start */
#the-preloader-element.the-preloader-fade-out {
	opacity: 0;
}

#the-preloader-element.the-preloader-hidden {
	display: none;
}
/* Preloader states: end */

/* No-scripting fallback: start */
@media (scripting: none) {
	/*
	 * Why !important: when JavaScript is disabled, thePreloader.js never runs,
	 * so nothing removes the preloader and it would cover the page forever.
	 * !important guarantees it stays hidden, overriding "display: flex" above
	 * and any theme or plugin CSS that targets #the-preloader-element.
	 */
	#the-preloader-element {
		display: none !important;
	}
}
/* No-scripting fallback: end */
/* Basic styles: end */