.app-loader-screen{background:radial-gradient(circle at 50% 42%,#4387f41c,#0000 30%),linear-gradient(#f8fbff 0%,#fff 56%,#f7f9fc 100%);place-items:center;width:100%;min-height:100dvh;padding:24px;display:grid}.app-loader-screen--inline{background:0 0;min-height:clamp(260px,48vh,420px);padding:32px 20px}.app-loader-card{color:#344054;flex-direction:column;align-items:center;gap:14px;padding:18px 22px;display:inline-flex}.app-loader{--cloud-color:#4387f4;--arrows-color:#80b1ff;--time-animation:1s;place-items:center;width:104px;height:104px;display:grid}.app-loader #app-loader-cloud{width:100px;height:100px;overflow:visible}.app-loader #app-loader-cloud rect{fill:var(--cloud-color)}.app-loader .app-loader-arrows{transform-origin:50% 72.8938%;fill:var(--arrows-color);filter:drop-shadow(0 2px 6px #142e5438);animation:app-loader-rotation var(--time-animation) linear infinite}.app-loader #app-loader-shapes g g circle{animation:app-loader-cloud calc(var(--time-animation) * 2) linear infinite}.app-loader #app-loader-shapes g g circle:nth-child(2){animation-delay:calc((var(--time-animation) * 2) / -3)}.app-loader #app-loader-shapes g g circle:nth-child(3){animation-delay:calc((var(--time-animation) * 2) / -1.5)}.app-loader #app-loader-lines line{stroke-width:5px;transform-box:fill-box;transform-origin:50%;animation:app-loader-lines calc(var(--time-animation) / 1.33) linear infinite}.app-loader-label{letter-spacing:.02em;color:#475467;font-size:14px;line-height:1.6}@keyframes app-loader-rotation{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes app-loader-lines{0%{transform:rotate(-65deg)translateY(-10px)}to{transform:rotate(-65deg)translateY(8px)}}@keyframes app-loader-cloud{0%{cx:20;cy:60;r:15}50%{cx:50;cy:45;r:20}to{cx:80;cy:60;r:15}}@media (prefers-reduced-motion:reduce){.app-loader .app-loader-arrows,.app-loader #app-loader-shapes g g circle,.app-loader #app-loader-lines line{animation:none}}
