.uiNotificationSide{display:flex;align-items:center;justify-content:center;width:384px;padding:10px 0;position:fixed;z-index:9999;top:30%;right:0;border-radius:20px 0 0 20px;background-color:#f0fdf4}.notification{display:flex;align-items:center;gap:10px}.notification img{width:35px;height:35px}.notification p{font-weight:500;font-size:16px;line-height:120%;color:#1e1b39}body[data-city-workspace=true] .notification p{color:#101526}.notificationText{display:flex;align-items:center;flex-direction:column}.success{background-color:#f0fdf4}.error{background-color:#fef3f2}.transition{display:flex;flex-direction:column;gap:10px}.fade-enter-active,.fade-leave-active{transition:all .4s ease}.fade-enter-from{transform:translate(100%);opacity:0}.fade-enter-to,.fade-leave-from{transform:translate(0);opacity:1}.fade-leave-to{transform:translate(100%);opacity:0}@media(max-width:768px){.notification-container{top:50px;left:0;bottom:auto;width:100%;justify-content:center;align-items:center}.transition{display:flex;justify-content:center;align-items:center;width:100%}.notification{white-space:nowrap;position:fixed}.fade-enter-from,.fade-leave-to{transform:translateY(-100%);opacity:0}.fade-enter-to,.fade-leave-from{opacity:1;transform:translateY(0)}}