.mobile-popup-selection {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s,opacity .3s linear;
  -o-transition: visibility 0s,opacity .3s linear;
  -moz-transition: visibility 0s,opacity .3s linear;
  transition: visibility 0s,opacity .3s linear
}
.mobile-popup-selection--auto-height .mps__container {
  height: auto
}
.mobile-popup-selection.active {
  visibility: visible;
  opacity: 1
}
.mobile-popup-selection.active .mobile-popup-selection__container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}
@media (min-width:576px) {
  .mobile-popup-selection.active {
    opacity: 0;
    visibility: hidden
  }
}
.mobile-popup-selection__bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .7;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
.mobile-popup-selection__container {
  width: 100%;
  min-height: 75vh;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  border-top-left-radius: 25px;
  -webkit-border-top-right-radius: 25px;
  -moz-border-radius-topright: 25px;
  border-top-right-radius: 25px;
  -webkit-box-shadow: 0 -2px 20px 0 rgba(0,0,0,.5);
  -moz-box-shadow: 0 -2px 20px 0 rgba(0,0,0,.5);
  box-shadow: 0 -2px 20px 0 rgba(0,0,0,.5);
  overflow: hidden;
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}
.mobile-popup-selection__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff
}
.mobile-popup-selection__content {
  height: 100%;
  position: relative;
  background-color: #f9f9f6
}
.mobile-popup-selection__close {
  font-size: 20px;
  position: absolute;
  top: 30px;
  left: 17px;
  z-index: 10;
  color: #804ec7
}
/*# sourceMappingURL=maps/mobile-popup-selection.css.map */