.modal{display:block;position:fixed;z-index:5000;left:0;top:0;width:100%;height:100vh;overflow:auto;background:rgba(0,0,0,.2);display:flex;padding-top:15px;padding-bottom:15px}.modal__content{background-color:#fefefe;border-radius:20px;min-width:500px;overflow:scroll}.modal__content-open{animation:slideInBounce .6s ease forwards}.modal__content-close{animation:slideOutBounce .6s ease forwards}@keyframes slideInBounce{0%{transform:translateY(-100%)}70%{transform:translateY(10%)}90%{transform:translateY(-5%)}to{transform:translateY(0)}}@keyframes slideOutBounce{0%{transform:translateY(0)}30%{transform:translateY(-5%)}50%{transform:translateY(10%)}to{transform:translateY(-100%)}}@media screen and (max-width:600px){.modal__content{width:90%!important;min-width:95%;padding:20px 15px}}.modal__btn-close{display:flex;justify-content:end;width:100%}.modal__btn{background-color:rgba(0,0,0,0);outline:none;border:none}