aside.popup {
  display: block;
  position: fixed;
  width: 90%;
  z-index: 94;
  opacity: .95;
  transition: transform .5s ease;
}

aside.popup.v-center {
  top: 50%;
  transform: translateY(-50%);
}
aside.popup.v-end {
 bottom: 5%;
}

aside.popup,
aside.popup.left {
  left: 0;
}
aside.popup:not(.show),
aside.popup.left:not(.show) {
  transform: translateX(-100vw);
}

aside.popup.right {
  right: 0;
  left: auto;
}
aside.popup.right:not(.show) {
  transform: translateX(100vw);
}

aside.popup.center {
  right: 0;
  left: 0;
  margin: auto;
}
aside.popup.center:not(.show) {
  transform: translateY(-100vh);
}

aside.popup.show .slide-in-content {
  transform: translateX(0);
}

aside.popup .popup-inner {
  border: 1px solid transparent;
}

@media(min-width:768px) {
  aside.popup {
    width: 80vw;
  }
}