<div class='gauge--linear__fill' data-test={{hook 'linear-gauge-fill'}} style={{safeStringFillWidth}}>
  {{#if (and showVal (gte percentage 3))}}
    <div data-test={{hook 'linear-gauge-val-inside'}} class="gauge--linear__val gauge--linear__val--inside">
      {{title-text text=val weight='heavy' size='x-small'}}
    </div>
  {{/if}}
</div>

{{#if (and showVal (lt percentage 3))}}
  <div data-test={{hook 'linear-gauge-val-outside'}} class="gauge--linear__val gauge--linear__val--outside">
    {{title-text text=val weight='heavy' size='x-small'}}
  </div>
{{/if}}

