.modal{position:fixed;z-index:1003;width:100%;transform:translate(-50%);cursor:auto;max-height:calc(100vh - 5em);min-width:300px;left:50%;top:20%;background-color:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.modal-close_icon{margin-left:10px;position:absolute;top:0;right:15px}.my-modal{color:red!important;transition:all .3s ease}.my-modal-enter{opacity:0;transform:translateY(300px) translate(-50%);transition:all .3s ease}.my-modal-enter-active,.my-modal-exit{opacity:1;transform:translateY(0) translate(-50%);transition:all .3s ease}.my-modal-exit-active{opacity:0;transform:translateY(100px) translate(-50%);transition:all .3s ease}