html body .frame:has(>div.loading),html body .frame :not(.modal):not(.modal *):has(>div.loading),html body .body:has(>div.loading),html body .body :not(.modal):not(.modal *):has(>div.loading){animation:animate-alert var(--duration-turn) var(--duration-rest) ease-in-out infinite;display:flex!important;justify-content:center;align-items:center;background-color:var(--surface);min-height:100svh}.loading{color:var(--accent);fill:var(--accent);font-size:var(--font-size-xl);margin:auto}.loading img,.loading svg{transform:rotate(calc(-1 * var(--angle-xl)));transition:none;animation:animate-loading var(--duration-run) var(--duration-turn) ease-in-out,repeat-animate-loading var(--duration-turn) var(--duration-wait) ease-in-out infinite;display:block;margin:0;width:var(--size-4xl);height:var(--size-4xl);max-width:var(--view-half-width);max-height:var(--view-half-height);align-self:center}.loading img.initial,.loading svg.initial{transform:rotate(0);animation:animate-open var(--duration-turn) ease;width:0;height:0}.modal .loading{font-size:100%;display:flex;justify-content:center;padding:var(--spacing-l)}.modal .loading img,.modal .loading svg{width:var(--size-xl);height:var(--size-xl);max-width:100%}@keyframes animate-open{0%{width:0;height:0}to{transform:rotate(calc(-1 * var(--angle-xl)));width:var(--size-4xl);height:var(--size-4xl)}}@keyframes animate-loading{0%{transform:rotate(calc(-1 * var(--angle-xl)))}10%{transform:rotate(calc(-1 * var(--angle-xl)))}15%{transform:rotate(calc(-1 * var(--angle-l)))}20%{transform:rotate(calc(-1 * var(--angle-2xl)))}30%{transform:rotate(calc(-1 * var(--angle-l)))}40%{transform:rotate(calc(-1 * var(--angle-2xl)))}60%{transform:rotate(var(--angle))}70%{transform:rotate(calc(-1 * var(--angle)))}75%{transform:rotate(var(--angle-m))}80%{transform:rotate(calc(-1 * var(--angle-m)))}85%{transform:rotate(var(--angle-s))}90%{transform:rotate(calc(-1 * var(--angle-s)))}95%{transform:rotate(var(--angle-xs))}to{transform:rotate(0)}}@keyframes repeat-animate-loading{0%{transform:scale(1) rotate(0)}50%{transform:scale(var(--share-four-fifths)) rotate(0)}to{transform:scale(1) rotate(0)}}@keyframes animate-alert{0%{background:orange}50%{background:red}to{background:orange}}