#ui-tip-pop{
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  max-height: 100vh;
  padding-top: 8vh;
  overflow: scroll;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  &::-webkit-scrollbar{
    display: none;
  }
}
.ui-tip-popMain{
  animation: ui-tip-show alternate 400ms ;
  }

@keyframes ui-tip-show {
  0%{
    opacity: 0;
    transform: translateY(calc(-100% - 20px));
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}