/*
---------------------------------------------------
LOADING
---------------------------------------------------
*/

.loading{
	display: none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
  background: rgba(0,0,0,0.6);
	z-index: 100000000;
}

.lds-loading {
	display: flex;
	flex-direction: column;
	gap: 5px;
	justify-items: center;
	position: absolute;
	left:50%;
	top: 50%;
	padding: 12px;
	transform: translateX(-50%) translateY(-50%);
	background: rgba(0,0,0,0.7);
	border-radius: 10px;
}

.lds-loading > img{
	position: relative;
    display: block;
	margin-top: -10px;
}

.lds-label{
  	position: relative;
    display: block;
    color: white;
    font-size: 12px;
    text-align: center;
	margin-top: -10px;
}

/*----------------------- NO RESULTS */
.lds-loading{
	width: 105px;
	background-color: rgba(214, 107, 113, 0.9) !important;
	border: 2px solid rgba(236, 198, 192, 0.7);
	border-radius: 18px !important;
}
.lds-loading .image-box{
	text-align: center;
}
.lds-label {
	margin-top: 0px !important;
}
.loading-sakura {
    width: 80px;
    height: 80px;

    animation:
        sakura-spin 2s linear infinite,
        sakura-pulse 1s ease-in-out infinite alternate;
}

@keyframes sakura-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes sakura-pulse {
    from { filter: brightness(1); }
    to   { filter: brightness(1.3); }
}