.ui-hr {
  height: 1px;
  margin: 0;

  background: ui-color(gray-medium);

  border: 0;

  &--light {
    background: ui-color(charcoal-lightest);
  }

  &--opaque {
    background: ui-color(black-opaque-1);
  }

  &--blue {
    background: ui-color(blue);
  }

  &--gray-medium {
    background: ui-color(gray-medium);
  }
}
.review-page {
  .ui-hr {
    margin: auto;

    @include ui-from($ui-bp-tablet) {
      max-width: 900px;
    }

    @include ui-to($ui-bp-desktop) {
      max-width: 600px;
    }

    @include ui-to($ui-bp-tablet) {
      max-width: 300px;
    }
  }
}