.pageStateDisplay{z-index:2;text-align:center;background:var(--background);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:50vh;padding:2em;display:flex;position:relative}.pageStateDisplay.isFullPage{min-height:100vh;padding:2em}.pageStateDisplay .pageStateVisual,.pageStateDisplay .pageStateLogoWrap,.pageStateDisplay .pageStateMorphWrap,.pageStateDisplay .pageStateAnimatedIconWrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.pageStateDisplay .pageStateMorphWrap{color:color-mix(in srgb,var(--text)40%,transparent);animation:.5s ease-in infinite alternate-reverse pulse}.pageStateDisplay .pageStateAnimatedIconWrap{width:7em;height:7em;color:var(--text)}.pageStateDisplay .shoplogoLogo{background:linear-gradient(90deg,color-mix(in srgb,var(--text)12%,transparent)0%,color-mix(in srgb,var(--text)12%,transparent)36%,color-mix(in srgb,var(--text)42%,transparent)50%,color-mix(in srgb,var(--text)12%,transparent)64%,color-mix(in srgb,var(--text)12%,transparent)100%);filter:none;background-size:220% 100%;animation:1.15s ease-in-out infinite shoplogoSkeleton;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0)}.pageStateDisplay .pageStateMorphIcon{z-index:2;position:relative}.pageStateDisplay .pageStateIconBadge{padding:var(--spacing-sm);background:var(--background);z-index:3;border-radius:50%;position:absolute;bottom:0;right:0;transform:translate(50%,50%)}.pageStateDisplay .pageStateAnimatedIcon{color:var(--text)}.pageStateDisplay .pageStateLabel{font-size:var(--font-xl);color:var(--text);font-weight:400}.pageStateDisplay .pageStateShopName{color:color-mix(in srgb,var(--text)50%,transparent);margin-bottom:1.5em;font-size:1em}.pageStateDisplay .pageStateActions{flex-wrap:wrap;justify-content:center;gap:1em;margin-top:1.5em;display:flex}.pageStateDisplay .pageStateActions .textLayer{font-weight:300!important}.pageStateOverlayRoot{width:100%;min-height:100vh;position:relative}.pageStateOverlayRoot.isFullPage{min-height:100vh}.pageStateOverlayRoot .pageStateOverlayContent{width:100%;min-height:inherit;transition:opacity .22s,visibility .22s}.pageStateOverlayRoot .pageStateOverlayContent.isHidden{opacity:0;visibility:hidden;pointer-events:none}.pageStateOverlayRoot .pageStateOverlayContent.isVisible{opacity:1;visibility:visible}.pageStateLoadingOverlay,.pageStateLoadingPresence{z-index:2147483647;background:var(--bg-primary);background:var(--background);pointer-events:auto;will-change:clip-path,transform;contain:paint;isolation:isolate;justify-content:center;align-items:center;min-height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.pageStateLoadingOverlay .pageStateDisplay,.pageStateLoadingPresence .pageStateDisplay{z-index:2;min-height:100vh;position:relative}.pageStateLoadingOverlay:before,.pageStateLoadingPresence:before{content:"";z-index:1;background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--primary)10%,transparent)0%,transparent 32%),radial-gradient(circle at 80% 50%,color-mix(in srgb,var(--secondary)10%,transparent)0%,transparent 34%),var(--background);pointer-events:none;position:absolute;inset:0}@keyframes shoplogoSkeleton{0%{background-position:0%}to{background-position:220%}}@keyframes pulse{to{color:color-mix(in srgb,var(--text)20%,transparent)}}