.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;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:ease;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;-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:ease;animation-timing-function:ease}.modal.close{display:none}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes zoomIn{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes zoomIn{0%{transform:scale(.9)}to{transform:scale(1)}}@-webkit-keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.9)}}