.ph-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;min-height:min(60vh,520px);padding:48px 24px;text-align:center;color:var(--skin-text,#29313b);font-family:var(--skin-font,var(--cc-font,"Raleway",system-ui))}
.ph-loading h2{font-size:24px;font-weight:600;letter-spacing:-.025em;margin:26px 0 8px}.ph-loading p{color:var(--skin-muted,#687386);font-size:14px;margin:0}
.ph-loading-mark{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:28px;background:var(--skin-accent-soft,#fff1eb);color:var(--skin-accent,#e03a00)}
.ph-loading-mark:before,.ph-loading-mark:after{content:"";position:absolute;inset:-10px;border:1px solid currentColor;border-radius:36px;opacity:0;animation:ph-ripple 2.4s ease-out infinite}.ph-loading-mark:after{animation-delay:1.2s}
.ph-loading-mark svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ph-loading-mark polyline{stroke-dasharray:80;animation:ph-trace 2.4s ease-in-out infinite}
.ph-loading-dots{display:flex;gap:6px;margin-top:24px}.ph-loading-dots i{width:5px;height:5px;border-radius:50%;background:var(--skin-accent,#e03a00);animation:ph-dot 1.2s ease-in-out infinite}.ph-loading-dots i:nth-child(2){animation-delay:.2s}.ph-loading-dots i:nth-child(3){animation-delay:.4s}
@keyframes ph-ripple{0%{transform:scale(.9);opacity:.2}100%{transform:scale(1.25);opacity:0}}@keyframes ph-trace{0%{stroke-dashoffset:80}55%,100%{stroke-dashoffset:0}}@keyframes ph-dot{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media(prefers-reduced-motion:reduce){.ph-loading-mark:before,.ph-loading-mark:after,.ph-loading-mark polyline,.ph-loading-dots i{animation:none}.ph-loading-dots i{opacity:.65}}