#modalContainer{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;z-index:2000000;opacity:0;transition:opacity .3s ease}#modalContainer.show{display:flex;opacity:1;animation:scaleIn .3s forwards}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}#modal{width:32%;padding:20px;border-radius:10px;box-shadow:-1px -1px 36px -8px rgba(0,0,0,.75);background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000000}.icon-button{background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}@media (max-width:700px){#modal{width:75%}}