.loader{align-items:center;background-color:#f3faff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;top:0;transition:all .3s ease-in-out;width:100%;z-index:9999}.loader.hide{opacity:0;visibility:hidden;z-index:-9}.loader-main{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;max-width:386px;padding:20px;position:relative;width:100%;z-index:2}.loader-main img{height:88px}.loader-main-logo-animation{animation:logoAnimation 1.5s infinite;height:auto;margin-bottom:30px;width:90px}.loader-effect{display:inline-flex;gap:5px}.loader-effect:after,.loader-effect:before{animation:l5 1.5s infinite;aspect-ratio:1;box-shadow:inset 0 0 0 3px #d01216;content:"";width:25px}.loader-effect:after{--s:-1}@keyframes l5{0%{transform:scaleX(1) translate(0) scale(1);transform:scaleX(var(--s,1)) translate(0) scale(1)}33%{transform:scaleX(1) translate(calc(50% + 2.5px)) scale(1);transform:scaleX(var(--s,1)) translate(calc(50% + 2.5px)) scale(1)}66%{transform:scaleX(1) translate(calc(50% + 2.5px)) scale(2);transform:scaleX(var(--s,1)) translate(calc(50% + 2.5px)) scale(2)}to{transform:scaleX(1) translate(0) scale(1);transform:scaleX(var(--s,1)) translate(0) scale(1)}}@keyframes logoAnimation{0%{transform:rotateY(0deg)}25%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}75%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}