.pre-loader{height:100%;left:0;position:fixed;top:0;width:100%;z-index:999991;background-color:var(--wdtBodyBGColor)}.loader{position:absolute;width:50px;height:50px;top:50%;left:50%;margin-top:-25px;margin-left:-25px;background-color:var(--wdtSecondaryColor);transform:translateX(0) translateY(0) rotate(0deg);animation:load-animation 2.6s ease 0s infinite forwards;z-index:2;transition:transform 500ms cubic-bezier(.68,-.55,.265,1.55)}.loader:after{content:"";display:inline-block;position:absolute;width:50px;height:50px;top:0;left:-50px;background-color:var(--wdtSecondaryColor);transform-origin:top right;transform:translateX(0) translateY(0) rotate(0deg);animation:load-2-animation 2.6s ease 0s infinite forwards}.loader-bottom-shadow{position:absolute;width:100px;height:10px;top:50%;left:50%;margin-top:50px;margin-left:-75px;border-radius:50%;background-color:rgba(var(--wdtSecondaryColorRgb),.15);transform:translateX(0) translateY(0) rotate(0deg);animation:shade-effect 2.6s ease 0s infinite forwards , floating 5s ease-in-out 0s infinite forwards;filter:blur(5px);z-index:1}@keyframes load-animation {
	0% {
		width: 50px;
		transform: translateX(0px) translateY(0px) rotate(0deg);
	}
	20% {
		width: 50px;
		transform: translateX(0px) translateY(0px) rotate(0deg);
	}
	40% {
		width: 150px;
		transform: translateX(-50px) translateY(0px) rotate(0deg);
	}
	60% {
		width: 150px;
		transform-origin: bottom right;
		transform: translateX(-150px) translateY(0px) rotate(90deg);
	}
	80% {
		width: 50px;
		transform: translateX(-25px) translateY(0px) rotate(90deg);
	}
	100% {
		width: 50px;
		transform: translateX(-50px) translateY(0px) rotate(90deg);
	}
}@keyframes load-2-animation {
	0% {
		transform: translateX(0px) translateY(0px) rotate(0deg);
	}
	20% {
		transform: translateX(0px) translateY(0px) rotate(180deg);
	}
	40% {
		transform: translateX(0px) translateY(0px) rotate(180deg);
	}
	60% {
		transform: translateX(0px) translateY(0px) rotate(0deg);
	}
	80% {
		transform: translateX(0px) translateY(0px) rotate(0deg);
	}
	100% {
		transform: translateX(0px) translateY(0px) rotate(180deg);
	}
}@keyframes shade-effect {
	0% {
		width: 150px;
		transform: translateX(-25px) translateY(0px) rotate(0deg);
	}
	20% {
		width: 75px;
		transform: translateX(37.5px) translateY(0px) rotate(0deg);
	}
	40% {
		width: 200px;
		transform: translateX(-25px) translateY(0px) rotate(0deg);
	}
	60% {
		width: 75px;
		transform: translateX(37.5px) translateY(0px) rotate(0deg);
	}
	80% {
		width: 75px;
		transform: translateX(37.5px) translateY(0px) rotate(0deg);
	}
	100% {
		width: 150px;
		transform: translateX(-25px) translateY(0px) rotate(0deg);
	}
}@keyframes floating {
	0% {
		top: 50%;
	}
	50% {
		top: 51%;
	}
	100% {
		top: 50%;
	}
}