/**
  @prop --fw-menu-min-width: Minimum width of the menu content.
  @prop --fw-menu-max-width: Maximum width of the menu content.
  @prop --fw-menu-min-height: Minimum height of the menu content.
  @prop --fw-menu-max-height: Maximum height of the menu content.
  @prop --fw-menu-border: Border of the menu content.
  @prop --fw-menu-border-radius: Border radius of the menu content.
  @prop --fw-menu-box-shadow: Box Shadow of the menu content.
*/

.menu {
  display: flex;
  flex-direction: column;
  min-width: var(--fw-menu-min-width);
  max-width: var(--fw-menu-max-width);
  min-height: var(--fw-menu-min-height, 10px);
  max-height: var(--fw-menu-max-height, 400px);
  border: var(--fw-menu-border, 1px solid $app-border-secondary);
  border-radius: var(--fw-menu-border-radius);
  box-shadow: var(--fw-menu-box-shadow);
}
