ground --&gt;
&lt;div class=&quot;bg-dotted p-4&quot; style=&quot;--cz-bg-color: var(--cz-success-bg-subtle); --cz-dot-color: var(--cz-success)&quot;&gt;...&lt;/div&gt;

&lt;!-- Danger dotted background --&gt;
&lt;div class=&quot;bg-dotted p-4&quot; style=&quot;--cz-bg-color: var(--cz-danger-bg-subtle); --cz-dot-color: var(--cz-danger)&quot;&gt;...&lt;/div&gt;

&lt;!-- Warning dotted background --&gt;
&lt;div class=&quot;bg-dotted p-4&quot; style=&quot;--cz-bg-color: var(--cz-warning-bg-subtle); --cz-dot-co