.bg-shaded {
  background-color: rgba(45, 45, 45, .4)
}

.animate-none.closed {
  top: 100%
}

.animate-none {
  top: 0;
  left: 0
}

.animate-from-bottom.closed {
  top: 100%;
  transition: all .3s
}

.animate-from-bottom {
  left: 0;
  top: 0;
  transition: all .3s
}

.animate-from-top.closed {
  bottom: 100%;
  transition: all .3s
}

.animate-from-top {
  left: 0;
  bottom: 0;
  transition: all .3s
}

.animate-from-right.closed {
  left: 100%;
  transition: left .3s
}

.animate-from-right {
  left: 0;
  top: 0;
  transition: all .3s
}

.animate-from-left.closed {
  right: 100%;
  transition: all .3s
}

.animate-from-left {
  right: 0;
  top: 0;
  transition: all .3s
}

.animate-fade-in.closed {
  bottom: 100%;
  opacity: 0
}

.animate-fade-in {
  left: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity .3s
}

.z-999 {
  z-index: 999
}

.overlay-sizing {
  overflow-y:scroll;
  min-width:25vw;
  max-width:90vw;
  min-height:25vh;
  max-height:90vh
}
@media (min-width:1026px) {
  .overlay-sizing {
    min-width:25vh;
    max-width:45vh;
    min-height:25vh;
    max-height:90vh
  }
}