.popup__mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.popup__wrapper{display:table-cell;vertical-align:middle}.popup__container{width:900px;max-width:100vw;margin:0 auto;background-color:#fff;border-radius:2px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.33);box-shadow:0 2px 8px rgba(0,0,0,.33);-webkit-transition:all .3s ease;transition:all .3s ease}.popup__header{padding:8px 20px;border-bottom:1px solid rgba(0,0,0,.1);position:relative}.popup__header .popup__close-btn{font-size:2rem;position:absolute;right:15px;top:.2em;color:inherit;text-decoration:none;cursor:pointer}.popup__header p{font-size:1.8rem;margin:0}.popup__body{margin:20px 0;padding:20px 20px}.popup__footer{padding:12px 20px;border-top:1px solid rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.popup__default-button{float:right}.popup-enter,.popup-leave-active{opacity:0}.popup-enter .popup__container,.popup-leave-active .popup__container{-webkit-transform:scale(1.1);transform:scale(1.1)}