.mtbl{height:60vh;margin-top:20px;display:inline-block;overflow:auto}.modal{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation-name:fadeIn;animation-duration:.15s;animation-timing-function:ease;height:100vh;width:100vw}.modal>.modal-content header{display:flex;justify-content:right;margin-bottom:20px}.modal>.modal-content{margin-top:10vh;width:80%;max-width:600px;max-height:80vh;border:1px solid #999;border-radius:8px;box-shadow:0 0 20px 0 rgba(0,0,0,.3);background-color:#fff;padding:20px;animation-name:zoomIn;animation-duration:.15s;animation-timing-function:ease}.modal.close{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.9)}}