.filius-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#090b0d;color:#fff;overflow:hidden;pointer-events:auto;animation:loader-emergency 0s 5s forwards;isolation:isolate}
.filius-loader:before,.loader-axis{display:none}
.loader-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:44px;padding:30px}
.loader-mark{position:relative;width:min(440px,68vw)}
.loader-mark img{display:block;width:100%;height:auto;animation:logo-reveal .9s cubic-bezier(.65,0,.35,1) both}
.loader-mark:after{content:'';position:absolute;top:-7px;bottom:-7px;left:0;width:2px;background:#f2183f;animation:logo-scan .9s cubic-bezier(.65,0,.35,1) both;pointer-events:none}
.loader-progress{width:min(200px,40vw);height:2px;background:#25292c;overflow:hidden;position:relative}
.loader-progress>span{display:block;width:100%;height:100%;background:#f2183f;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.filius-loader.leaving{animation:loader-away .65s cubic-bezier(.76,0,.24,1) forwards;pointer-events:none}
.filius-loader.leaving .loader-center{transition:transform .6s,opacity .4s;transform:translateY(-16px);opacity:0}
@keyframes logo-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes logo-scan{0%{left:0;opacity:0}8%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
@keyframes loader-away{to{clip-path:inset(0 0 100% 0);visibility:hidden}}
@keyframes loader-emergency{to{visibility:hidden;pointer-events:none}}
@media(max-width:600px){.loader-center{gap:32px}.loader-mark{width:70vw}.loader-progress{width:36vw}}
@media(prefers-reduced-motion:reduce){.loader-mark img{animation:none}.loader-mark:after{display:none}.filius-loader.leaving{animation:loader-fade .15s linear forwards}.filius-loader.leaving .loader-center{transform:none;transition:none}.loader-progress>span{transition:none}}
@keyframes loader-fade{to{opacity:0;visibility:hidden}}

.loader-progress{display:none}