.modal{z-index:9997;pointer-events:auto;background-color:#eee;border:1px solid #ccc;flex-direction:column;width:700px;max-width:calc(100% - 50px);height:600px;max-height:calc(100% - 50px);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px 3px #ccc}.App-M .modal{max-width:calc(100% - 50px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100% - 50px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-animated{animation:.2s ease-in-out modalOpen}.modal-warn{animation:.4s step-end modalWarn}@keyframes modalWarn{0%{outline:3px dashed #bf1c1c}to{outline:none}}@keyframes modalOpen{0%{transform:translate(-50%,-50%)scale(.2)}to{transform:translate(-50%,-50%)scale(1)}}.modal-body{overflow-wrap:anywhere;flex:1;padding:20px;overflow-y:scroll}.modal-header{text-align:center;border-bottom:1px solid #ccc;padding:5px}.modal-header h1{overflow-wrap:anywhere;margin:0;font-size:32px;font-weight:400}.modal-footer{border-top:1px solid #ccc;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:10px;display:flex}.modal-footer>button{margin:0 auto}.modal-open{pointer-events:none;overflow:hidden}