.loading-screen{--loading-screen-size:88px;--loading-screen-icon:56px;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) max(var(--space-4), env(safe-area-inset-right,0px)) calc(var(--space-6) + env(safe-area-inset-bottom,0px)) max(var(--space-4), env(safe-area-inset-left,0px));text-align:center;flex-direction:column;animation:.4s .12s both loading-screen-in;display:flex}.loading-screen--continued{animation:none}.loading-screen--fullscreen{z-index:1000;background:var(--color-background);position:fixed;inset:0}.loading-screen--page{min-height:min(70dvh,560px)}.loading-screen__logo{width:var(--loading-screen-size);height:var(--loading-screen-size);place-items:center;display:grid;position:relative}.loading-screen__icon{width:var(--loading-screen-icon);height:var(--loading-screen-icon);animation:1.6s ease-in-out infinite loading-screen-pulse}.loading-screen__ring{border:3px solid var(--tone-soft);border-top-color:var(--tone);border-radius:50%;animation:.9s linear infinite loading-screen-spin;position:absolute;inset:0}.loading-screen__label{max-width:28ch;color:var(--color-muted);font-size:.9rem;font-weight:600;line-height:1.4}@media (max-width:640px){.loading-screen{--loading-screen-size:76px;--loading-screen-icon:48px;gap:var(--space-3)}.loading-screen__label{font-size:.85rem}}@keyframes loading-screen-in{0%{opacity:0}}@keyframes loading-screen-spin{to{transform:rotate(360deg)}}@keyframes loading-screen-pulse{50%{opacity:.75;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.loading-screen,.loading-screen__icon{animation:none!important}.loading-screen__ring{animation:1.6s linear infinite loading-screen-spin!important}}