[revealjs] annotations move to the other side of the chunk when using line highlighting

[cderv]

I usually write my code chunks with a blank line between the chunk options and the code. The issue I'm running into with code-line-numbers and code annotation is slightly different, potentially because of this. I'm seeing the annotations move to the other side of the chunk.

---
format: revealjs
execute:
  echo: true
---

```{r}
#| code-line-numbers: "|1|2|3"

1 + 1 #<1>
2 + 2 #<2>
3 + 3 #<3>
```
1.  hello
2.  mello
3.  jello

code-line-numbers-annotation.mov

Originally posted by @mine-cetinkaya-rundel in #7042 (comment)

[cderv]

@mine-cetinkaya-rundel I moved to a new issue because it is slightly different issue when #7042.

This is a CSS problem because of code-line-numbers with several lines to highlight one after the other.

quarto-cli/src/resources/formats/html/_quarto-rules.scss

Lines 604 to 609 in f54d772

	code.sourceCode .code-annotation-anchor {
	z-index: 100;
	position: absolute;
	right: 0.5em;
	left: inherit;
	}

With left: inherit, it creates issue when going though fragment reveal for each highlighted code line.

Thanks for the report !