.loader-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#0006;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loadingspinner{--square:26px;--offset:30px;--duration:2.4s;--delay:.2s;--timing-function:ease-in-out;--in-duration:.4s;--in-delay:.1s;--in-timing-function:ease-out;width:calc(3*var(--offset) + var(--square));height:calc(2*var(--offset) + var(--square));margin:10px auto 30px;padding:0;position:relative}.loadingspinner div{width:var(--square);height:var(--square);color:#000;background:#000;border:none;border-radius:2px;margin:0;padding:0;font-size:6pt;display:inline-block;position:absolute}.loadingspinner #square1{left:calc(0*var(--offset));top:calc(0*var(--offset));animation:square1 var(--duration)var(--delay)var(--timing-function)infinite,squarefadein var(--in-duration)calc(1*var(--in-delay))var(--in-timing-function)both}.loadingspinner #square2{left:calc(0*var(--offset));top:calc(1*var(--offset));animation:square2 var(--duration)var(--delay)var(--timing-function)infinite,squarefadein var(--in-duration)calc(1*var(--in-delay))var(--in-timing-function)both}.loadingspinner #square3{left:calc(1*var(--offset));top:calc(1*var(--offset));animation:square3 var(--duration)var(--delay)var(--timing-function)infinite,squarefadein var(--in-duration)calc(2*var(--in-delay))var(--in-timing-function)both}.loadingspinner #square4{left:calc(2*var(--offset));top:calc(1*var(--offset));animation:square4 var(--duration)var(--delay)var(--timing-function)infinite,squarefadein var(--in-duration)calc(3*var(--in-delay))var(--in-timing-function)both}.loadingspinner #square5{left:calc(3*var(--offset));top:calc(1*var(--offset));animation:square5 var(--duration)var(--delay)var(--timing-function)infinite,squarefadein var(--in-duration)calc(4*var(--in-delay))var(--in-timing-function)both}@keyframes square1{0%{left:calc(0*var(--offset));top:calc(0*var(--offset))}8.333%{left:calc(0*var(--offset));top:calc(1*var(--offset))}to{left:calc(0*var(--offset));top:calc(1*var(--offset))}}@keyframes square2{0%{left:calc(0*var(--offset));top:calc(1*var(--offset))}8.333%{left:calc(0*var(--offset));top:calc(2*var(--offset))}16.67%{left:calc(1*var(--offset));top:calc(2*var(--offset))}25%{left:calc(1*var(--offset));top:calc(1*var(--offset))}83.33%{left:calc(1*var(--offset));top:calc(1*var(--offset))}91.67%{left:calc(1*var(--offset));top:calc(0*var(--offset))}to{left:calc(0*var(--offset));top:calc(0*var(--offset))}}@keyframes square3{0%,to{left:calc(1*var(--offset));top:calc(1*var(--offset))}16.67%{left:calc(1*var(--offset));top:calc(1*var(--offset))}25%{left:calc(1*var(--offset));top:calc(0*var(--offset))}33.33%{left:calc(2*var(--offset));top:calc(0*var(--offset))}41.67%{left:calc(2*var(--offset));top:calc(1*var(--offset))}66.67%{left:calc(2*var(--offset));top:calc(1*var(--offset))}75%{left:calc(2*var(--offset));top:calc(2*var(--offset))}83.33%{left:calc(1*var(--offset));top:calc(2*var(--offset))}91.67%{left:calc(1*var(--offset));top:calc(1*var(--offset))}}@keyframes square4{0%{left:calc(2*var(--offset));top:calc(1*var(--offset))}33.33%{left:calc(2*var(--offset));top:calc(1*var(--offset))}41.67%{left:calc(2*var(--offset));top:calc(2*var(--offset))}50%{left:calc(3*var(--offset));top:calc(2*var(--offset))}58.33%{left:calc(3*var(--offset));top:calc(1*var(--offset))}to{left:calc(3*var(--offset));top:calc(1*var(--offset))}}@keyframes square5{0%{left:calc(3*var(--offset));top:calc(1*var(--offset))}50%{left:calc(3*var(--offset));top:calc(1*var(--offset))}58.33%{left:calc(3*var(--offset));top:calc(0*var(--offset))}66.67%{left:calc(2*var(--offset));top:calc(0*var(--offset))}75%{left:calc(2*var(--offset));top:calc(1*var(--offset))}to{left:calc(2*var(--offset));top:calc(1*var(--offset))}}@keyframes squarefadein{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.loader-text-container{justify-content:center;align-items:center;min-height:24px;margin-bottom:20px;display:flex}.loader-text{color:#0b0000;letter-spacing:.05em;font-size:14px;font-weight:500}.text-fade-enter{opacity:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(0)}.text-fade-exit{opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(-10px)}.progress-bar{background:#fff3;border-radius:2px;width:240px;height:3px;margin-top:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ffc44d,#ffb020);border-radius:2px;height:100%;animation:37.5s linear forwards progress}@keyframes progress{0%{width:0%}to{width:100%}}.step-counter{color:#0009;letter-spacing:.02em;margin-top:12px;font-size:12px}@media (max-width:640px){.loadingspinner{--square:22px;--offset:26px}.loader-text{text-align:center;padding:0 20px;font-size:13px}.progress-bar{width:200px}.step-counter{font-size:11px}}