Styling the input field toggle

[thedeputyofjam]

Hi, I have been trying to style the input field toggle using the class argument/css but I can't seem to figure out how to actually make it work - I'm not understanding how to target the toggle with my css (I'm a beginner). This is what I have so far (based on the Meta bind docs and the obsidian toggle variables:

.mb-input-type-toggle .dnd-toggle .toggle {
--toggle-width: 20px;
--toggle-border-width: 2px;
--toggle-thumb-color: transparent;
}

I've created a snippit and put it in the relevant folder, and then I reference the class "dnd-toggle" in my obsidian as follows: INPUT[toggle(class(dnd-toggle))]. I think one of the selectors above is wrong or something. If anybody has any thoughts on where the problem is, I would be very grateful! Thanks

[edakimling]

Use the dev tools and click on the field element. Then you can see what css is actually applied.
I am looking into this issue myself; I don't like that the buttons expand vertically and there is no margins for the input fields or buttons. But I am at the beginning of my journey...