title: blazor toast service from where i have this .toast:not(.show)
body: <p>im boulding in blazor some webapp
  found this tutorial about toast service - preaty basic stuff
  <a href="https://www.gushiciku.cn/pl/2CEB" rel="nofollow noreferrer">https://www.gushiciku.cn/pl/2CEB</a></p>
  <p>i did everything as in this tutorial and it was not working
  i was searching why
  and found that as on screen from some place - please tell me what</p>
  <p>on build it is adding</p>
  <pre><code>.toast:not(.show) {
  display: none;
  </code></pre>
  <p>}</p>
  <p>as on screenshot</p>
  <p><a href="https://i.stack.imgur.com/L6aca.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L6aca.png" alt="screenshot" /></a></p>
  <p>when i remove this markup it is working fine
  from where it is comming from ? i does not have this in any css etc , tryied to gogole but no luck...</p>
  <p>thanks and regards !</p>
  <p>-------- edit
  i added show to @(IsVisible ? &quot;show toast-visible&quot; : null) and it works fine but im not sure it it is best solution ?</p>
  <p>the issue is bootstrap 4/5 related. does anyone have similar solution using bootstrap 5 ands it toast component ?:)</p>
  <p>regards once more.</p>