:host {
  display: block;
}

.hb-divider {
  display: flex;
  align-items: center;
  margin: var(--hb-spacing-md) 0;
  border: 0;
  color: var(--hb-color-text-secondary);
  font-size: var(--hb-font-size-sm);
}

.hb-divider__line {
  flex: 1;
  border-top: 1px solid var(--hb-color-border-secondary);
}

.hb-divider--dashed .hb-divider__line {
  border-top-style: dashed;
}

.hb-divider--vertical {
  display: inline-flex;
  flex-direction: column;
  margin: 0 var(--hb-spacing-xs);
  height: 0.9em;
}

.hb-divider--vertical .hb-divider__line {
  border-top: none;
  border-left: 1px solid var(--hb-color-border-secondary);
  flex: none;
  height: 100%;
}

.hb-divider__text {
  padding: 0 var(--hb-spacing-sm);
  white-space: nowrap;
}
