.ImageFrame{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.ImagePending{opacity:0}body .ImageLoadStatus{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;text-align:center;font-size:11px;line-height:1.45;color:#36526b;background:#e9f0f7;box-sizing:border-box;pointer-events:none}.ImageLoading .ImageLoadStatus:before{content:"";width:22px;height:22px;border:2px solid #7892a74d;border-top-color:#2582ad;border-radius:50%;animation:imageSpin .8s linear infinite}body.dark-mode .ImageLoadStatus{color:#dbeaf7;background:#25364b}.ImageLoadError{font-weight:500}.PageLoader{flex-direction:column;gap:20px}.PageLoader_Label{color:#36526b;font-size:14px;text-align:center;padding-inline:20px}body.dark-mode .PageLoader_Label{color:#dbeaf7}@keyframes imageSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ImageLoading .ImageLoadStatus:before{animation:none}}