.ui-load-state{display:grid;justify-items:start;gap:var(--hx-space-2);padding-block:var(--hx-space-10);padding-inline:var(--hx-space-8);border:var(--rule) solid var(--hx-border-soft);border-radius:var(--hx-radius-card);background:var(--hx-surface-soft)}.ui-load-state__mark{inline-size:var(--hx-space-8);block-size:var(--hx-space-1);margin-block-end:var(--hx-space-2);border-radius:var(--hx-radius-pill);background:var(--hx-text)}.ui-load-state[data-kind=offline] .ui-load-state__mark{background:var(--hx-status-warning-core)}.ui-load-state__icon{display:inline-grid;place-items:center;inline-size:var(--hx-space-10);block-size:var(--hx-space-10);margin-block-end:var(--hx-space-2);border-radius:var(--radius-circle);background:var(--hx-surface-sunken);color:var(--hx-icon-2)}.ui-load-state__icon>svg{inline-size:var(--hx-space-6);block-size:var(--hx-space-6)}.ui-load-state__title{margin:0;color:var(--hx-text);font-size:var(--hx-type-section-title-size);font-weight:var(--hx-weight-semibold);line-height:var(--hx-type-section-title-leading);letter-spacing:var(--hx-type-section-title-tracking);text-wrap:balance}.ui-load-state__body{max-inline-size:var(--hx-reading-measure);margin:0;color:var(--hx-text-2);font-size:var(--hx-type-body-size);line-height:var(--hx-type-body-leading);text-wrap:pretty}.ui-load-state__actions{display:flex;flex-wrap:wrap;gap:var(--hx-space-2);margin-block-start:var(--hx-space-4)}.ui-load-state__actions a.ui-button{text-decoration:none}.ui-load-skeleton[data-shape=card]{padding:var(--hx-space-4);border:var(--rule) solid var(--hx-border-soft);border-radius:var(--hx-radius-card);background:var(--hx-surface)}.ui-inline-notice{display:flex;align-items:baseline;gap:var(--hx-space-2);margin:0;padding-block:var(--hx-space-2);padding-inline:var(--hx-space-3);border:var(--rule) solid var(--hx-status-info-line);border-inline-start:var(--rule-heavy) solid var(--hx-status-info-core);border-radius:var(--hx-radius-sm);background:var(--hx-status-info-bg);color:var(--hx-status-info-fg);font-size:var(--hx-type-label-size);line-height:var(--hx-type-label-leading)}.ui-inline-notice[data-tone=success]{border-color:var(--hx-status-success-line);border-inline-start-color:var(--hx-status-success-core);background:var(--hx-status-success-bg);color:var(--hx-status-success-fg)}.ui-inline-notice[data-tone=warning]{border-color:var(--hx-status-warning-line);border-inline-start-color:var(--hx-status-warning-core);background:var(--hx-status-warning-bg);color:var(--hx-status-warning-fg)}.ui-inline-notice[data-tone=danger]{border-color:var(--hx-status-danger-line);border-inline-start-color:var(--hx-status-danger-core);background:var(--hx-status-danger-bg);color:var(--hx-status-danger-fg)}.ui-inline-notice__mark{flex:none;inline-size:calc(var(--hx-space-1) * 1.5);block-size:calc(var(--hx-space-1) * 1.5);border-radius:var(--radius-circle);background:currentColor}.ui-inline-notice[data-tone=warning] .ui-inline-notice__mark{inline-size:0;block-size:0;border-inline:var(--hx-space-1) solid transparent;border-block-end:calc(var(--hx-space-1) * 1.6) solid currentColor;border-radius:0;background:transparent}.ui-inline-notice[data-tone=danger] .ui-inline-notice__mark{border-radius:var(--rule)}.ui-inline-notice__text{min-inline-size:0;overflow-wrap:anywhere}@media (width < 48rem){.ui-load-state{padding-block:var(--hx-space-6);padding-inline:var(--hx-space-4)}}@media (width < 30rem){.ui-load-state__actions{flex-direction:column;align-self:stretch}.ui-load-state__actions>*{inline-size:100%}}@media (forced-colors:active){.ui-inline-notice,.ui-load-state{border-color:CanvasText}.ui-inline-notice__mark,.ui-load-state__mark{background:CanvasText}.ui-inline-notice[data-tone=warning] .ui-inline-notice__mark{border-block-end-color:CanvasText;background:transparent}}