@keyframes pageLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pageLoadingFadeIn{0%{opacity:0}to{opacity:1}}.page-loading{background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-alt) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 76px);animation:.3s ease-out pageLoadingFadeIn;display:flex}.page-loading-spinner{border:3px solid #6c4df61f;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite pageLoadingSpin}