.u-align--left,
html .u-align--left {
  float: left;
}

.u-align--center,
html .u-align--center {
  margin-left: auto;
  margin-right: auto;
}

.u-align--right,
html .u-align--right {
  float: right;
}

.u-clear--both,
html .u-clear--both {
  clear: both;
}

.u-clear--left,
html .u-clear--left {
  clear: left;
}

.u-clear--right,
html .u-clear--right {
  clear: right;
}

.u-text--left,
html .u-text--left {
  text-align: left;
}

.u-text--center,
html .u-text--center {
  text-align: center;
}

.u-text--right,
html .u-text--right {
  text-align: right;
}

.u-text--word-wrap,
html .u-text--word-wrap {
  word-wrap: break-word;
}

.u-text--no-wrap,
html .u-text--no-wrap {
  white-space: nowrap;
}

.u-hidden,
html .u-hidden {
  display: none;
}

.u-hidden--visually,
html .u-hidden--visually {
  height: 0;
  left: -9999em;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}

.u-hidden--mobile,
html .u-hidden--mobile {
  height: 0;
  left: -9999em;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}

@media only screen and (min-width: 60em) {
  .u-hidden--mobile,
  html .u-hidden--mobile {
    height: auto;
    left: auto;
    opacity: 1;
    overflow: visible;
    position: relative;
    width: auto;
  }
}