/* Loading/error content fills and centers within its own section. */
.detail-deferred { min-height: 100px; width: 100%; }
.detail-deferred-chart { display: contents; }
.public-section-loading, .public-section-error { box-sizing: border-box; width: 100%; min-height: 100px; padding: 24px 12px; text-align: center; }
.public-section-loading { display: flex; align-items: center; justify-content: center; gap: 10px; }
.public-section-error { display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; gap: 10px; }
.public-section-error p { flex-basis: 100%; margin: 0; }
.detail-deferred-chart > .public-section-loading, .detail-deferred-chart > .public-section-error { min-height: 200px; }
.public-section-loading[hidden], .public-section-error[hidden] { display: none; }
.public-section-loading .spinner-border { flex: 0 0 22px; width: 22px; height: 22px; border-width: 2px; }