.loader-page{background-color:var(--background);z-index:10000;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.logo_loader_hana{border-radius:50%;width:200px;height:200px;animation:1s ease-in-out infinite alternate-reverse loading}@keyframes loading{0%{transform:scale(1)}to{transform:scale(1.05)}}.loader{aspect-ratio:1;color:#f03355;background:radial-gradient(10px,currentColor 94%,#0000);width:40px;position:relative}.loader:before{content:"";background-color:#0000;background-image:radial-gradient(9px at 100% 100%,#0000 94%,currentColor),radial-gradient(9px at 0 100%,#0000 94%,currentColor),radial-gradient(9px at 100% 0,#0000 94%,currentColor),radial-gradient(9px at 0 0,#0000 94%,currentColor);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:50%;animation:1.5s cubic-bezier(.3,1,0,1) infinite l18;position:absolute;inset:0}@keyframes l18{33%{inset:-10px;transform:rotate(0)}66%{inset:-10px;transform:rotate(90deg)}to{inset:0;transform:rotate(90deg)}}