.label {
  display: inline-block;
  padding: 1px 0.35em;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 80%;
  line-height: (1.4 * 0.9);
  text-decoration: none;

  &:hover,
  a:hover & {
    text-decoration: none;
  }

  &.label--fullSize {
    font-size: 100%;
  }

  &.label--small {
    font-size: 13px;
  }

  &.label--smallest {
    font-size: 11px;
  }

  /* // Label variations */

  &.label--hidden {
    /* // this has to essentially undo all the adjustments made by .label */
    padding: inherit;
    border: none;
    font-size: inherit;
    line-height: inherit;
    text-decoration: inherit;

    &:hover {
      text-decoration: underline;
    }
  }

  &.label--subtle {
    color: hsl(0, 0%, 54%);
    background: hsl(0, 0%, calc(100% - 4%), 1);
  }

  &.label--primary {
    color: hsl(205, 80%, 40%, 1);
    background: hsl(206, 80%, 95%, 1);
    border-color: hsl(206, 80%, calc(95% - (1 * 10%)), 1);
  }

  &.label--accent {
    color: hsl(35, 90%, 30%, 1);
    background: hsl(35, 90%, 95%, 1);
    border-color: hsl(35, 90%, calc(95% - (1 * 10%)), 1);
  }

  &.label--red {
    color: hsl(0, 0%, 100%);
    background: hsl(0, 100%, 44%);
    border-color: hsl(0, 100%, calc(44% - (1 * 10%)));
  }
  &.label--green {
    color: hsl(0, 0%, 100%);
    background: hsl(120, 100%, 25%);
    border-color: hsl(120, 100%, calc(25% - (1 * 10%)));
  }
  &.label--olive {
    color: hsl(0, 0%, 100%);
    background: hsl(60, 100%, 25%);
    border-color: hsl(60, 100%, calc(25% - (1 * 10%)));
  }
  &.label--lightGreen {
    color: hsl(0, 0%, 0%);
    background: hsl(115, 80%, 88%);
    border-color: hsl(115, 80%, calc(88% - (1 * 10%)));
  }
  &.label--blue {
    color: hsl(0, 0%, 100%);
    background: hsl(238, 100%, 45%);
    border-color: hsl(238, 100%, calc(45% - (1 * 10%)));
  }
  &.label--royalBlue {
    color: hsl(0, 0%, 100%);
    background: hsl(225, 73%, 57%);
    border-color: hsl(225, 73%, calc(57% - (1 * 10%)));
  }
  &.label--skyBlue {
    color: hsl(0, 0%, 100%);
    background: hsl(197, 62%, 68%);
    border-color: hsl(197, 62%, calc(68% - (1 * 10%)));
  }
  &.label--gray {
    color: hsl(0, 0%, 100%);
    background: hsl(0, 0%, 50%);
    border-color: hsl(0, 0%, calc(50% - (1 * 10%)));
  }
  &.label--silver {
    color: hsl(0, 0%, 0%);
    background: hsl(0, 0%, 75%);
    border-color: hsl(0, 0%, calc(75% - (1 * 10%)));
  }
  &.label--yellow {
    color: hsl(0, 0%, 0%);
    background: hsl(60, 100%, 78%);
    border-color: hsl(60, 100%, calc(78% - (1 * 10%)));
  }
  &.label--orange {
    color: hsl(0, 0%, 0%);
    background: hsl(48, 100%, 50%);
    border-color: hsl(48, 100%, calc(50% - (1 * 10%)));
  }

  &.label--error {
    color: #c84448;
    background: #fde9e9;
    border-color: #c84448;
  }
}

.label-append {
  display: inline-block;
}

.labelLink,
.labelLink:hover {
  text-decoration: none;
}



.contentRow-minor {
  font-size: 13px;
  color: hsla(32, 27%, 65%, 1);
}

.listInline {
  list-style: none;
  margin: 0;
  padding: 0;
}

.listInline > li {
  display: inline;
  margin: 0;
  padding: 0;
}

.listInline.listInline--bullet > li + li::before {
  content: "\00B7\20";
}

li {
  text-align: -webkit-match-parent;
}

.u-dt[title] {
  border: none;
  text-decoration: none;
}

[dir="auto"] {
  text-align: left;
}

ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}