@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericMenu) */

.generic-menu-panel__y8D6y {
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  border: 1px solid var(--click-genericMenu-panel-color-stroke-default);
  border-radius: var(--click-genericMenu-panel-radii-all);
  background: var(--click-genericMenu-panel-color-background-default);
  outline: none;
  box-shadow: var(--click-genericMenu-panel-shadow-default);
  pointer-events: auto;
}

.generic-menu-panel_type_popover__DWcS4 {
  max-width: var(--radix-popover-content-available-width);
  max-height: var(--radix-popover-content-available-height);
}

.generic-menu-panel_type_dropdown-menu__ezKZT {
  max-width: var(--radix-dropdown-menu-content-available-width);
  max-height: var(--radix-dropdown-menu-content-available-height);
  /* Kept in this file (not Dropdown.module.css) so it can't lose to `overflow: hidden` above due to cross-file import order. */
  overflow-y: auto;
}

.generic-menu-panel_type_context-menu__nu-Kt {
  max-width: var(--radix-context-menu-content-available-width);
  max-height: var(--radix-context-menu-content-available-height);
}

.generic-menu-panel_show-arrow__hHyfA[data-side='bottom'] {
  margin-top: -1px;
}

.generic-menu-panel_show-arrow__hHyfA[data-side='top'] {
  margin-bottom: 1px;
}

.generic-menu-panel_show-arrow__hHyfA[data-side='left'] {
  margin-right: -1px;
}

.generic-menu-panel_show-arrow__hHyfA[data-side='right'] {
  margin-left: -1px;
}

.generic-popover-menu-panel__TbbW1 {
  display: flex;
  z-index: 1;
  padding: var(--click-popover-space-y) var(--click-popover-space-x);
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--click-popover-color-panel-stroke-default);
  border-radius: var(--click-popover-radii-all);
  background: var(--click-popover-color-panel-background-default);
  outline: none;
  box-shadow: var(--click-popover-shadow-default);
}

.generic-popover-menu-panel_type_popover__eALQC {
  max-width: var(--radix-popover-content-available-width);
  max-height: var(--radix-popover-content-available-height);
}

.generic-popover-menu-panel_type_hover-card__t0Wzp {
  max-width: var(--radix-hover-card-content-available-width);
  max-height: var(--radix-hover-card-content-available-height);
}

.generic-popover-menu-panel_show-arrow__dDH0c {
  margin: -1px 0;
}

.arrow__MVfZZ {
  fill: var(--click-genericMenu-panel-color-background-default);
  filter: drop-shadow(rgb(0 0 0 / 10%) 0 4px 6px);
  stroke: var(--click-genericMenu-panel-color-stroke-default);
}

.generic-menu-item__ApV25 {
  display: flex;
  position: relative;
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same
   width fallback chain (100% → -moz-available → -webkit-fill-available →
   fill-available → stretch) so the item fills the available inline space. */
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  padding: var(--click-genericMenu-item-space-y) var(--click-genericMenu-item-space-x);
  overflow: hidden;
  justify-content: flex-start;
  align-items: center;
  gap: var(--click-genericMenu-item-space-gap);
  background: var(--gmi-background-default);
  color: var(--gmi-text-default);
  font: var(--click-genericMenu-item-typography-label-default);
  text-decoration: none;
  white-space: nowrap;
  cursor: default;
  text-overflow: ellipsis;
}

.generic-menu-item_type_default__hWnNu {
  --gmi-text-default: var(--click-genericMenu-item-color-default-text-default);
  --gmi-text-hover: var(--click-genericMenu-item-color-default-text-hover);
  --gmi-text-active: var(--click-genericMenu-item-color-default-text-active);
  --gmi-text-disabled: var(--click-genericMenu-item-color-default-text-disabled);
  --gmi-background-default: var(--click-genericMenu-item-color-default-background-default);
  --gmi-background-hover: var(--click-genericMenu-item-color-default-background-hover);
  --gmi-background-active: var(--click-genericMenu-item-color-default-background-active);
}

.generic-menu-item_type_danger__sqWb0 {
  --gmi-text-default: var(--click-genericMenu-item-color-danger-text-default);
  --gmi-text-hover: var(--click-genericMenu-item-color-danger-text-hover);
  --gmi-text-active: var(--click-genericMenu-item-color-danger-text-active);
  --gmi-text-disabled: var(--click-genericMenu-item-color-danger-text-disabled);
  --gmi-background-default: var(--click-genericMenu-item-color-danger-background-default);
  --gmi-background-hover: var(--click-genericMenu-item-color-danger-background-hover);
  --gmi-background-active: var(--click-genericMenu-item-color-danger-background-active);
}

.generic-menu-item__ApV25:focus {
  outline: none;
}

.generic-menu-item__ApV25[data-highlighted] {
  background: var(--gmi-background-hover);
  color: var(--gmi-text-hover);
  font: var(--click-genericMenu-item-typography-label-hover);
  cursor: pointer;
}

[data-input-modality='keyboard'] .generic-menu-item__ApV25[data-highlighted] {
  outline: 2px solid var(--click-global-color-accent-default);
  outline-offset: -2px;
}

.generic-menu-item__ApV25[data-state='open'] {
  background: var(--gmi-background-hover);
  color: var(--gmi-text-hover);
  font: var(--click-genericMenu-item-typography-label-hover);
  cursor: pointer;
}

.generic-menu-item__ApV25[data-state='checked'],
.generic-menu-item__ApV25[data-selected='true'] {
  background: var(--gmi-background-active);
  color: var(--gmi-text-active);
  font: var(--click-genericMenu-item-typography-label-active);
}

.generic-menu-item__ApV25:visited {
  color: var(--gmi-text-default);
}

.generic-menu-item__ApV25:visited a {
  color: var(--gmi-text-default);
}

.generic-menu-item__ApV25[data-disabled] {
  color: var(--gmi-text-disabled);
  font: var(--click-genericMenu-item-typography-label-disabled);
  pointer-events: none;
}

.generic-menu-item__ApV25:hover .dropdown-arrow__e2s6p,
.generic-menu-item__ApV25[data-state='open'] .dropdown-arrow__e2s6p {
  left: 0.5rem;
}

.generic-menu-item__ApV25[hidden] {
  display: none;
}
}