#loading-backdrop {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	top: 0;
	@include size(100%);
	// background-color: rgba(#000, 0.6);
	background-color: rgba(#fff, 0.8);
	z-index: 1500;
	.loadingio-spinner-ripple {
		width: 200px;
		height: 200px;
		display: inline-block;
		border-radius: 50%;
		overflow: hidden;
		background: #ffffff;
		.ldio{
			width: 100%;
			height: 100%;
			position: relative;
			transform: translateZ(0) scale(1);
			backface-visibility: hidden;
			transform-origin: 0 0;
			div {
				position: absolute;
				border-width: 4px;
				border-style: solid;
				opacity: 1;
				border-radius: 50%;
				animation: ldio 1s cubic-bezier(0,0.2,0.8,1) infinite;
				box-sizing: content-box;
				&:nth-child(1) {
					border-color: #203755;
					animation-delay: 0s;
				}
				&:nth-child(2) {
					border-color: #e35454;
					animation-delay: -0.5s;
				}
			}
		}
	}
}

@keyframes ldio {
	0% {
		top: 96px;
		left: 96px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 18px;
		left: 18px;
		width: 156px;
		height: 156px;
		opacity: 0;
	}
}