.my-popup{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;width:100vw;height:100vh;background-color:rgba(0,0,0,.592);display:none;overflow:hidden}.my-popup__wrapper{width:100%;height:100%;pointer-events:none}.my-popup__content{pointer-events:all;padding:50px 20px;z-index:100;position:absolute;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:6px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;width:80%;max-width:500px}.my-popup__close{width:20px;height:20px;position:absolute;top:15px;right:15px;cursor:pointer}.my-popup__close:after,.my-popup__close:before{content:"";width:100%;height:2px;background:#444;position:absolute;top:50%;margin-top:-1px}.my-popup__close:after,.my-popup__close:hover:before{background:#000}.my-popup__close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.my-popup__close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.my-popup__title{font-size:28px;line-height:1.1em;font-weight:700;text-align:center}.my-popup__subtitle{text-align:center;font-size:14px;line-height:1.1em;color:rgba(128,128,128,.652);margin-top:30px;margin-bottom:25px}.my-popup__form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:20px;width:100%}.my-popup__input{outline:0;border:1px solid rgba(128,128,128,.652);border-radius:8px;padding:10px;width:100%}.my-popup__btn{background-color:#000;color:#fff;outline:0;border:none;width:100%;font-size:16px;vertical-align:middle;text-align:center;padding:10px 20px;border-radius:8px;margin-top:10px}