/* stylelint-disable scss/at-import-no-partial-leading-underscore */
/* stylelint-disable-next-line number-max-precision */
.context-actions-listener {
  display: none;
}

.context-menu-root {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1060;
}
.context-menu-root.active {
  pointer-events: all;
}

.context-menu-container {
  pointer-events: auto;
  position: fixed;
  background-color: var(--dh-color-popover-bg);
  color: var(--dh-color-text);
  z-index: initial;
  min-width: 10rem;
  max-width: 30rem;
  text-align: left;
  border-radius: 4px;
  background-clip: border-box;
  box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
  max-height: 100vh;
  overflow-y: auto;
}
.context-menu-container.has-overflow {
  overflow-y: scroll;
}
.context-menu-container hr {
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--dh-color-gray-400);
}
.context-menu-container .custom-menu-item {
  width: 100%;
  color: var(--dh-color-text);
  white-space: nowrap;
  text-decoration: none;
  background-color: transparent;
  text-align: left;
}
.context-menu-container .btn-context-menu {
  border: none;
  width: 100%;
  padding: 4px 8px;
  color: var(--dh-color-text);
  text-decoration: none;
  background-color: transparent;
  text-align: left;
  cursor: pointer;
  user-select: none;
}
.context-menu-container .btn-context-menu .btn-context-menu-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.context-menu-container .btn-context-menu .icon {
  margin-right: 0.5rem;
  width: 1rem;
  flex-grow: 0;
  text-align: center;
}
.context-menu-container .btn-context-menu .icon.outline {
  stroke: var(--dh-color-popover-bg);
  stroke-width: 60;
}
.context-menu-container .btn-context-menu .title {
  flex: 1 1 auto;
  text-align: left;
  white-space: nowrap;
}
.context-menu-container .btn-context-menu .shortcut {
  color: var(--dh-color-gray-600);
  margin-left: 0.5rem;
  justify-self: flex-end;
  flex: 1 1 auto;
  text-align: right;
  white-space: nowrap;
}
.context-menu-container .btn-context-menu .submenu-indicator {
  color: var(--dh-color-text);
  flex-grow: 0;
  justify-self: flex-end;
}
.context-menu-container .btn-context-menu .submenu-indicator.disabled {
  color: var(--dh-color-text-disabled);
}
.context-menu-container .btn-context-menu.menu-title {
  user-select: none;
  cursor: default;
  background: var(--dh-color-content-bg, #2d2a2e);
}
.context-menu-container .btn-context-menu.keyboard-active {
  background-color: var(--dh-color-keyboard-selected-bg);
}
.context-menu-container .btn-context-menu:focus,
.context-menu-container .btn-context-menu.active {
  background-color: var(--dh-color-item-list-hover-bg);
}
.context-menu-container .btn-context-menu:focus {
  outline: none;
}
.context-menu-container .btn-context-menu.active,
.context-menu-container .btn-context-menu.keyboard-active,
.context-menu-container .btn-context-menu:focus:not(.disabled) {
  color: var(--dh-color-item-list-selected-fg);
}
.context-menu-container .btn-context-menu.active .shortcut,
.context-menu-container .btn-context-menu.keyboard-active .shortcut,
.context-menu-container .btn-context-menu:focus:not(.disabled) .shortcut {
  color: var(--dh-color-gray-700);
}
.context-menu-container .btn-context-menu.disabled {
  color: var(--dh-color-text-disabled);
  background-color: var(--dh-color-popover-bg);
}
.context-menu-container .context-menu-item:last-child > .btn-context-menu {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.context-menu-container .context-menu-item:first-child > .btn-context-menu {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.context-menu-container .context-menu-group-header {
  margin: 0.5rem 0.75rem 0.25rem 0.75rem;
  color: var(--dh-color-gray-700);
  white-space: nowrap;
  text-decoration: none;
  background-color: transparent;
  text-align: left;
  cursor: default;
  user-select: none;
  font-weight: 500;
  border-bottom: 1px solid var(--dh-color-hr);
}
.context-menu-container .loading {
  padding: 0.25rem 1.5rem;
  width: 100%;
  display: block;
  text-align: center;
}

.context-menu-container:focus {
  outline: none;
}

/*# sourceMappingURL=ContextActions.css.map */