/* -----------------------------------------------------
 * component loading
 * -------------------------------------------------- */

.p-loading {
	display: flex;
	position: fixed;
	z-index: 100;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc(var(--vh, 1vh) * 100);
	background-color: #fff;
	opacity: 1;
	transition: opacity 2s ease-in-out;
}

.p-loading img {
	width: 32px;
	height: auto;
}

.p-loading.is-hide {
	opacity: 0;
	pointer-events: none;
}