:host {
  display: block;
  max-inline-size: fit-content;
  white-space: normal;
}

gux-icon {
  color: var(--gse-ui-button-ghost-default-foregroundColor);
}

button {
  block-size: var(--gse-ui-button-default-height);
  padding: var(--gse-ui-button-default-paddingIconOnly);
  border-radius: var(--gse-ui-button-borderRadius);
}

button.gux-compact {
  min-inline-size: var(--gse-ui-contextMenu-button-compact);
  block-size: var(--gse-ui-button-compact-height);
  padding: var(--gse-ui-button-compact-paddingIconOnly);
}

button:hover:enabled {
  background-color: var(--gse-ui-button-ghost-hover-backgroundColor);
}
button:hover:enabled gux-icon {
  color: var(--gse-ui-button-ghost-hover-foregroundColor);
}

button:active:enabled {
  background-color: var(--gse-ui-button-ghost-active-backgroundColor);
}
button:active:enabled gux-icon {
  color: var(--gse-ui-button-ghost-active-foregroundColor);
}

button[disabled] {
  opacity: var(--gse-ui-button-disabled-opacity);
}

.gux-list-container {
  inline-size: var(--gse-ui-contextMenu-menu-width);
  max-block-size: var(--gse-ui-contextMenu-menu-maxHeight);
  margin: 0;
  overflow-y: auto;
  background: var(--gse-ui-menu-backgroundColor);
  border-color: var(--gse-ui-menu-border-color);
  border-style: var(--gse-ui-menu-border-style);
  border-width: var(--gse-ui-menu-border-width);
  border-radius: var(--gse-ui-menu-borderRadius);
  box-shadow: var(--gse-ui-menu-boxShadow);
}