.modal-links{display:inline-block;background:#fff;padding:40px;box-shadow:0 2px 0 rgba(0,0,0,.1)}.modal-links ul{padding:0;margin:0;list-style:none}.modal-links li{background:#dfdfdf}.modal-links a{display:block;background:#fff;padding:20px 30px;color:#777;text-transform:uppercase;text-decoration:none;font-size:12px;transition:.2s}.modal-links a:hover{transform:translate(-2px,-2px)}.modal{display:none}.vanilla-modal .modal{display:block;position:fixed;content:"";top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:-1;opacity:0;font-size:1em;transition:opacity .2s,z-index 0s .2s;text-align:center;overflow:hidden;overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.vanilla-modal .modal>*{display:inline-block;white-space:normal;vertical-align:middle;text-align:left}.vanilla-modal .modal:before{display:inline-block;overflow:hidden;width:0;height:100%;vertical-align:middle;content:""}.vanilla-modal.modal-visible .modal{z-index:10000;opacity:1;transition:opacity .2s}.modal-inner{position:relative;overflow:hidden;max-width:90%;max-height:90%;overflow-x:hidden;overflow-y:auto;background:#fff;z-index:-1;opacity:0;transform:scale(0);transition:opacity .2s,transform .2s,z-index 0s .2s}.modal-visible .modal-inner{z-index:100;opacity:1;transform:scale(1);transition:opacity .2s,transform .2s}a[rel="modal:close"]{position:absolute;z-index:2;right:0;top:0;width:25px;height:25px;line-height:25px;font-size:13px;cursor:pointer;text-align:center;background:#fff;box-shadow:-1px 1px 2px rgba(0,0,0,.2)}