.modal{display:none}.vanilla-modal .modal{overflow:hidden;overflow-y:auto;right:0;transition:opacity .2s,z-index 0s .2s;content:"";position:fixed;opacity:0;bottom:0;text-align:center;top:0;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.6);left:0;white-space:nowrap;display:block;z-index:-1}.vanilla-modal .modal>*{text-align:left;vertical-align:middle;white-space:normal;display:inline-block}.vanilla-modal .modal:before{height:100%;overflow:hidden;content:"";width:0;vertical-align:middle;display:inline-block}.vanilla-modal.modal-visible .modal{transition:opacity .2s;opacity:1;z-index:99}.modal-inner{overflow:hidden;transform:scale(0);overflow-y:auto;overflow-x:hidden;transition:opacity .2s,transform .2s,z-index 0s .2s;position:relative;max-width:90%;max-height:90%;opacity:0;background:#fff;z-index:-1}.modal-visible .modal-inner{transform:scale(1);transition:opacity .2s,transform .2s;opacity:1;z-index:100}[data-modal-close]{height:25px;font-size:13px;right:0;position:absolute;text-align:center;top:0;box-shadow:-1px 1px 2px rgba(0,0,0,.2);background:#fff;cursor:pointer;width:25px;line-height:25px;z-index:2}