.modal.enter{opacity:0}.modal.enter-active{opacity:1;transition:opacity .3s ease-in-out}.modal.enter .modal-content{transform:translateY(200px)}.modal.enter-active .modal-content{transition:transform .3s ease-in-out;transform:translateY(0)}.modal.enter-done{opacity:1;pointer-events:auto;overflow:hidden auto}.modal.enter-done .modal-content{transform:translateY(0)}.modal.exit{opacity:0;transition:opacity .3s ease-in-out}.modal.exit .modal-content{transition:transform .3s ease-in-out;transform:translateY(-200px)}.modal.exit-active{opacity:0}.modal.exit-active .modal-content{transform:translateY(-200px)}