.Popover {
  animation: scaleIn $duration-zoom ease-out;
  background: var(--dialog-bg);
  border-radius: $card-corner;
  border: 0.5px solid rgba(0, 0, 0, 0.18);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
  outline: none;
  padding: $unit;
  transform-origin: var(--radix-popover-content-transform-origin);
  width: var(--radix-popover-trigger-width);
  min-width: 440px;
  z-index: 5;

  @include breakpoint(phone) {
    min-width: auto;
  }

  &.Flush {
    padding: 0;
  }

  .Arrow {
    fill: var(--dialog-bg);
    filter: drop-shadow(0px 1px 1px rgb(0 0 0 / 0.18));
    margin-top: -1px;
  }
}

[data-radix-popper-content-wrapper] {
}