/*! Strand UI | MIT License | dillingerstaffing.com */

/* ── Base ── */
.strand-divider {
  border: 0;
  margin: 0;
  padding: 0;
}

/* ── Horizontal (hr) ── */
.strand-divider--horizontal {
  width: 100%;
  border-top: 1px solid var(--strand-gray-200);
}

/* ── Vertical ── */
.strand-divider--vertical {
  align-self: stretch;
  border-left: 1px solid var(--strand-gray-200);
}

/* ── Labeled ── */
.strand-divider--labeled {
  display: flex;
  align-items: center;
  gap: var(--strand-space-3);
  border-top: 0;
}

.strand-divider__line {
  flex: 1;
  height: 0;
  border-top: 1px solid var(--strand-gray-200);
}

.strand-divider__label {
  font-family: var(--strand-font-mono);
  font-size: var(--strand-text-xs);
  font-weight: var(--strand-weight-medium);
  color: var(--strand-gray-500);
  letter-spacing: var(--strand-tracking-widest);
  text-transform: uppercase;
  white-space: nowrap;
}

/* ── Gradient (biosynthetic separator) ── */
.strand-divider--gradient {
  border-top: none;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--strand-blue-indicator) 50%, transparent 100%);
}