.popup{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.popup.is-active{display:flex}.popup__mask{background-color:hsla(0,0%,100%,.5);bottom:0;left:0;position:absolute;right:0;top:0}.popup__inner{background-color:#fff;border-radius:12px;-webkit-box-shadow:0 4px 30px rgba(0,0,0,.15);box-shadow:0 4px 30px rgba(0,0,0,.15);overflow:hidden;padding:30px;position:absolute;width:83.3333%}.popup-x-center .popup__inner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.popup-x-left .popup__inner{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.popup-x-right .popup__inner{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.popup-y-center .popup__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popup-y-center{padding:10px 0}.popup-x-center.popup-y-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.popup-y-top .popup__inner{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.popup-y-bottom .popup__inner{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.popup__close{background-color:transparent;border:none;color:inherit;cursor:pointer;display:block;line-height:1;opacity:.7;padding:8px;position:absolute;right:15px;top:17px}@media (min-width:992px){.popup__inner{padding:50px;width:500px}}