#pf-page-loading{position:fixed;inset:0;z-index:99999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}
html.pf-page-loading #pf-page-loading{opacity:1;visibility:visible}
#pf-page-loading *{animation-play-state:paused!important}
html.pf-page-loading #pf-page-loading *{animation-play-state:running!important}
.pf-loading-track{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#4edce9,#ad82ff,#ed91ca,transparent);background-size:50% 100%;background-repeat:no-repeat;animation:pfLoadingTrack 1.1s ease-in-out infinite;filter:drop-shadow(0 0 5px #a987ff)}
.pf-loading-orbit{position:absolute;right:22px;bottom:calc(104px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border:1px solid #ffffff38;border-radius:18px;background:#88888808;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 5px 24px #0002;display:grid;place-items:center;color:#af88ef}
.pf-loading-orbit i{position:absolute;inset:10px;border:2px solid transparent;border-top-color:#b591ff;border-bottom-color:#4edce9;border-radius:50%;animation:pfLoadingOrbit 1s linear infinite}
.pf-loading-orbit i:nth-child(2){inset:16px;border-width:1px;animation-direction:reverse;animation-duration:1.4s}.pf-loading-orbit span{font-size:14px;animation:pfLoadingPulse 1s ease-in-out infinite alternate}
@keyframes pfLoadingTrack{from{background-position:-100% 0}to{background-position:200% 0}}@keyframes pfLoadingOrbit{to{transform:rotate(360deg)}}@keyframes pfLoadingPulse{to{opacity:.45;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){#pf-page-loading{transition:none}.pf-loading-track,.pf-loading-orbit i,.pf-loading-orbit span{animation:none}.pf-loading-track{background-size:100% 100%}}