.na-position-static {
  position: static;
}
.na-position-relative {
  position: relative;
}
.na-position-absolute {
  position: absolute;
}
.na-position-fixed {
  position: fixed;
}
.na-position-sticky {
  position: sticky;
}

.na-position-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.na-position-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.na-position-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.na-position-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.na-position-top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.na-position-top-center {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.na-position-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.na-position-center-left {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.na-position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.na-position-center-right {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.na-position-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}
.na-position-bottom-center {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.na-position-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.na-position-center-horizontal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.na-position-center-vertical {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.na-position-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}