.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center}.modal .modal-container{background-color:#fff;border:1px solid #fff;min-height:50vh;min-width:300px;width:70%;max-height:96%;max-width:96%;display:flex;flex-direction:column;box-shadow:8px 8px 8px 0 rgba(0,0,0,.3);resize:both;overflow:hidden}.modal .modal-header{background-color:#1665b6;color:#fff;margin:0;height:1.5rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;cursor:move}.modal .modal-header h2{display:inline-block;margin:0;margin-left:-.5rem;padding:.5rem;font-size:1.5rem;border:0;cursor:text}.modal .modal-content{padding:1rem;overflow:auto;flex-grow:1}.modal .inline .modal-content{padding:0}.modal .modal-footer:empty{display:none}.modal .modal-footer{background-color:#eee;margin:0;padding:1rem}.modal .close{font-size:1.5rem;height:2rem;width:2rem;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center}.modal .close:focus,.modal .close:hover{color:red}