Set or add margin to left under each summary tag in html

Issue

Could someone help me to add a margin to left of "Second Summary" maybe 12px and to the "Third Summary" x2 or 24px?

I am thinking if it is possible to use CSS selectors.

<details>
    <summary>First Summary</summary>
    <details>
        <summary>Second Summary</summary>
        <details>
            <summary>Third Summary</summary>
        </details>
    </details>
</details>

Solution

details details{
    margin-left: 12px;
}

Answered By - Mihály Szűcs