/* ==========================================================================
   Orcheum · Divider (labelled rule)
   Source of truth: Figma node 404:4941 ("Or login with").
   Reusable — namespaced under .oc-divider.
   ========================================================================== */

.oc-divider {
  display: flex;
  align-items: center;
  gap: var(--space-3);            /* 12px */
  width: 100%;
  height: 20px;
}

.oc-divider::before,
.oc-divider::after {
  content: "";
  flex: 1 1 0;
  height: 1px;
  background: var(--color-card-separator);  /* #322f2f0d */
}

.oc-divider__label {
  flex: 0 0 auto;
  font-family: var(--font-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-sm);      /* 14px */
  line-height: var(--leading-snug);
  letter-spacing: -0.21px;
  color: var(--color-text-secondary);
  white-space: nowrap;
}