.np-select-option {
  border-radius: 10px;
  border-radius: var(--radius-small);
  padding: 16px;
  padding: var(--size-16);
}
.np-select-option-placeholder {
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
}
.np-select-option-placeholder:not(.disabled):hover {
  background-color: var(--color-background-neutral-hover);
}
.np-select-option-placeholder:not(.disabled):focus,
.np-select-option-placeholder:not(.disabled):active {
  background-color: var(--color-background-neutral-active);
}
.np-select-option-selected {
  border: 1px solid #c9cbce;
  border: 1px solid var(--color-interactive-secondary);
}
.np-select-option-list {
  max-height: 350px;
  overflow-y: auto;
}
.np-select-option-list > .np-section {
  margin-top: 0;
}
.has-error * .np-select-option {
  --ring-outline-color: var(--color-sentiment-negative);
  --ring-outline-width: 3px;
  --ring-outline-offset: calc(-1 * var(--ring-outline-width));
  outline: var(--ring-outline-color) solid 3px;
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
  outline-offset: calc(-1 * 3px);
  outline-offset: var(--ring-outline-offset);
}
.has-error * .np-select-option:focus {
  outline: none;
}
.has-error * .np-select-option:focus-visible {
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
  outline-offset: var(--ring-outline-offset);
}
