html body .body:has(> div.loading),html body .body :has(> div.loading){animation:animate-alert 2s 20s ease-in-out infinite;display:flex !important;justify-content:center;align-items:center;background-color:#fff;min-height:100svh}.loading{color:var(--blue100);fill:var(--blue100);font-size:200%;margin:auto}.loading img,.loading svg{transform:rotate(-165deg);transition:none;animation:animate-loading 4s 2s ease-in-out,repeat-animate-loading 2s 6s ease-in-out infinite;display:block;margin:0;width:10em;height:10em;max-width:50vw;max-height:50vh;align-self:center}.loading img.initial,.loading svg.initial{transform:rotate(0);animation:animate-open 2s ease;width:0;height:0}@keyframes animate-open{0%{width:0;height:0}100%{transform:rotate(-165deg);width:10em;height:10em}}@keyframes animate-loading{0%{transform:rotate(-165deg)}:transform: rotate(-165deg),15%{transform:rotate(-150deg)}20%{transform:rotate(-180deg)}30%{transform:rotate(-150deg)}40%{transform:rotate(-180deg)}60%{transform:rotate(15deg)}70%{transform:rotate(-15deg)}75%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}85%{transform:rotate(5deg)}90%{transform:rotate(-5deg)}95%{transform:rotate(2deg)}100%{transform:rotate(0)}}@keyframes repeat-animate-loading{0%{transform:scale(100%) rotate(0)}50%{transform:scale(80%) rotate(0)}100%{transform:scale(100%) rotate(0)}}@keyframes animate-alert{0%{background:#ffa500}50%{background:#f00}100%{background:#ffa500}}