Hierarchy

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 128 128"
>
    <circle cx="64" cy="66" r="58.7" fill="#b4abd4" />
    <circle cx="64" cy="21.3" r="18.3" fill="#fff" />
    <path
        fill="#313c42"
        d="M64 41.6c-11.2 0-20.3-9.1-20.3-20.3S52.8 1 64 1s20.3 9.1 20.3 20.3S75.2 41.6 64 41.6zm0-36.7c-9 0-16.4 7.3-16.4 16.4 0 9 7.3 16.4 16.4 16.4s16.4-7.3 16.4-16.4c0-9-7.4-16.4-16.4-16.4z"
    />
    <circle cx="16.2" cy="111.9" r="13.1" fill="#e7e7e7" />
    <path
        fill="#313c42"
        d="M16.2 127c-8.3 0-15.1-6.8-15.1-15.1s6.8-15.1 15.1-15.1 15.1 6.8 15.1 15.1S24.5 127 16.2 127zm0-26.2C10 100.8 5 105.8 5 112s5 11.2 11.2 11.2 11.2-5 11.2-11.2-5-11.2-11.2-11.2z"
    />
    <circle cx="64" cy="111.9" r="13.1" fill="#ffe7ac" />
    <path
        fill="#313c42"
        d="M64 127c-8.3 0-15.1-6.8-15.1-15.1S55.7 96.8 64 96.8s15.1 6.8 15.1 15.1S72.3 127 64 127zm0-26.2c-6.2 0-11.2 5-11.2 11.2s5 11.2 11.2 11.2 11.2-5 11.2-11.2-5-11.2-11.2-11.2z"
    />
    <circle cx="111.8" cy="111.9" r="13.1" fill="#e7e7e7" />
    <path
        fill="#313c42"
        d="M111.8 127c-8.3 0-15.1-6.8-15.1-15.1s6.8-15.1 15.1-15.1 15.1 6.8 15.1 15.1-6.8 15.1-15.1 15.1zm0-26.2c-6.2 0-11.2 5-11.2 11.2s5 11.2 11.2 11.2 11.2-5 11.2-11.2c-.1-6.2-5.1-11.2-11.2-11.2zM64 100.8c-1.1 0-2-.9-2-2V39.6c0-1.1.9-2 2-2s2 .9 2 2v59.2c0 1.1-.9 2-2 2z"
    />
    <path
        fill="#313c42"
        d="M111.8 100.8c-1.1 0-2-.9-2-2V68.9H18.2v29.8c0 1.1-.9 2-2 2s-2-.9-2-2V67c0-1.1.9-2 2-2h95.6c1.1 0 2 .9 2 2v31.8c0 1.1-.9 2-2 2z"
    />
</svg>