.np-loading {
	width: 100%;
	height: 100%;
	display: flex;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
}
.np-loading__warp {
	margin: auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.np-loading__warp--text {
	font-size: 12px;
	margin-top: 10px;
	color: #dcdfe6;
}
.np-loading__warp--line {
	width: 50px;
	height: 50px;
}
.np-loading__warp--line > div {
	background-color: #ebeef5;
	height: 100%;
	width: 6px;
	display: inline-block;
	animation: np-loading__animation 1.2s infinite ease-in-out;
}
.np-loading__warp--line .np-loading__warp--line-two {
	animation-delay: -1.1s;
}
.np-loading__warp--line .np-loading__warp--line-three {
	animation-delay: -1s;
}
.np-loading__warp--line .np-loading__warp--line-four {
	animation-delay: -0.9s;
}
.np-loading__warp--line .np-loading__warp--line-five {
	animation-delay: -0.8s;
}
@keyframes np-loading__animation {
	0%,
	50%,
	100% {
		transform: scaleY(0.3);
	}
	30% {
		transform: scaleY(1);
	}
}