.state{--f:96px;grid-template-rows:calc(var(--f) + 18px) 34px 78px 24px;text-align:center;flex:1;align-content:center;justify-items:center;min-height:360px;padding:20px;display:grid}.state>*{justify-content:center;width:min(680px,100%);display:flex}.state-m{align-items:flex-end;padding-bottom:14px}.state-m>.mascot{width:var(--f);height:var(--f)}.state-t{font:700 22px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--forest-ink);align-items:center}.state-t>*{font:inherit;letter-spacing:inherit;color:inherit;margin:0}.state[data-state=loading] .state-t{color:var(--ink-2)}.state-a{align-items:flex-start;padding-top:14px}.state-r{align-items:center}.state-why{color:var(--ink-3);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.state-ref{font:12px/1 var(--font-mono,ui-monospace, monospace);color:var(--ink-3);-webkit-user-select:all;user-select:all;align-items:center;gap:4px;display:inline-flex}.state-ref button{width:24px;height:24px;color:var(--ink-3);-webkit-user-select:none;user-select:none;border-radius:8px;place-items:center;display:grid}.state-ref button:hover{background:var(--paper-2);color:var(--ink)}.state-ref svg{width:13px;height:13px}.state-t,.state-a>*,.state-r>*{animation:state-in .32s var(--ease-glide)}@keyframes state-in{0%{opacity:0;transform:translateY(4px)}}.state[data-size=hero]{--f:128px;grid-template-rows:calc(var(--f) + 22px) 66px 150px 24px;min-height:0}.state[data-size=hero][data-state=empty] .state-t{letter-spacing:-.035em;font-size:46px}.state[data-size=hero][data-state=error] .state-t{letter-spacing:-.025em;font-size:30px}.state[data-size=hero] .state-a{padding-top:30px}.state[data-size=inline]{--f:28px;border-top:1px solid var(--line);white-space:nowrap;min-height:60px;color:var(--ink-2);flex-wrap:wrap;flex:none;justify-content:flex-start;align-items:center;gap:4px 10px;padding:8px 18px 8px 22px;font-size:14.5px;font-weight:600;display:flex}.state[data-size=inline]>*{align-items:center;width:auto;padding:0;display:inline-flex}.state[data-size=inline] .state-t{font:inherit;letter-spacing:normal;color:inherit}.state[data-size=inline][data-state=error] .state-t{color:var(--forest-ink)}.state[data-size=inline] .state-a:empty,.state[data-size=inline] .state-r:empty{display:none}.state-a [aria-disabled=true]{opacity:.65;pointer-events:none}.state-a [aria-disabled=true] svg{animation:.8s linear infinite state-spin}@keyframes state-spin{to{transform:rotate(360deg)}}@media (width<=767px){.state{--f:72px;grid-template-rows:calc(var(--f) + 16px) 32px 74px 24px;min-height:300px}.state-t{font-size:19px}.state[data-size=hero]{--f:96px;grid-template-rows:calc(var(--f) + 18px) 50px 232px 24px;min-height:0;padding:12px}.state[data-size=hero][data-state=loading] .state-t{font-size:22px}.state[data-size=hero][data-state=empty] .state-t{font-size:26px}.state[data-size=hero][data-state=error] .state-t{font-size:24px}}@media (prefers-reduced-motion:reduce){.state-t,.state-a>*,.state-r>*,.state-a [aria-disabled=true] svg{animation:none}}