.modal{position:fixed;width:100%;height:100%;opacity:0;visibility:hidden;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:900}.modal-bg{position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%}.modal-container{border-radius:.2rem;background:#fff;position:relative;padding:1.5rem;width:100%;max-height:80%;overflow-y:auto}.modal-close{position:absolute;right:.8rem;top:.8rem;outline:none;appearance:none;color:#222;background:#fff;font-weight:bold;font-size:1.2rem;border:0}@media (min-width:1024px){.modal-container{width:auto;max-width:75%}}