.modal{position:fixed;width:100vw;height:100vh;opacity:0;visibility:hidden;transition:all .3s ease;top:0;left:0;display:flex;align-items:center;justify-content:center}.modal.open{visibility:visible;opacity:1;transition-delay:0s}.modal-bg{position:absolute;background:#000;opacity:.9;width:100%;height:100%}.modal-container{border-radius:4px;background:#fff;position:relative;padding:10px 20px;max-width:90%;min-width:45%;max-height:90%;min-height:60px;overflow-y:scroll}.modal-close{position:absolute;right:15px;top:15px;outline:0;appearance:none;color:red;background:0 0;border:0;font-weight:700;cursor:pointer}