Style and position table of contents

I would like to add the following to the table of contents, which unfortunately I can’t find in the table of contents settings:

  1. Define the symbols of the CSS attribute list-style, which are unfortunately currently hidden.
  2. Be able to use indentation of child content.
  3. I would like the list style elements to be displayed in the mobile view as the only ones without indenting and without the texts in the sitebar and when you click on them in the sitebar, the page content should be pushed out to the other side according to the width of the table of contents. When the sitebar is opened, the entries in the table of contents should appear as text and be indented again.

I am very grateful for suggestions that I can implement this.