.modal-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1040}.modal-container{background:#fff;border-radius:8px;box-shadow:0 60px 40px -7px #0003;color:#000000b3;margin:100px 20px 0;max-height:80vh;max-width:60vw;min-width:40vw;opacity:1;overflow-y:auto;transform:translateY(0);transition:opacity .3s ease,transform .2s ease}.modal_header{background:#fff;padding:24px 24px 0;position:sticky;top:0;z-index:10}.modal_header h2{border-bottom:1px solid #ccc;font-size:24px;margin:unset;padding-bottom:6px;width:100%}.modal_header h2:first-letter{text-transform:capitalize}.modal_content{margin:12px 24px;text-align:start}.modal_content h3{font-size:18px;margin:unset}.modal_content textarea{border:1px solid hsla(0,0%,83%,.57);border-radius:5px;box-sizing:border-box;height:80px;margin-bottom:12px;padding:6px;resize:none;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.modal_content textarea:focus{border-color:var(--red);box-shadow:0 1px 5px #cd5c5c33;outline:none}.modal_content textarea::-moz-placeholder{color:#999}.modal_content textarea::placeholder{color:#999}.modal_content p{color:#555}.modal_footer{background:#fff;bottom:0;display:flex;justify-content:flex-end;padding:0 24px 24px;position:sticky;z-index:10}.modal_footer>div{border-top:1px solid #ccc;padding-top:12px;width:100%}.modal_footer button{float:right}.slide-enter-active,.slide-leave-active{transition:all .2s ease-in-out}.slide-enter-from,.slide-leave-to{opacity:0}.slide-enter-from .modal-container,.slide-leave-to .modal-container{transform:scale(.1)}@media (max-width:768px){.modal-container{font-size:1rem;margin:62px 12px 0;max-width:unset!important;min-width:unset!important}}@media (max-width:425px){.modal-container{height:100vh;max-height:unset!important;width:100vw}}