.loader{z-index:90;width:100dvw;height:100dvh;clip-path:circle(0% at var(--x,50%)var(--y,50%));opacity:1;background-color:#6d3783;position:fixed;top:0;left:0}.transition{animation-name:transition-anim;animation-duration:.8s;animation-fill-mode:forwards}@keyframes transition-anim{0%{clip-path:circle(0% at var(--x,50%)var(--y,50%));opacity:1}to{clip-path:circle(150% at var(--x,50%)var(--y,50%));opacity:1}}.loader-bar{background-color:#0003;border-radius:30px;width:8rem;height:.25rem;position:relative}.loader-bar:before{content:"";background:#fff;border-radius:30px;width:0%;height:100%;animation:1s ease-in-out infinite moving;position:absolute;top:0;left:0}@keyframes moving{50%{width:100%}to{width:0;right:0;left:unset}}.floater{transition:all .5s;animation:1s infinite floater;transform:translateY(-10%)}@keyframes floater{0%{transition:all .5s;transform:translateY(-10%)}50%{transition:all .5s;transform:translateY(10%)}}.entrance{animation:.3s entrance}@keyframes entrance{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.entrance-reverse{animation:.3s forwards entrance-reverse}@keyframes entrance-reverse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}