/* ─────────────────────────────────────────────────────────────────────────────
 * Faceless UI — Preflight (merged)
 *
 * GENERATED by scripts/build-preflight.js — do not edit, do not commit.
 *
 * Concatenation of the per-component preflight stylesheets. Linked from
 * gatsby-ssr.js as a render-blocking stylesheet, so the rules are in effect at
 * first paint — before the custom elements upgrade.
 *
 * The source files' explanatory comments are stripped: this file sits in the
 * critical rendering path. The reasoning lives in each component's docs.md and
 * preflight.css.
 * ───────────────────────────────────────────────────────────────────────────── */


/* ── accordion ── */

faceless-accordion:not([data-ready]) {
  display: block;
}

faceless-accordion:not([data-ready]) [data-panel] {
  display: none;
}

faceless-accordion:not([data-ready]) [data-open] [data-panel] {
  display: block;
}

faceless-accordion[autoplay]:not([data-ready]) > *:first-child:not([data-disabled]) [data-panel] {
  display: block;
}


/* ── carousel ── */

faceless-carousel:not(:defined) {
  display: flex;
  overflow: hidden;
  gap: var(--gap, 0px);
  padding-bottom: var(--carousel-chrome-height, 0px);
}

faceless-carousel[show-dots]:not(:defined)            { --carousel-chrome-height: 84px; }
faceless-carousel[autoplay]:not(:defined)             { --carousel-chrome-height: 32px; }
faceless-carousel[show-dots][autoplay]:not(:defined)  { --carousel-chrome-height: 116px; }

faceless-carousel[autoplay][hide-play-pause]:not(:defined)            { --carousel-chrome-height: 0px; }
faceless-carousel[show-dots][autoplay][hide-play-pause]:not(:defined) { --carousel-chrome-height: 84px; }

faceless-carousel:not([data-ready]) > * {
  flex: 0 0 calc(
    (100% - var(--gap, 0px) * (var(--items-per-view, 1) - 1))
    / var(--items-per-view, 1)
  );
  min-width: 0;
}


/* ── form ── */

faceless-form,
faceless-input,
faceless-checkbox {
  display: block;
}

faceless-input:not([data-ready]):not(:has([data-input])) {
  min-height: var(--faceless-input-placeholder, 76px);
}

faceless-checkbox:not([data-ready]):not(:has([data-input])) {
  min-height: var(--faceless-checkbox-placeholder, 24px);
}


/* ── navigation ── */

faceless-navigation:not([data-type]) {
  display: block;
  overflow: hidden;
  min-height: var(--nav-placeholder-height, 44px);
}

faceless-navigation:not([data-type]) > * {
  visibility: hidden;
}