@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes popoverSlide {
  0% {
    top: -20%;
    right: 0;
  }
  5% {
    top: 2.1%;
    right: 0;
  }
  7% {
    top: 1%;
    right: 0;
  }
  9% {
    top: 1.9%;
    right: 0;
  }
  10% {
    top: 2%;
    right: 0;
  }
  90% {
    top: 2%;
    right: 0;
  }
  100% {
    top: 2%;
    right: -1000%;
  }
}

@keyframes attachment {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}

@keyframes attachmentClose {
  0% {
    display: initial;
    bottom: 0;
  }
  100% {
    bottom: -100%;
  }
}
@keyframes backdropShow {
  0% {
    backdrop-filter: blur(0);
  }
  100% {
    backdrop-filter: blur(5px);
    
  }
}
@keyframes panelSlideIn {
  0% {
    left: -70%;
  }
  100% {
    left: 0;
  }
}

@keyframes panelSlideOut {
  0% {
    display: initial;
    left: 0;
  }
  100% {
    left: -70%;
  }
}