How can I style the CSS of an indented callout?

What I’m trying to do

Style the indented callout within a callout. At the moment it appears as just the default with the purple line on the left, how can I style this. And if you can style this is it possible to style a third indentations, and fourth etc.

Below is what it currently looks like
image

And in edit view
image

Things I have tried

Styling the default CSS for a unclassed callout, it didn’t work.

Example CSS:

[data-callout="example"] .callout-content blockquote {
  --blockquote-border-color: grey;
}

Test text:

>[!example] P
>
>>Text

Test in Sandbox Vault:

image

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.