.loading-screen{--loading-screen-size:88px;--loading-screen-icon:56px;padding:24px max(16px, env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.4s .12s both loading-screen-in;display:flex}.loading-screen-continued{animation:none}.loading-screen-fullscreen{z-index:var(--z-loading-screen);background:var(--color-bg);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(--color-primary-lighter);border-top-color:var(--color-primary);border-radius:50%;animation:.9s linear infinite loading-screen-spin;position:absolute;inset:0}.loading-screen-label{max-width:28ch;color:var(--color-text-secondary);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:14px}.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}}