.modal{position:fixed;z-index:99;top:50%;right:12px;left:12px;transform:translateY(-50%);opacity:0;visibility:hidden;transition:.2s ease}.modal._visible{opacity:1;visibility:visible}@media (min-width: 768px){.modal{right:auto;left:50%;transform:translate(-50%,-50%)}}.modal__wrapper{position:relative;overflow:hidden;border-radius:var(--border-radius-l);max-height:calc(100vh - var(--space-2xl));max-width:calc(100vw - var(--space-2xl));padding:var(--space-3xl) var(--space-xl);background-color:var(--white)}@media (min-width: 360px){.modal__wrapper{max-height:calc(100vh - 64px)}}@media (min-width: 600px){.modal__wrapper{padding:var(--space-3xl)}}@media (min-width: 768px){.modal__wrapper{max-width:calc(100vw - 72px);max-height:calc(100vh - 72px)}}@media (min-width: 1024px){.modal__wrapper{max-width:calc(100vw - 96px);max-height:calc(100vh - 144px);padding:var(--space-5xl)}}@media (min-width: 1200px){.modal__wrapper{max-height:calc(100vh - 192px)}}@media (min-width: 1440px){.modal__wrapper{max-width:calc(100vw - 324px)}}.modal__close-btn{position:absolute;top:16px;right:16px;width:20px;height:20px;color:var(--paygine-100)}.modal__close-btn:focus,.modal__close-btn:hover{color:var(--paygine-200)}.modal__close-btn:active{color:var(--paygine-100)}@media (min-width: 600px){.modal__close-btn{top:24px;right:24px}}