.u-position-static {
  position: static !important;
}

.u-position-relative {
  position: relative !important;
}

.u-position-absolute {
  position: absolute !important;
}

.u-position-fixed {
  position: fixed !important;
}

.u-stickLeft-f {
  left: auto !important;
}

.u-stickLeft {
  left: 0 !important;
}

.u-stickRight-f {
  right: auto !important;
}

.u-stickRight {
  right: 0 !important;
}

.u-stickBottom-f {
  bottom: auto !important;
}

.u-stickBottom {
  bottom: 0 !important;
}

.u-stickTop-f {
  top: auto !important;
}

.u-stickTop {
  top: 0 !important;
}

.u-posCenter {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* TODO think about that


.u-posMiddle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.u-posStretch {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
*/

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

  .u-position-relative\@xs {
    position: relative !important;
  }

  .u-position-absolute\@xs {
    position: absolute !important;
  }

  .u-position-fixed\@xs {
    position: fixed !important;
  }

  .u-stickLeft-f\@xs {
    left: auto !important;
  }

  .u-stickLeft\@xs {
    left: 0 !important;
  }

  .u-stickRight-f\@xs {
    right: auto !important;
  }

  .u-stickRight\@xs {
    right: 0 !important;
  }

  .u-stickBottom-f\@xs {
    bottom: auto !important;
  }

  .u-stickBottom\@xs {
    bottom: 0 !important;
  }

  .u-stickTop-f\@xs {
    top: auto !important;
  }

  .u-stickTop\@xs {
    top: 0 !important;
  }
}

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

  .u-position-relative\@s {
    position: relative !important;
  }

  .u-position-absolute\@s {
    position: absolute !important;
  }

  .u-position-fixed\@s {
    position: fixed !important;
  }

  .u-stickLeft-f\@s {
    left: auto !important;
  }

  .u-stickLeft\@s {
    left: 0 !important;
  }

  .u-stickRight-f\@s {
    right: auto !important;
  }

  .u-stickRight\@s {
    right: 0 !important;
  }

  .u-stickBottom-f\@s {
    bottom: auto !important;
  }

  .u-stickBottom\@s {
    bottom: 0 !important;
  }

  .u-stickTop-f\@s {
    top: auto !important;
  }

  .u-stickTop\@s {
    top: 0 !important;
  }
}

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

  .u-position-relative\@m {
    position: relative !important;
  }

  .u-position-absolute\@m {
    position: absolute !important;
  }

  .u-position-fixed\@m {
    position: fixed !important;
  }

  .u-stickLeft-f\@m {
    left: auto !important;
  }

  .u-stickLeft\@m {
    left: 0 !important;
  }

  .u-stickRight-f\@m {
    right: auto !important;
  }

  .u-stickRight\@m {
    right: 0 !important;
  }

  .u-stickBottom-f\@m {
    bottom: auto !important;
  }

  .u-stickBottom\@m {
    bottom: 0 !important;
  }

  .u-stickTop-f\@m {
    top: auto !important;
  }

  .u-stickTop\@m {
    top: 0 !important;
  }
}

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

  .u-position-relative\@l {
    position: relative !important;
  }

  .u-position-absolute\@l {
    position: absolute !important;
  }

  .u-position-fixed\@l {
    position: fixed !important;
  }

  .u-stickLeft-f\@l {
    left: auto !important;
  }

  .u-stickLeft\@l {
    left: 0 !important;
  }

  .u-stickRight-f\@l {
    right: auto !important;
  }

  .u-stickRight\@l {
    right: 0 !important;
  }

  .u-stickBottom-f\@l {
    bottom: auto !important;
  }

  .u-stickBottom\@l {
    bottom: 0 !important;
  }

  .u-stickTop-f\@l {
    top: auto !important;
  }

  .u-stickTop\@l {
    top: 0 !important;
  }
}