:root{--modal-width:460px;--modal-banner-width:340px;--modal-padding:45px 50px 30px;--modal-background:rgba(31,32,34,.9)}.modal.bottom{justify-content:flex-end}.modal:not(.bottom){justify-content:center}.modal{align-items:center;display:flex;flex-direction:column;overflow:hidden;z-index:200}.modal .modal__close-btn{padding:var(--el-margin-sm);position:absolute;right:var(--el-margin-md);top:var(--el-margin-md);z-index:1;--icon-btn-height:22px}@media(max-width:567px){.modal .modal__close-btn{right:var(--el-margin-sm);top:var(--el-margin-sm)}}.modal .modal__container{align-items:center;background:var(--modal-background);border-radius:var(--el-border-radius);display:flex;max-height:calc(100% - var(--el-margin-md));max-width:var(--modal-width);overflow-x:hidden;padding:var(--modal-padding);position:relative;transition:max-height,max-width .2s;width:100%}@media(max-width:567px){.modal .modal__container{padding-left:var(--el-margin-sm);padding-right:var(--el-margin-sm);width:calc(100% - var(--el-margin-md))}}.modal .modal__banner{bottom:0;display:none;left:0;overflow:hidden;position:absolute;top:0;width:var(--modal-banner-width)}@media(min-width:992px){.modal .modal__banner{display:block}.modal .modal__container--with-banner{max-width:calc(var(--modal-width) + var(--modal-banner-width));padding-left:calc(var(--modal-banner-width) + 50px)}}.modal-transition-enter-active,.modal-transition-leave-active{transition:opacity .2s ease-in}.modal-transition-enter-active .modal__container,.modal-transition-leave-active .modal__container{transition:transform .2s}.modal-transition-enter,.modal-transition-leave-to{opacity:0}.modal-transition-enter .modal__container,.modal-transition-leave-to .modal__container{transform:scale(1.1)}