.dsa-nav-dropdown {
  --dsa-nav-dropdown--padding: var(--ks-spacing-xxs) var(--ks-spacing-xxs) var(--ks-spacing-m) var(--ks-spacing-xxs);
  --dsa-nav-dropdown--background: var(--ks-background-color-default);
}
.dsa-nav-dropdown[ks-inverted=true] {
  --dsa-nav-dropdown--background: var(--ks-color-fg-inverted);
}
.dsa-nav-dropdown {
  --dsa-nav-dropdown--border-radius: var(--ks-border-radius-card);
  --dsa-nav-dropdown--box-shadow: var(--ks-box-shadow-card);
  --dsa-nav-dropdown--border: var(--ks-border-card);
  --dsa-nav-dropdown--min-width: 14em;
  --dsa-nav-dropdown__label--color: var(--ks-color-fg);
  --dsa-nav-dropdown__label--color_hover: var(--ks-text-color-interface-interactive-hover);
  --dsa-nav-dropdown__label--color_active: var(--ks-text-color-interface-interactive-active);
  --dsa-nav-dropdown__label--background-color_hover: var(--ks-color-fg-alpha-8);
  --dsa-nav-dropdown__label--background-color_active: unset;
  --dsa-nav-dropdown__label--border-radius: var(--ks-border-radius-control);
  --dsa-nav-dropdown__label--font: var(--ks-font-interface-s);
  --dsa-nav-dropdown__label--font-family: var(--ks-font-family-display);
  --dsa-nav-dropdown__label--font-weight: var(--ks-font-weight-semi-bold);
  --dsa-nav-dropdown__label--font-weight_active: var(--ks-font-weight-bold);
  --dsa-nav-dropdown__label--padding: 0.45em 0.75em;
  --dsa-nav-dropdown__label_dimmed--opacity: 1;
}

.dsa-nav-dropdown {
  --g-link--text-decoration: none;
  --g-link--text-decoration_hover: none;
  list-style: none;
  z-index: 99;
  font: var(--dsa-nav-dropdown__label--font);
  min-width: var(--dsa-nav-dropdown--min-width);
  padding: var(--dsa-nav-dropdown--padding);
  position: absolute;
  top: 100%;
  flex-direction: column;
  align-items: stretch;
  background-color: var(--dsa-nav-dropdown--background);
  border-radius: var(--dsa-nav-dropdown--border-radius);
  box-shadow: var(--dsa-nav-dropdown--box-shadow);
  border: var(--dsa-nav-dropdown--border);
}
.dsa-nav-dropdown:hover .dsa-nav-dropdown__label:not(:hover) {
  opacity: var(--dsa-nav-dropdown__label_dimmed--opacity);
}
.dsa-nav-dropdown .dsa-nav-dropdown__item--active .dsa-nav-dropdown__label {
  color: var(--dsa-nav-dropdown__label--color_active);
  background-color: var(--dsa-nav-dropdown__label--background-color_active);
  font-weight: var(--dsa-nav-dropdown__label--font-weight_active);
}
.dsa-nav-dropdown .dsa-nav-dropdown__label {
  text-decoration: var(--dsa-nav-dropdown__label--text-decoration);
  font: inherit;
  font-weight: var(--dsa-nav-dropdown__label--font-weight);
  font-family: var(--dsa-nav-dropdown__label--font-family);
  color: var(--dsa-nav-dropdown__label--color);
  position: relative;
  display: block;
  padding: var(--dsa-nav-dropdown__label--padding);
  text-align: left;
  border-radius: var(--dsa-nav-dropdown__label--border-radius);
  transition: var(--ks-transition-hover);
}
.dsa-nav-dropdown .dsa-nav-dropdown__label:hover, .dsa-nav-dropdown .dsa-nav-dropdown__label:focus, .dsa-nav-dropdown .dsa-nav-dropdown__label:active {
  color: var(--dsa-nav-dropdown__label--color_hover);
  background-color: var(--dsa-nav-dropdown__label--background-color_hover);
  text-decoration: var(--dsa-nav-dropdown__label--text-decoration_hover);
}