/* A route has one visible state: neutral loading, final content, or an error. */
.site-page-loading{min-height:calc(100svh - 200px);display:none;place-items:center;padding:48px 24px;color:#55718a}
.site-page-loading>div{display:grid;justify-items:center;gap:18px;text-align:center}
.site-page-loading p{margin:0;font-size:15px}
.route-loading{min-height:360px;display:grid;place-items:center;align-content:center;gap:16px;color:#55718a}
.route-loading .spinner,.site-page-loading .spinner{width:30px;height:30px;border:3px solid #dce8f5;border-top-color:#246ff0;border-radius:50%;animation:route-loading-spin .8s linear infinite}
.route-loading p{margin:0;font-size:14px}
html[data-page-boot="loading"] .site-page-loading{display:grid}
html[data-page-boot="loading"] #site-page,html[data-page-boot="loading"] .site-footer{display:none!important}
html[data-page-boot="error"] .site-page-loading{display:grid}
html[data-page-boot="error"] #site-page{display:none!important}
.site-page-loading a{margin-top:5px}
@keyframes route-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.route-loading .spinner,.site-page-loading .spinner{animation:none}}