#ui-notification-pop{
  position: fixed;
  top: 0;
  right: 20px;
  z-index: 100;
  padding-top: 10vh;
  height: 100vh;
  overflow: scroll;
  display: flex;
  flex-direction: column;
  gap: 10px;
  &::-webkit-scrollbar{
    display: none;
  }
}

.ui-notification-popMain{
  border: 1px solid rgba(0,0,0,.1);
  animation: ui-notification-show alternate 400ms ;
}
@keyframes ui-notification-show {
  0%{
    opacity: 0;
    transform: translateX(calc(100% + 20px));
  }
  100%{
    opacity: 1;
    transform: translateX(0);
  }
}