SVG colors with style problem in Affinity programs

[mykee]

Today we also received the new program logos in SVG. When I open them in Edge or Inkscape, the colours show up well. However, in Affinity, it opens everything in black as if the colors in the 'style' block cannot be handled (I'll ignore the missing font for now).

Here are the two examples. First in Inkscape:

and Affinity programs (any of them):

 

and Microsoft edge:

 

Where have the colours gone in Affinity?

Here is SVG code:

<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1535 280">
  <defs>
    <style>
      .cls-1, .cls-2, .cls-3 {
        fill: #14516f;
      }

      .cls-1, .cls-3 {
        font-size: 202.16px;
      }

      .cls-2, .cls-4, .cls-5 {
        stroke-width: 0px;
      }

      .cls-4 {
        fill-rule: evenodd;
      }

      .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 {
        fill: #85c225;
      }

      .cls-3 {
        letter-spacing: 0em;
      }

      .cls-6 {
        letter-spacing: 0em;
      }

      .cls-6, .cls-7 {
        font-size: 119.59px;
      }

      .cls-9 {
        font-family: ITCAvantGardePro-Md, 'ITC Avant Garde Gothic Pro';
        font-weight: 500;
      }

      .cls-8 {
        font-size: 136.67px;
      }
    </style>
  </defs>
  <path class="cls-2" d="M231.21,179.5c-13.89,37.38-47.98,62.19-88.01,62.19-34.52,0-64.15-19.83-80.26-48.08,13.34-.22,25.85-1.26,37.41-3.04,10.97,12.11,26.34,19.67,44.17,19.67,21.52,0,42.36-11.56,52.29-30.74h34.4Z"/>
  <path class="cls-4" d="M31.89,177.2c-5.35-2.26-11.57.3-13.85,5.7-2.28,5.4.22,11.65,5.57,13.91,5.35,2.26,11.57-.3,13.85-5.7,2.28-5.4-.22-11.65-5.57-13.91Z"/>
  <path class="cls-5" d="M55.51,182.29c-21.96-60.51,38.31-137.93,128.75-126.84,98.59,20.53,21.3,120.48-140.16,131.96l-.06-3.09c3.6-.45,7.45-1.12,11.48-2.03h0ZM154.84,81.38c-47.56,8.99-83.46,54.22-65.99,90.26,42.28-15.52,89.66-45.74,103.38-66.83,16.13-24.82-21.83-26.39-37.39-23.44Z"/>
  <text class="cls-9" transform="translate(282.77 205.12)"><tspan class="cls-1" x="0" y="0">express</tspan><tspan class="cls-8" x="737.47" y="0">.ügyvitel</tspan></text>
</svg>

 

[David in Яuislip]

Affinity is pretty fussy about styles, try this

<style>
.cls-1{ fill: #14516f; font-size: 202.16px; }
.cls-2{ fill: #14516f; stroke-width: 0px;  }
.cls-4{ stroke-width: 0px; fill: #85c225; fill-rule: evenodd; }
.cls-5 { stroke-width: 0px; fill: #85c225; }
.cls-8 { fill: #85c225; font-size: 136.67px; }
.cls-9 { font-family: ITCAvantGardePro-Md, 'ITC Avant Garde Gothic Pro'; font-weight: 500; }
</style>

[mykee]

Thanks, I'll have a look, I'm just wondering why if SVG is standard, why Affinity doesn't handle it properly.