.modal{height:0;opacity:0;transition:opacity .3s ease}.modal--visible{display:block;height:auto;opacity:1}.modal__mask{background-color:#00000080;display:table;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal__wrapper{display:table-cell;vertical-align:middle}@media (max-width: 640px){.modal__wrapper{padding:16px}}.modal__container{border-radius:16px;margin:0 auto;padding:0;transition:all .3s ease}.modal__body{box-sizing:unset;height:100%;position:relative}.modal__close{bottom:auto;position:absolute;width:100%}.modal__close button{align-items:center;background-color:transparent;color:#fff;display:flex;gap:10px;margin:auto}.modal__close button label{cursor:pointer;font-size:20px}