hr {
  height: 0;
  width: 100%;
  border: none;
  border-bottom: 2px solid color("border");
  margin-top: spacing($hr-margin);
  margin-bottom: spacing($hr-margin);

  &.hr--theme {
    border-color: color("border-theme");
  }

  &.hr--dense {
    margin-top: spacing($hr-margin-dense);
    margin-bottom: spacing($hr-margin-dense);
  }

  &.hr--dense {
    margin-top: spacing($hr-margin-dense);
    margin-bottom: spacing($hr-margin-dense);
  }

  &.hr--page-content-block-seperator {
    margin-top: spacing($page-content-block-gap);
    margin-bottom: spacing($page-content-block-gap);
  }

  &.hr--pull + * {
    margin-top: 0;
  }

  &.hr--default-line-width {
    max-width: $line-width-max;
  }
}