#page-loading[hidden]{display:none!important}
#page-loading{position:fixed;inset:0;z-index:2147483647;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:rgba(244,249,246,.82);color:#173f30;display:grid;place-items:center;box-sizing:border-box;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overscroll-behavior:contain;touch-action:none;outline:none}
#page-loading::backdrop{background:transparent}
.page-loading-card{display:flex;align-items:center;flex-direction:column;gap:16px;max-width:280px;padding:28px 32px;border:1px solid rgba(22,131,74,.12);border-radius:24px;background:#fff;box-shadow:0 16px 50px rgba(25,69,45,.10);text-align:center;font:600 14px/1.5 system-ui,sans-serif}
.page-loading-spinner{width:42px;height:42px;box-sizing:border-box;border:3px solid #e5f1e9;border-top-color:var(--primary,#16834a);border-right-color:var(--primary,#16834a);border-radius:50%;animation:page-loading-turn .85s linear infinite}
.page-is-loading,.page-is-loading body{overflow:hidden!important;overscroll-behavior:none}
.page-is-loading .loading,.page-is-loading .storefront-loading{visibility:hidden}
@keyframes page-loading-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.page-loading-spinner{animation-duration:2.4s}#page-loading{backdrop-filter:none;-webkit-backdrop-filter:none}}
