.loading{position:fixed;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:10000;transition:opacity 400ms ease-out 700ms,display 500ms ease-out 700ms;transition-behavior:allow-discrete}.loading[data-state=end]{display:none;opacity:0}.loading_icon{position:relative;display:block;width:min(16vw,160px);height:min(16vw,160px);transition:opacity 600ms ease-out 100ms;z-index:10}.loading_icon::after{content:"";display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:900% auto;background-position:0 0;background-image:url(/assets/img/top/loading.webp);z-index:11}.loading[data-state=end] .loading_icon{opacity:0}.loading_bar{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes opacity0{0%{opacity:1}100%{opacity:0}}.loading_bar>i{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:900% auto;background-image:url(/assets/img/top/loading.webp);animation:opacity0 800ms linear infinite;--op-interval:100ms}.loading_bar>i:nth-child(1){background-position:12.5% 0;animation-delay:calc(var(--op-interval)*7)}.loading_bar>i:nth-child(2){background-position:25% 0;animation-delay:calc(var(--op-interval)*6)}.loading_bar>i:nth-child(3){background-position:37.5% 0;animation-delay:calc(var(--op-interval)*5)}.loading_bar>i:nth-child(4){background-position:50% 0;animation-delay:calc(var(--op-interval)*4)}.loading_bar>i:nth-child(5){background-position:62.5% 0;animation-delay:calc(var(--op-interval)*3)}.loading_bar>i:nth-child(6){background-position:75% 0;animation-delay:calc(var(--op-interval)*2)}.loading_bar>i:nth-child(7){background-position:87.5% 0;animation-delay:calc(var(--op-interval)*1)}.loading_bar>i:nth-child(8){background-position:100% 0;animation-delay:calc(var(--op-interval)*0)}.loading_frame{position:absolute;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;background-color:rgba(255,255,255,.5);backdrop-filter:blur(6px);z-index:1}.loading[data-state=end] .loading_frame{opacity:0}/*# sourceMappingURL=loading.css.map */