:root {
  --rv-divider-margin: var(--rv-padding-md) 0;
  --rv-divider-text-color: var(--rv-gray-6);
  --rv-divider-font-size: var(--rv-font-size-md);
  --rv-divider-line-height: 24px;
  --rv-divider-border-color: var(--rv-border-color);
  --rv-divider-content-padding: var(--rv-padding-md);
  --rv-divider-content-left-width: 10%;
  --rv-divider-content-right-width: 10%;
}
.rv-divider {
  display: flex;
  align-items: center;
  margin: var(--rv-divider-margin);
  color: var(--rv-divider-text-color);
  font-size: var(--rv-divider-font-size);
  line-height: var(--rv-divider-line-height);
  border-color: var(--rv-divider-border-color);
  border-style: solid;
  border-width: 0;
}
.rv-divider::before,
.rv-divider::after {
  display: block;
  flex: 1;
  box-sizing: border-box;
  height: 1px;
  border-color: inherit;
  border-style: inherit;
  border-width: var(--rv-border-width-base) 0 0;
}
.rv-divider::before {
  content: '';
}
.rv-divider--hairline::before,
.rv-divider--hairline::after {
  transform: scaleY(0.5);
}
.rv-divider--dashed {
  border-style: dashed;
}
.rv-divider--content-center::before,
.rv-divider--content-left::before,
.rv-divider--content-right::before {
  margin-right: var(--rv-divider-content-padding);
}
.rv-divider--content-center::after,
.rv-divider--content-left::after,
.rv-divider--content-right::after {
  margin-left: var(--rv-divider-content-padding);
  content: '';
}
.rv-divider--content-left::before {
  max-width: var(--rv-divider-content-left-width);
}
.rv-divider--content-right::after {
  max-width: var(--rv-divider-content-right-width);
}
