.state-view{border-block:.0625rem solid var(--line);width:min(100%,52rem);min-height:24rem;color:var(--ink);grid-template-columns:minmax(5rem,1fr) minmax(0,4fr);margin:0 auto;display:grid}.state-view__index{color:var(--signal);font-variant-numeric:tabular-nums;border-right:.0625rem solid var(--line);padding:2rem 1rem 2rem 0;font-size:.875rem;font-weight:700}.state-view--not-found .state-view__index{writing-mode:vertical-rl;font-size:clamp(3.5rem,10vw,8rem);line-height:.85}.state-view__body{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:clamp(3rem,8vw,6rem);display:flex}.state-view__loader{border:.125rem solid var(--line);border-top-color:var(--signal);border-radius:50%;width:3rem;height:3rem;margin-bottom:2rem;animation:.8s linear infinite state-view-spin}.state-view__icon{object-fit:contain;width:min(16rem,55%);max-width:100%;height:auto;margin-bottom:2rem}.state-view__mark{background:var(--signal);width:3rem;height:.25rem;margin-bottom:2rem}.state-view__title{text-wrap:balance;max-width:14ch;font-size:clamp(2rem,5vw,4.5rem);font-weight:700;line-height:.98}.state-view__description{max-width:42ch;color:var(--muted);text-wrap:pretty;margin-top:1.5rem;font-size:1rem;line-height:1.75}.state-view__action{border:.0625rem solid var(--signal);border-radius:var(--radius-control);min-height:2.75rem;color:var(--signal);transition:color var(--motion-fast), background-color var(--motion-fast);background:0 0;margin-top:2rem;padding:0 1.25rem;font-size:.875rem;font-weight:700}.state-view__action:hover{color:var(--signal-text);background:var(--signal)}@keyframes state-view-spin{to{transform:rotate(360deg)}}@media (width<=40rem){.state-view{grid-template-columns:3.5rem minmax(0,1fr);min-height:22rem}.state-view__body{padding:3rem 1.5rem}.state-view__icon{width:min(11rem,72%)}.state-view__title{font-size:2.25rem}}