Blazor server .NET 7 css @media @page isolation

One componentPrint.razor

 @page "/print"<h1>landscape</h1>

Print.razor.css

  @media print {       @page {          size: landscape;       }    }

Other component

   Print2.razor

 @page "/print2"<h1>portrait</h1>

Print2.razor.css

@media print {       @page {                   size: portrait;               }     }

I can't isolate @media in both component print portrait