.modal-enter .modal-content{opacity:0;transform:translateY(-50px)}.modal-enter-active .modal-content{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.modal-exit-active .modal-content{opacity:0;transform:translateY(-50px);transition:opacity .3s,transform .3s}.modal-enter .modal-overlay{opacity:0}.modal-enter-active .modal-overlay{opacity:1;transition:opacity .3s}.modal-exit-active .modal-overlay{opacity:0;transition:opacity .3s}.drawer-right-enter .drawer-content{transform:translateX(100%)}.drawer-right-enter-active .drawer-content{transform:translateX(0);transition:transform .3s}.drawer-right-exit-active .drawer-content{transform:translateX(100%);transition:transform .3s}.drawer-right-enter .drawer-overlay{opacity:0}.drawer-right-enter-active .drawer-overlay{opacity:1;transition:opacity .3s}.drawer-right-exit-active .drawer-overlay{opacity:0;transition:opacity .3s}.drawer-left-enter .drawer-content{transform:translateX(-100%)}.drawer-left-enter-active .drawer-content{transform:translateX(0);transition:transform .3s}.drawer-left-exit-active .drawer-content{transform:translateX(-100%);transition:transform .3s}.drawer-left-enter .drawer-overlay{opacity:0}.drawer-left-enter-active .drawer-overlay{opacity:1;transition:opacity .3s}.drawer-left-exit-active .drawer-overlay{opacity:0;transition:opacity .3s}