.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity .3s ease-in-out;width:100%}.modal-overlay--active{z-index:100000;background-color:rgba(0,0,0,.98);width:100vw;height:100%;min-height:calc(100% - 3.5rem)}.modal-wrapper{box-shadow:0 2px 8px rgba(0,0,0,.33);padding:15px;transition:all .3s ease;max-height:80%;max-width:500px;width:85%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid #000;border-radius:0!important;background-color:#000!important}