@import "src/styles/variables.scss";

.menu {
  position: relative;
  cursor: pointer;
}

.popper {
  @include outer_shadow;

  box-sizing: border-box;
  z-index: 12;
  border-radius: $radius;
  visibility: hidden;
  pointer-events: none;
  touch-action: none;
  background-color: transparentize($content_bg, 0.05);

  &.visible {
    visibility: visible;
    pointer-events: all;
    touch-action: initial;
  }

  &.fixed {
    z-index: 100;
  }

  &.translucent {
    @include blur($content_bg, 15px, 0.5);
  }
}

.arrow {
  @include popper_arrow;
}