@layer components{.loading-surface{display:grid;align-content:start;gap:.75rem;width:100%;min-width:0;color:var(--arena-muted-ink)}.loading-surface--panel{min-block-size:var(--loading-surface-min-block,154px);padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--arena-paper-line);border-radius:4px;background:color-mix(in srgb,var(--arena-parchment-light) 58%,transparent)}.loading-surface__caption{display:grid;gap:.2rem;font-size:.86rem;line-height:1.45}.loading-surface__caption strong{color:var(--arena-ink);font:700 clamp(1rem,2vw,1.15rem) /1.2 var(--font-display,Georgia,serif)}.loading-surface__blocks{display:grid;gap:.6rem}.loading-block--line{block-size:.85rem}.loading-block--line:nth-child(2){inline-size:86%}.loading-block--line:nth-child(3){inline-size:62%}.loading-block--row{block-size:var(--loading-row-height,3.5rem)}.loading-block--tile{aspect-ratio:var(--loading-tile-ratio,4/3)}.loading-surface--grid .loading-surface__blocks{grid-template-columns:repeat(auto-fill,minmax(var(--loading-tile-min,10rem),1fr))}.loading-block{display:block;border-radius:4px;background:var(--loading-fill);animation:loading-pulse var(--motion-loop) var(--motion-ease) infinite alternate}.data-surface{transition:opacity var(--motion-base) var(--motion-ease)}.data-surface[aria-busy=true]{opacity:.62}@starting-style{.data-arrive{opacity:.24}}@media (prefers-reduced-motion:reduce){.loading-block{animation:none}}@media (forced-colors:active){.loading-block{background:GrayText}}}