How to style toast-content vertically?

[totszwai]

Hello, I tried to use wc-toast as a completely transparent module within my own module. So I try not to add any CSS to override anything.

I added a <wc-toast style="position: bottom-right;"> element dynamically so I could pretty much display anything I want just fine.
However, I tried to have multiple rows of text within the toast and it just sits side way.

Is there a css variable that I could use to change the flex to display column or some options to make it display the toast content vertically?

toast(`<b>Title</b><br>Hello world`);
toast(`<div>Title</div><div>Hello world</div>`);