.modal,.modal-box{z-index:900}.modal-box{position:relative;width:50%;max-width:620px;margin:100px auto;animation-name:modalbox;animation-duration:.3s;animation-timing-function:ease-out}.modal,.modal-sandbox{position:fixed;width:100%;height:100%;left:0;top:0}.modal-sandbox{background:0 0}.modal{display:none;background:rgba(0,0,0,.8);overflow:auto}.modal-header{padding:20px 40px;background:#546e7a;color:#fff}.modal-body{background:#eceff1;padding:60px 40px}.close-modal{text-align:right;cursor:pointer}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.modal-trigger{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.2s}.modal-trigger:hover{padding:20px 60px}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.actions{border-top:1px solid #ccc;background:#78f89f;padding:.5rem 1rem;border:0;border-radius:5px;font-size:.8rem;line-height:1}