.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{width:80vw;max-height:80vh;overflow-y:scroll;margin:0 auto;padding:10px 10px;background-color:hsla(0,0%,100%,.96);border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;font-family:Helvetica,Arial,sans-serif;border-radius:.25rem}.modal-header{padding:0 0 0 0;font-weight:700;font-size:1.2rem;font-family:Roboto Mono,monospace}.modal-body{margin:0 0}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{transform:scale(1.1)}