@charset "UTF-8";#modal{margin:auto;width:50%;height:50vh;background:#fff;color:#111;box-shadow:0 0 45px #0003;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:14px;display:none;overflow:hidden;position:fixed;top:0;bottom:0;left:0;right:0;z-index:101}#modal-title{width:100%;background:#eee;display:grid;grid-template-columns:1fr auto;position:absolute;top:0}#modal-title h1{padding:10px 15px;font-size:1.2em;font-weight:400}#modal-title span{padding:8px 15px;font-size:2em;text-align:center;cursor:pointer;display:block;transition:.3s all}#modal-title span:hover{background:#e74c3c;color:#fff}#modal-title i{position:relative;top:0}#modal-body{margin-top:44px;padding:15px;font-size:1em;line-height:1.4em;overflow:hidden}#modal-body p{line-height:inherit}#modal-body button{width:100%;margin-top:15px;display:block}@media screen and (max-width: 640px){#modal{width:100%!important;height:100vh!important}#modal-body .grid{grid-template-columns:1fr}}