/* stylelint-disable selector-class-pattern */

.u-align-middle,
.u-align-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-align-bottom {
  align-items: flex-end;
}

.u-align-middle > *,
.u-align-bottom > * {
  width: 100%;
}

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

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

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

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

.u-align-invert > :nth-child(1) {
  order: 2;
}

.u-align-invert > :nth-child(2) {
  order: 1;
}

@media (min-width: 700px) {
  .u-align-center--mobile {
    text-align: unset;
  }

  .u-align-center--mobile img {
    margin-left: unset;
    margin-right: unset;
  }

  .u-align-invert--not-mobile > :nth-child(1) {
    order: 2;
  }

  .u-align-invert--not-mobile > :nth-child(2) {
    order: 1;
  }
}