:host {
  display: block;
}

.is-hidden {
  display: none;
}

.pds-dropdown-menu--panel {
  background-color: var(--pine-color-background-overlay);
  border-radius: var(--pine-dimension-xs);
  left: var(--pine-dimension-none);
  min-width: 170px;
  padding: var(--pine-dimension-xs);
  position: fixed;
  z-index: var(--pine-z-index-overlay);
}
:host-context([data-theme=dark]) .pds-dropdown-menu--panel {
  border: var(--pine-border);
}

::slotted(a),
::slotted(button) {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: var(--pine-dimension-xs) !important;
  box-sizing: border-box;
  color: var(--pine-color-text) !important;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  font: var(--pine-typography-body-medium) !important;
  gap: var(--pine-dimension-xs);
  margin: calc(var(--pine-border-width) + 2px) !important;
  padding: var(--pine-dimension-xs) !important;
  text-align: start;
  text-decoration: none !important;
  width: calc(100% - (var(--pine-border-width) + 2px) * 2);
}

::slotted(.destructive) {
  color: var(--pine-color-danger) !important;
}

::slotted([aria-disabled=true]),
::slotted([disabled]:not([disabled=false])) {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}