.modal{background:#fff;display:block;height:100vh;left:-102vw;overflow:scroll;position:fixed;top:0;transition:all .3s ease-in;width:100vw;z-index:1000}.modal--active{left:0}.modal__wrapper{margin:0 auto;max-width:422px;padding:32px}.modal__close{aspect-ratio:1;position:absolute;right:8px;top:8px;width:16px}.modal__close:hover{opacity:.7}.modal__title{font-family:Roboto;font-size:19px;font-style:normal;font-weight:700;line-height:140%;margin-bottom:13px;text-align:center}@media only screen and (min-width:390px){.modal__title{font-size:24px}}@media only screen and (min-width:600px){.modal__title{font-size:26px}.modal__close{right:16px;top:16px}}@media only screen and (min-width:1024px){.modal__wrapper{max-width:600px;padding:52px 0}.modal__title{text-align:left}}@media only screen and (min-width:1200px){.modal__close{right:32px;top:32px;width:22px}}