Css isolation not working

this is my code , why is css isolation not working ? . i want to put the css code in an other file separately




        <RadzenCategoryAxis>
            <RadzenTicks>
                <Template>
                    <text class="rz-tick-text" style="text-anchor: start; transform: translate(@(Math.Truncate(context.X))px, @(Math.Truncate(context.Y + 10))px) rotate(30deg)">@context.Value</text>
                </Template>
            </RadzenTicks>
        </RadzenCategoryAxis>
      
    </RadzenChart>
.rz-chart svg { overflow: visible; } .rz-series-data-label { fill: #659FDE; font-size: 0.78em; }

You can check this thread which explains why CSS isolation does not work as you expect: CSS Isolation not working with Radzen components - #10 by korchev