.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(0px) translateY(0px) rotate(0deg);animation:load-animation 2.6s ease 0s infinite forwards;z-index:2;transition:transform .5s 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(0px) translateY(0px) 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(0px) translateY(0px) 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%}}