.u-zIndex-bottom {
  z-index: -1 !important;
}

.u-zIndex-lowest {
  z-index: 10 !important;
}

.u-zIndex-lower {
  z-index: 50 !important;
}

.u-zIndex-low {
  z-index: 100 !important;
}

.u-zIndex-medium {
  z-index: 200 !important;
}

.u-zIndex-high {
  z-index: 500 !important;
}

.u-zIndex-higher {
  z-index: 1000 !important;
}

.u-zIndex-highest {
  z-index: 5000 !important;
}

.u-zIndex-top {
  z-index: 10000 !important;
}

@media (min-width: 30em) {
  .u-zIndex-bottom\@xs {
    z-index: -1 !important;
  }

  .u-zIndex-lowest\@xs {
    z-index: 10 !important;
  }

  .u-zIndex-lower\@xs {
    z-index: 50 !important;
  }

  .u-zIndex-low\@xs {
    z-index: 100 !important;
  }

  .u-zIndex-medium\@xs {
    z-index: 200 !important;
  }

  .u-zIndex-high\@xs {
    z-index: 500 !important;
  }

  .u-zIndex-higher\@xs {
    z-index: 1000 !important;
  }

  .u-zIndex-highest\@xs {
    z-index: 5000 !important;
  }

  .u-zIndex-top\@xs {
    z-index: 10000 !important;
  }
}

@media (min-width: 45em) {
  .u-zIndex-bottom\@s {
    z-index: -1 !important;
  }

  .u-zIndex-lowest\@s {
    z-index: 10 !important;
  }

  .u-zIndex-lower\@s {
    z-index: 50 !important;
  }

  .u-zIndex-low\@s {
    z-index: 100 !important;
  }

  .u-zIndex-medium\@s {
    z-index: 200 !important;
  }

  .u-zIndex-high\@s {
    z-index: 500 !important;
  }

  .u-zIndex-higher\@s {
    z-index: 1000 !important;
  }

  .u-zIndex-highest\@s {
    z-index: 5000 !important;
  }

  .u-zIndex-top\@s {
    z-index: 10000 !important;
  }
}

@media (min-width: 60em) {
  .u-zIndex-bottom\@m {
    z-index: -1 !important;
  }

  .u-zIndex-lowest\@m {
    z-index: 10 !important;
  }

  .u-zIndex-lower\@m {
    z-index: 50 !important;
  }

  .u-zIndex-low\@m {
    z-index: 100 !important;
  }

  .u-zIndex-medium\@m {
    z-index: 200 !important;
  }

  .u-zIndex-high\@m {
    z-index: 500 !important;
  }

  .u-zIndex-higher\@m {
    z-index: 1000 !important;
  }

  .u-zIndex-highest\@m {
    z-index: 5000 !important;
  }

  .u-zIndex-top\@m {
    z-index: 10000 !important;
  }
}

@media (min-width: 80em) {
  .u-zIndex-bottom\@l {
    z-index: -1 !important;
  }

  .u-zIndex-lowest\@l {
    z-index: 10 !important;
  }

  .u-zIndex-lower\@l {
    z-index: 50 !important;
  }

  .u-zIndex-low\@l {
    z-index: 100 !important;
  }

  .u-zIndex-medium\@l {
    z-index: 200 !important;
  }

  .u-zIndex-high\@l {
    z-index: 500 !important;
  }

  .u-zIndex-higher\@l {
    z-index: 1000 !important;
  }

  .u-zIndex-highest\@l {
    z-index: 5000 !important;
  }

  .u-zIndex-top\@l {
    z-index: 10000 !important;
  }
}