:root {
  --aunt-divider-text-color: var(--aunt-gray-6);
  --aunt-divider-border-color: var(--aunt-gray-3);
  --aunt-divider-margin: var(--aunt-padding-md);
  --aunt-divider-padding: var(--aunt-padding-md);
  --aunt-divider-font-size: var(--aunt-font-size-md);
  --aunt-divider-content-left-width: 10%;
  --aunt-divider-content-right-width: 10%;
}
.aunt-divider--horizontal {
  display: flex;
  align-items: center;
  margin: var(--aunt-divider-margin) 0;
  border-width: 0;
  border-color: var(--aunt-divider-border-color);
  border-style: solid;
  color: var(--aunt-divider-text-color);
  font-size: var(--aunt-divider-font-size);
}
.aunt-divider--horizontal::after,
.aunt-divider--horizontal::before {
  flex: auto;
  display: block;
  content: '';
  border-style: inherit;
  border-color: inherit;
  border-width: 1px 0 0;
}
.aunt-divider--left.aunt-divider--horizontal::before {
  max-width: var(--aunt-divider-content-left-width);
}
.aunt-divider--right.aunt-divider--horizontal::after {
  max-width: var(--aunt-divider-content-right-width);
}
.aunt-divider--dashed.aunt-divider--horizontal {
  border-style: dashed;
}
.aunt-divider--horizontal .aunt-divider__content {
  flex: none;
  padding: 0 var(--aunt-divider-padding);
}
.aunt-divider--vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 16px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid var(--aunt-divider-border-color);
}
.aunt-divider--hairline::before,
.aunt-divider--hairline::after {
  transform: scaleY(0.5);
}