/**
 * Photon Grid base styles — loading overlay.
 *
 * Layout for the two loading indicators (`spinner` and `skeleton`) plus the
 * three backdrop modes. The spinner itself is an icon-registry glyph and the
 * shimmer bar comes from `skeleton.css.ts` — this module contributes only the
 * geometry that arranges them, so the animation, the varied bar widths, the
 * `prefers-reduced-motion` fallback and the `--pg-colors-skeleton*` tokens are
 * shared with demand-loading placeholder rows rather than re-authored.
 *
 * Concatenated immediately after `skeletonCss` (see `base-styles.ts`), so these
 * layout rules win a same-specificity tie against the shared bar rules they
 * refine, and after `miscCss`, so the backdrop modifiers below outrank the
 * default `.pg-overlay--loading` background — including its dark-mode variant,
 * which carries the same specificity and therefore loses on source order.
 *
 * Every value comes from theme tokens; nothing here is hardcoded styling that a
 * theme cannot reach.
 */
export declare const loadingCss = "/* \u2500\u2500\u2500 Loading overlay: backdrop modes \u2500\u2500\u2500 */\n\n/* Opaque \u2014 the body is fully masked. The default for skeleton placeholders,\n   which read as noise when stale rows show through them. */\n.pg-overlay--loading.pg-overlay--backdrop-opaque {\n  background: var(--pg-colors-surface, #fff);\n}\n\n/* None \u2014 the indicator floats over untouched rows, and the rows stay\n   interactive: a background refresh should not swallow clicks. */\n.pg-overlay--loading.pg-overlay--backdrop-none {\n  background: transparent;\n  pointer-events: none;\n}\n\n/* \u2500\u2500\u2500 Loading overlay: spinner indicator \u2500\u2500\u2500 */\n\n.pg-overlay--spinner .pg-overlay__spinner {\n  color: var(--pg-colors-primary, #2563eb);\n}\n\n/* \u2500\u2500\u2500 Loading overlay: skeleton indicator \u2500\u2500\u2500 */\n\n/* The overlay centres its children by default (see .pg-overlay); placeholder\n   rows must instead start at the top edge and fill the width, exactly as real\n   rows do. */\n.pg-overlay--skeleton {\n  align-items: stretch;\n  justify-content: flex-start;\n  gap: 0;\n  padding: 0;\n  overflow: hidden;\n}\n\n.pg-loading-skeleton {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n/* Mirrors the body's own left / centre / right panel split, so pinned columns\n   stay pinned behind the placeholders. */\n.pg-loading-skeleton__panel {\n  display: flex;\n  flex-direction: column;\n  flex: none;\n  overflow: hidden;\n}\n.pg-loading-skeleton__panel--center { flex: 1 1 auto; }\n\n.pg-loading-skeleton__track {\n  display: flex;\n  flex-direction: column;\n}\n\n/* The same custom property the real centre panel translates by, so placeholder\n   columns follow horizontal scroll with no scroll listener of our own. */\n.pg-loading-skeleton__panel--center .pg-loading-skeleton__track {\n  transform: translateX(var(--pg-scroll-x, 0px));\n}\n\n/* Mirrors .pg-row's box (fixed height, bottom rule) without inheriting its\n   absolute positioning \u2014 these rows stack in normal flow instead of being\n   placed by the virtualizer. */\n.pg-loading-skeleton__row {\n  display: flex;\n  align-items: stretch;\n  flex: none;\n  height: var(--pg-skeleton-row-height, 48px);\n  border-bottom: 1px solid var(--pg-colors-border, #e2e8f0);\n  background: var(--pg-colors-row-background, #fff);\n}\n\n/* Fallback only. Every placeholder cell carries a data-col-id attribute, which\n   ColumnStyleManager's generated rules target at higher specificity \u2014 so a\n   column resize retargets these widths with no JavaScript and no rebuild. This\n   width applies only in the no-columns case, where no such rule exists. */\n.pg-loading-skeleton__cell {\n  width: var(--pg-sizing-column-default-width, 150px);\n}\n\n/* Stagger the shimmer across rows so a screenful reads as content streaming in\n   rather than as one block pulsing in lockstep. The cycle is short and\n   deterministic, so nothing appears to reshuffle. */\n.pg-loading-skeleton__row:nth-child(2n) .pg-cell__inner::before { animation-delay: 0.12s; }\n.pg-loading-skeleton__row:nth-child(3n) .pg-cell__inner::before { animation-delay: 0.24s; }\n";
//# sourceMappingURL=loading.css.d.ts.map