.u-display-block {
  display: block !important;
}

.u-display-inline {
  display: inline !important;
}

.u-display-inlineBlock {
  display: inline-block !important;
}

.u-display-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-display-none {
  display: none !important;
}

.u-fillChild {
  display: -ms-flexbox;
  display: flex;
}

.u-fillChild > * {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

@media (min-width: 30em) {
  .u-display-block\@xs {
    display: block !important;
  }

  .u-display-inline\@xs {
    display: inline !important;
  }

  .u-display-inlineBlock\@xs {
    display: inline-block !important;
  }

  .u-display-flex\@xs {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-display-none\@xs {
    display: none !important;
  }
}

@media (min-width: 45em) {
  .u-display-block\@s {
    display: block !important;
  }

  .u-display-inline\@s {
    display: inline !important;
  }

  .u-display-inlineBlock\@s {
    display: inline-block !important;
  }

  .u-display-flex\@s {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-display-none\@s {
    display: none !important;
  }
}

@media (min-width: 60em) {
  .u-display-block\@m {
    display: block !important;
  }

  .u-display-inline\@m {
    display: inline !important;
  }

  .u-display-inlineBlock\@m {
    display: inline-block !important;
  }

  .u-display-flex\@m {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-display-none\@m {
    display: none !important;
  }
}

@media (min-width: 80em) {
  .u-display-block\@l {
    display: block !important;
  }

  .u-display-inline\@l {
    display: inline !important;
  }

  .u-display-inlineBlock\@l {
    display: inline-block !important;
  }

  .u-display-flex\@l {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-display-none\@l {
    display: none !important;
  }
}