*{box-sizing:border-box;padding:0;margin:0}.loader{position:fixed;width:100vw;height:100vh;background-color:#000000e6;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;transition:opacity 1s ease}.loader-animate{width:60px;height:60px;display:flex;color:#fc3a51;--c: #0000 calc(100% - 20px) , currentColor calc(100% - 19px) 98%, #0000;background:radial-gradient(farthest-side at left,var(--c)) right / 50% 100%,radial-gradient(farthest-side at top,var(--c)) bottom/100% 50%;background-repeat:no-repeat;animation:l18-0 2s infinite linear .25s}.loader-progress{background-color:#ffffff26;padding:2.5px;color:#fff;border-radius:11%;font-size:1.5rem;font-style:oblique;font-weight:700}.loader-animate:before{content:"";width:50%;height:50%;background:radial-gradient(farthest-side at bottom right,var(--c));animation:l18-1 .5s infinite linear}@keyframes l18-0{0%,12.49%{transform:rotate(0)}12.5%,37.49%{transform:rotate(90deg)}37.5%,62.49%{transform:rotate(180deg)}62.5%,87.49%{transform:rotate(270deg)}87.5%,to{transform:rotate(360deg)}}@keyframes l18-1{0%{transform:perspective(150px) rotateY(0) rotate(0)}50%{transform:perspective(150px) rotateY(180deg) rotate(0)}80%,to{transform:perspective(150px) rotateY(180deg) rotate(90deg)}}