/* COPIED from ~/Desktop/Design System/components/divider.css on 2026-10-20 by selfprint/tools/build_zds.py.
   Do not edit here — change the Design System, then re-run the script. */
/* =============================================================================
   Zigu — Divider  (components/divider.css)
   Requires tokens.css. Spec: components/divider.md · Figma: page "Div line" (146:9486) <DivLine>
   ========================================================================== */

/* default: horizontal 1px line (new — Figma had no component for it) */
.zg-divider {
  display: block;
  flex: none;
  align-self: stretch;
  box-sizing: content-box;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--divider);
}

/* vertical separator between inline items (Figma type=line) — 1px line + 4px each side.
   Height follows the neighbouring text (0.85em); fixed sizes sm 8 / md 12 / lg 18. */
.zg-divider--vertical {
  display: inline-block;
  align-self: center;
  width: 1px;
  height: var(--zg-divider-h, 0.85em);
  margin: 0 var(--space-4);
  vertical-align: middle;
}
.zg-divider--vertical.zg-divider--sm { --zg-divider-h: 8px; }
.zg-divider--vertical.zg-divider--md { --zg-divider-h: 12px; }
.zg-divider--vertical.zg-divider--lg { --zg-divider-h: 18px; }

/* dot separator (Figma type=dot) — 2px dot + 4px each side */
.zg-divider--dot {
  display: inline-block;
  align-self: center;
  width: 2px;
  height: 2px;
  margin: 0 var(--space-4);
  border-radius: var(--radius-full);
  background: var(--border-default);
  vertical-align: middle;
}

/* section band (Figma type=section) — 4px muted band with a 1px line on top */
.zg-divider--section {
  height: 4px;
  background: var(--bg-muted);
  box-shadow: inset 0 1px 0 var(--border-default);
}