.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;transition:opacity 0.2s,z-index 0s 0.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:99;opacity:1;transition:opacity 0.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 0.2s,transform 0.2s,z-index 0s 0.2s}.modal-visible .modal-inner{z-index:100;opacity:1;transform:scale(1);transition:opacity 0.2s,transform 0.2s}[data-modal-close]{font-family:sans-serif;font-weight:700;position:absolute;z-index:2;right:0;top:0;width:25px;height:25px;line-height:25px;font-size:13px;cursor:pointer;text-align:center}