/*
 * GENERATED from src/components/Divider/Divider.tsx by scripts/build-genome-components.mjs.
 * Do not edit. Fix the component in the repository and re-run
 * `npm run genome:components` — Genome mirrors the repo, it never authors.
 */

/*
 * Divider — source: `divider` (COMPONENT_SET 33539:44349), page `Divider`,
 * 🔵 Design system - Core (DS25).
 *
 * Tokens come from `raw-tokens-tailwind/`, generated by the same Supernova
 * pipeline and exporter that feed Everlab production — so every name below is
 * identical to the one in engineering's codebase.
 *
 *   components/divider/100   → --ds-color-components-divider-100
 *                              8% black in light, 8% white in dark.
 *   border/sm … border/2xl   → --ds-border-sm … --ds-border-2xl
 *                              0.5 / 1 / 1.5 / 2 / 3px.
 *
 * Every thickness binds a weight token, so no literal appears in this file. The
 * 2xl step was briefly withdrawn on 9 Sept while it was the one weight with
 * nothing behind it, and returned once `border/2xl` was added to Figma's
 * Foundation collection.
 */

/* ── Base ─────────────────────────────────────────────────────────────────── */
.ds-divider-divider {
  --divider-color: var(--ds-color-components-divider-100);
  --divider-thickness: var(--ds-border-md);

  flex: none;
  background: var(--divider-color);
  border: 0;
  box-sizing: border-box;
}

/* ── Orientation ──────────────────────────────────────────────────────────── */
/* Horizontal fills the inline axis of its parent. */
.ds-divider-orientation-horizontal {
  width: 100%;
  height: var(--divider-thickness);
}

/*
 * Vertical stretches to the height of a flex/grid parent. Standalone (outside a
 * stretching container) it collapses — give it an explicit height via `style`.
 */
.ds-divider-orientation-vertical {
  align-self: stretch;
  width: var(--divider-thickness);
  min-height: var(--divider-thickness);
}

/* ── Thickness ────────────────────────────────────────────────────────────── */
.ds-divider-thickness-sm {
  --divider-thickness: var(--ds-border-sm);
}

.ds-divider-thickness-md {
  --divider-thickness: var(--ds-border-md);
}

.ds-divider-thickness-lg {
  --divider-thickness: var(--ds-border-lg);
}

.ds-divider-thickness-xl {
  --divider-thickness: var(--ds-border-xl);
}

.ds-divider-thickness-2xl {
  --divider-thickness: var(--ds-border-2xl);
}