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