.modal{display:block!important;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:transparent;opacity:0;pointer-events:none;transition:opacity .35s ease,background-color .35s ease}.modal .modal-content{background:#fff;max-width:500px;width:90%;padding:30px;border-radius:10px;margin:80px auto;position:relative;transform:translateY(40px);transition:transform .35s ease}.modal.visible{opacity:1;background-color:rgba(0,0,0,.6);pointer-events:auto}.modal.visible .modal-content{transform:translateY(0)}