.page-state{text-align:center;padding:48px var(--page-gutter,14px);flex-direction:column;align-items:center;gap:6px;display:flex}.page-state-illustration{margin-bottom:10px;display:inline-flex}.page-state-spinner{border:3px solid #276cf52e;border-top-color:var(--brand,#276cf5);border-radius:50%;width:34px;height:34px;margin-bottom:12px;animation:.8s linear infinite page-state-spin}@keyframes page-state-spin{to{transform:rotate(360deg)}}.page-state-title{font:var(--type-h2,750 15px/1.4 var(--f-cn));color:var(--ink,#1a1a2e);margin:0}.page-state-success .page-state-title{color:var(--ok,#4b7b5e)}.page-state-description{max-width:300px;font:var(--type-caption,400 12px/1.4 var(--f-body));color:var(--ink-3,#6a6a80);margin:2px 0 0}.page-state-details{border-radius:var(--r-sm,8px);background:var(--banner-warn-bg,#fff4e5);max-width:300px;font:var(--type-caption,400 12px/1.4 var(--f-body));color:var(--promo,#a45f16);margin-top:6px;padding:8px 12px}.page-state-actions{flex-direction:column;gap:8px;width:100%;max-width:280px;margin-top:18px;display:flex}.page-state-action{min-height:44px;font:600 14px/1 var(--f-body);cursor:pointer;border-radius:10px;transition:opacity .15s,transform .1s}.page-state-action:active:not(:disabled){transform:scale(.98)}.page-state-action:disabled{opacity:.5;cursor:not-allowed}.page-state-action-solid{background:var(--brand,#276cf5);color:#fff;border:0;box-shadow:0 2px 10px #276cf540}.page-state-action-outline{border:1px solid var(--brand,#276cf5);color:var(--brand,#276cf5);background:0 0}.page-state-action-none{color:var(--ink-3,#6a6a80);background:0 0;border:0}@media (prefers-reduced-motion:reduce){.page-state-spinner{border-top-color:#276cf580;animation:none}}.state-illustration-float{animation:3.5s ease-in-out infinite state-illustration-float}.state-illustration-steam,.state-illustration-particle{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite state-illustration-rise}.state-illustration-delay-1{animation-delay:.7s}.state-illustration-delay-2{animation-delay:1.4s}@keyframes state-illustration-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes state-illustration-rise{0%{opacity:0;transform:translateY(0)scaleX(1)}40%{opacity:.65}to{opacity:0;transform:translateY(-12px)scaleX(1.35)}}@media (prefers-reduced-motion:reduce){.state-illustration-float,.state-illustration-steam,.state-illustration-particle{animation:none}.state-illustration-steam,.state-illustration-particle{opacity:.45}}