.kf-state-view{font-family:var(--kf-font-sans)}.kf-state__box{align-items:flex-start;gap:var(--kf-space-3);box-sizing:border-box;border:1px dashed var(--kf-line-strong);border-radius:var(--kf-radius-lg);background:var(--kf-surface);color:var(--kf-text);flex-direction:column;display:flex}.kf-state__message{align-items:flex-start;gap:var(--kf-space-2);display:flex}.kf-state__box--loading{color:var(--kf-text-muted)}.kf-state__box--error{border-style:solid;border-color:var(--kf-danger);background:var(--kf-danger-surface);color:var(--kf-danger-text)}.kf-state__box--offline{border-style:solid;border-color:var(--kf-warning);background:var(--kf-warning-surface);color:var(--kf-warning-text)}.kf-state__box--denied{background:var(--kf-surface-sunken);border-style:solid}.kf-state__actions{gap:var(--kf-space-2);flex-wrap:wrap;display:flex}.kf-state-view{min-inline-size:0}.kf-state__box{padding-block:var(--kf-space-6);padding-inline:var(--kf-space-4)}.kf-state__box--ready{background:0 0;border:0;padding:0;display:block}.kf-state__message:empty{position:absolute}.kf-state__message{font-size:var(--kf-type-body-size);line-height:var(--kf-type-body-leading)}.kf-state__message p{overflow-wrap:anywhere;margin:0}