.dropdown-item {
  padding-inline: var(--space-2xs);
}

.dropdown-item__form {
  display: block;
}

.dropdown-item__action {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  inline-size: 100%;
  min-block-size: var(--control-block-size-compact);
  padding-block: var(--space-2xs);
  padding-inline: var(--space-xs);
  border: 0;
  border-radius: calc(var(--radius-lg) - var(--space-2xs));
  background-color: transparent;
  color: var(--color-text);
  font-size: var(--font-size-ui);
  line-height: var(--line-height-ui);
  text-align: start;
  text-decoration: none;
  transition:
    color var(--duration-state) var(--easing-state),
    translate var(--duration-state) var(--easing-state);
}

@media (hover: hover) {
  .dropdown-item__action:hover {
    background-color: var(--color-surface-hover);
  }
}

.dropdown-item__action[aria-current] {
  font-weight: var(--font-weight-thick);
}

.dropdown-item__check {
  margin-inline-start: auto;
}

.dropdown-item__action:focus-visible {
  outline-offset: calc(-1 * var(--focus-ring-offset));
}

.dropdown-item--danger .dropdown-item__action {
  color: var(--color-negative);
}

@media (hover: hover) {
  .dropdown-item--danger .dropdown-item__action:hover {
    background-color: var(--color-negative-soft);
  }
}

.dropdown-item__action:disabled,
.dropdown-item__action[aria-disabled="true"] {
  color: var(--color-text-disabled);
  cursor: default;
}

@media (hover: hover) {
  .dropdown-item__action:disabled:hover,
  .dropdown-item__action[aria-disabled="true"]:hover {
    background-color: transparent;
  }
}