.modal{position:fixed;top:50%;left:50%;z-index:9999999;background-color:#fff;border-radius:10px;transform:translate(-50%,-50%);width:480px;max-height:100vh;min-height:180px;padding-bottom:20px;overflow:hidden}@media screen and (max-width:576px){.modal{width:90%;left:50%}}.modal__header{padding:16px 24px 0;display:flex;justify-content:space-between;align-items:center}.modal__header-title{color:rgba(35,37,66,.88);font-weight:600;font-size:20px;line-height:1.5}.modal__header-close{cursor:pointer}.modal__content{padding:0 24px;overflow-y:auto;max-height:calc(100vh - 80px)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999998}