.line {
  display: inline-block;
  height: 4px;
  width: 55px;
  margin: .75rem 0 1rem;
  background-color: $secondary;
  &-left {
    display: inline-block;
    width: 4px;
    height: 44px;
  }
}

hr, .hr {
  border-color: $gray-300;
  .dark & {
    border-color: $gray-600;
    &.primary {
      border-color: $primary;
    }
    &.light {
      border-color: $dark;
    }
    &.dark {
      border-color: $light;
    }
  }
  &.accent {
    border-color: $accent;
  }
  &.primary {
    border-color: $primary;
  }
  &.secondary {
    border-color: $secondary;
  }
  &.light {
    border-color: $light;
  }
  &.dark {
    border-color: $dark;
  }
}