.posi-absolute{
  position: absolute;
  left: 0;
  right: 0;
  //top: var(--window-top);
  top:0;
  bottom: 0;
}

.posi-absolute-top{
  bottom: auto;
}
.posi-absolute-left{
  right: auto;
}
.posi-absolute-right{
  left: auto;
}
.posi-absolute-bottom{
  top: auto;
}

.posi-relative{
  position: relative;
}
.posi-absolute-center{
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.posi-fixed{
  position: fixed;
  left: 0;
  right: 0;
  top: var(--window-top);
  bottom: 0;
}
.posi-fixed-top{
  bottom: auto;
}
.posi-fixed-left{
  right: auto;
}
.posi-fixed-right{
  left: auto;
}
.posi-fixed-bottom{
  top: auto;
}