@layer animations {
  .popover:not([hidden]) {
    animation: popover-depth-in var(--popover-animation-duration)
               cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  }

  @keyframes popover-depth-in {
    from {
      opacity: 0;
      transform: translateY(-50%) scale(0.94);
      filter: blur(3px);
    }
    to {
      opacity: 1;
      transform: translateY(-50%) scale(1);
      filter: blur(0px);
    }
  }
}