.popover-menu {
  top: 100%;
  outline: none;
  visibility: hidden;
  pointer-events: none;

  &:popover-open {
    visibility: visible;
    transform: scale(1);
    animation: fadeIn 0.15s ease-out;
    pointer-events: auto;
  }

  &:not(:popover-open) {
    animation: fadeOut 0.15s ease-in;
  }
}

.popover-options{
  display: flex;
  flex-direction: var(--flex-direction-col);
  max-height: calc(0.4*100vh);
  overflow-y: auto;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.98);
  }
}

.popover-menu__item a {
  text-decoration: none;
}

.popover-menu__item a:hover,
.popover-menu__item a:focus {
  background-color: var(--primary-100);
  outline: none;
}

.popover-menu__item-key {
  margin-left: auto;
}