@keyframes toast-in {
    from { opacity: 0; transform: translateY(40px) scale(.95);}
    to   { opacity: 1; transform: none;}
  }
  @keyframes toast-out {
    from { opacity: 1; transform: none;}
    to   { opacity: 0; transform: translateY(40px) scale(.95);}
  }
  .animate-toast-in { animation: toast-in 0.4s cubic-bezier(.77,0,.18,1.01);}
  .animate-toast-out { animation: toast-out 0.4s cubic-bezier(.77,0,.18,1.01);}

  /* optional: hide the scrollbar for a cleaner look */
  .hide-scrollbar::-webkit-scrollbar { display: none; }
  .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.logo{
  height: 24px;
  position: relative;
  top: 2px;
}

.pfp-img{
  height: 35px;
  width: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor:pointer;
}