.notificationSlide-enter-active,.notificationSlide-leave-active{transition:transform .3s,opacity .3s}.notificationSlide-enter-from,.notificationSlide-leave-to{opacity:0;transform:translateY(-100%)}.notification__container{z-index:1000;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;top:1rem;left:0;right:0}.notification__container .notification{background-color:var(--tr-color-non-dynamic-black);cursor:pointer;pointer-events:all;border-radius:1rem;align-items:center;gap:1.5rem;max-width:40rem;margin-bottom:1rem;padding:1rem 2rem 1rem 1.5rem;display:inline-flex;box-shadow:0 68px 19px #0000,0 43px 17px #00000005,0 24px 15px #0000000d,0 11px 11px #0000001c,0 3px 6px #00000024,0 0 #00000024}.notification__container .notification__content{flex-direction:column;display:flex}.notification__container .notification__header{color:var(--tr-color-non-dynamic-white);letter-spacing:.0125rem;font-weight:680;line-height:1.5rem}.notification__container .notification__body{color:var(--tr-color-content-seconday);letter-spacing:.00625rem;font-size:.75rem;font-weight:580;line-height:1.125rem}.notification__container .notification__icon{border-radius:9999px;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:inline-flex}.notification__container .notification__icon.-success{background-color:#00db7f}.notification__container .notification__icon.-error{background-color:#ff4034}.notification__container .notification__icon .closeIcon{width:.625rem;fill:var(--tr-color-non-dynamic-black)}.notification__container .notification__icon .checkMark{width:.625rem;color:var(--tr-color-non-dynamic-black)}.appearanceDark .notification{background-color:var(--tr-color-non-dynamic-white)}.appearanceDark .notification__header{color:var(--tr-color-non-dynamic-black)}.appearanceDark .notification__icon .closeIcon{fill:var(--tr-color-non-dynamic-white)}.appearanceDark .notification__icon .checkMark{color:var(--tr-color-non-dynamic-white)}