.np-select-input-option-container {
  display: flex;
  cursor: default;
  user-select: none;
  align-items: center;
  column-gap: var(--size-8);
  border-radius: var(--radius-small);
  padding: var(--size-12) var(--size-16);
  color: var(--color-interactive-primary);

  &:focus {
    outline: none;
  }

  &--active {
    box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
  }

  &--disabled {
    opacity: 0.45;
  }
}

.np-select-input-option-check {
  &--not-selected {
    visibility: hidden;
  }
}

.np-select-input-option {
  flex: 1;
}
