.page-loading{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgb(255 255 255 / .38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#08728f;text-align:center;font-family:var(--font-sans),sans-serif;cursor:progress}
.page-loading[hidden],#page-loading-recovery[hidden]{display:none}
.page-loading__content{padding:24px;max-width:360px}
.page-loading__progress{position:absolute;inset:0 0 auto;height:3px;overflow:hidden;background:rgb(21 174 219 / .12);direction:ltr}
.page-loading__progress span{display:block;width:40%;height:100%;background:#15aedb;transform-origin:left;animation:page-loading-progress 1.5s ease-in-out infinite;will-change:transform}
#page-loading-recovery{padding:16px;border:1px solid rgb(21 174 219 / .2);border-radius:10px;background:rgb(255 255 255 / .9);cursor:default}
.page-loading__content p{margin:16px 0;font-size:14px;line-height:1.8}
.page-loading button{min-height:44px;margin:4px;padding:8px 14px;border:1px solid #15aedb;border-radius:7px;background:#fff;color:#08728f;font:inherit;cursor:pointer}
html.is-page-loading{overflow:hidden}
@keyframes page-loading-progress{0%{transform:translateX(-100%) scaleX(.5)}50%{transform:translateX(100%) scaleX(1.3)}100%{transform:translateX(350%) scaleX(.5)}}
@media(prefers-reduced-motion:reduce){.page-loading__progress span{width:100%;animation:none;transform:none}}