.modal-wrapper{background:rgba(0,0,0,.5);justify-content:center;left:0;top:0;transition-duration:.25s;transition-property:opacity,height,z-index;width:100%}.modal-content,.modal-wrapper{display:flex;position:absolute}.modal-content{background:#f1fafa;border-radius:10px;flex-direction:column;max-height:70%;max-width:600px;min-height:30%;padding:2%;text-align:center;top:7%;width:90%}.modal-content.dark{background:#78868f}.modal-head{border-bottom:1px solid #000;padding-bottom:1%}.modal-body{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;overflow:auto;padding:.5em}.modal-body-divider{font-weight:700}.modal-btn{margin:.5em 0;padding:.5em 0;width:40%}.modal-title{margin:0}.modal-wrapper.expand{height:100%;opacity:1;z-index:1000}.modal-wrapper.collapse{height:0;opacity:0;z-index:-1}.modal-footer{flex:0 1 auto}.modal-div{display:inline-block;margin:.25em 0;padding:.25em 0;width:85%}