.dashboard-state{min-inline-size:0;padding:var(--hf-space-6);color:var(--hf-color-fg-default);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.dashboard-state[data-scope=fullscreen],.dashboard-app-loader{background:radial-gradient(ellipse at 50% 42%, var(--hf-color-accent-subtle), transparent 55%), var(--hf-color-bg-canvas);min-block-size:100svh}.dashboard-state[data-scope=fullscreen]{justify-content:space-between;gap:var(--hf-space-6);padding:clamp(var(--hf-space-5), 4vw, var(--hf-space-8))}.dashboard-state__brand{align-self:flex-start}.dashboard-state__body{inline-size:100%;max-inline-size:30rem;padding-block:var(--hf-space-6);flex-direction:column;align-items:center;margin-block:auto;display:flex}.dashboard-state__art{block-size:11rem;inline-size:17rem;max-inline-size:100%;isolation:isolate;place-items:center;margin-block-end:var(--hf-space-6);display:grid;position:relative}.dashboard-state__orbit{border:1px solid var(--hf-color-border-subtle);background:radial-gradient(circle, var(--hf-color-accent-subtle), transparent 70%);z-index:-1;border-radius:50%;block-size:10rem;inline-size:10rem;position:absolute}.dashboard-state__orbit:before,.dashboard-state__orbit:after{content:"";border:1px dashed var(--hf-color-border-default);opacity:.6;border-radius:50%;position:absolute;inset:-1.25rem}.dashboard-state__orbit:after{border-style:solid;inset:1.25rem}.dashboard-state__icon{border:1px solid var(--hf-color-border-default);border-radius:var(--hf-radius-xl);background:var(--hf-color-bg-surface);block-size:5rem;inline-size:5rem;color:var(--hf-color-accent-default);box-shadow:var(--hf-shadow-panel);place-items:center;display:grid;transform:rotate(-8deg)}.dashboard-state[data-kind=error] .dashboard-state__icon{color:var(--hf-color-status-warning-fg)}.dashboard-state__code{color:var(--hf-color-accent-default);font-size:7.5rem;line-height:1;font-weight:var(--hf-font-weight-semibold);letter-spacing:-.08em;font-variant-numeric:tabular-nums}.dashboard-state__code+.dashboard-state__icon{block-size:3.75rem;inline-size:3.75rem;position:absolute;inset-block-end:0;inset-inline-end:0;transform:rotate(10deg)}.dashboard-state__title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--hf-font-weight-semibold);line-height:var(--hf-line-height-tight);letter-spacing:-.04em;text-wrap:balance;margin:0}.dashboard-state__title:focus-visible{outline:2px solid var(--hf-color-focus-ring);outline-offset:var(--hf-space-2);border-radius:var(--hf-radius-sm)}.dashboard-state__description{max-inline-size:26rem;margin:var(--hf-space-3) 0 0;font-size:var(--hf-font-size-sm);color:var(--hf-color-fg-secondary);text-wrap:pretty;overflow-wrap:anywhere;line-height:1.7}.dashboard-state__actions{justify-content:center;gap:var(--hf-space-3);flex-wrap:wrap;margin-block-start:var(--hf-space-6);display:flex}.dashboard-state__actions>*{min-block-size:2.75rem}.dashboard-state__footer{color:var(--hf-color-fg-muted);font-size:var(--hf-font-size-xs);margin:0}.dashboard-state[data-scope=section] .dashboard-state__art{margin-block-end:0;transform:scale(.75)}.dashboard-state[data-scope=section] .dashboard-state__title{font-size:var(--hf-font-size-lg)}.dashboard-app-loader{padding:var(--hf-space-6);color:var(--hf-color-fg-default);place-items:center;display:grid}.dashboard-app-loader__body{align-items:center;gap:var(--hf-space-6);flex-direction:column;display:flex}.dashboard-app-loader__body>svg{block-size:2.25rem}.dashboard-app-loader__progress{align-items:center;gap:var(--hf-space-3);font-size:var(--hf-font-size-sm);color:var(--hf-color-fg-secondary);display:flex}@media (prefers-reduced-motion:no-preference){.dashboard-state__body,.dashboard-app-loader__body,.dashboard-page-skeleton{animation:dashboard-state-enter var(--hf-duration-slow) var(--hf-ease-emphasized) both}.dashboard-state__icon{animation:dashboard-state-icon-enter var(--hf-duration-slow) var(--hf-ease-emphasized) both}}@keyframes dashboard-state-enter{0%{opacity:0;transform:translateY(var(--hf-space-2))}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-state-icon-enter{0%{opacity:0;translate:0 var(--hf-space-3)}to{opacity:1;translate:0}}@media (width<=45rem){.dashboard-state{padding:var(--hf-space-4)}.dashboard-state__art{block-size:9rem;scale:.85}.dashboard-state__actions{inline-size:100%}}@media (height<=35rem) and (width>=45rem){.dashboard-state__art{block-size:7rem;margin-block-end:0;scale:.65}.dashboard-state__body{padding-block:var(--hf-space-2)}}.dashboard-auth-error{background:var(--hf-color-bg-surface);min-block-size:100svh;min-inline-size:0;padding-block:4.75rem;display:flex}
