/* Need to check with designer */
/* Need to check with designer */
:host {
  font-family: var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

/**
  @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 #ebeff3);
  border-radius: var(--fw-menu-border-radius);
  box-shadow: var(--fw-menu-box-shadow);
}