.page-loading{box-sizing:border-box;position:fixed;inset:0;z-index:4000;min-height:100vh;min-height:100dvh;background:#fff;color:#777;display:grid;place-items:center;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
.page-loading::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(100%,480px);aspect-ratio:711/410;background:url('/assets/storefront/loading-reference-v34.png') center top/100% auto no-repeat;pointer-events:none}
.page-loading-content{position:relative;display:flex;align-items:center;flex-direction:column;gap:12px;transform:translateY(-2px)}
.page-loading-spinner{display:block;flex:none;width:40px;height:40px;fill:none;stroke:#ffe7d4;stroke-width:3;animation:page-loading-turn .9s linear infinite}
.page-loading-spinner path{stroke:#ff8b0d;stroke-linecap:round}
.page-loading-content>p{font-size:14px;font-weight:400;line-height:20px;color:#777;letter-spacing:0;margin:0;padding:0}
.page-loading-initial{visibility:hidden;animation:page-loading-reveal 0s .2s forwards}
@keyframes page-loading-reveal{to{visibility:visible}}
@keyframes page-loading-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.page-loading-spinner{animation:none}}