Extract Rating component inline styles

[epetrow]

Is your feature request related to a problem? Please describe.

In the current rendering of the Rating component, namely in the half percision scenario we use inline styles in order to maintain the width and height of the rating item.

<span class="k-rating-precision-part" style="clip-path: inset(0px 50% 0px 0px);">
    <span class="k-icon k-svg-icon k-icon-xl k-svg-i-star">...</span>
</span>
<span style="width: 24px; height: 24px; display: block;"></span>

This is a bit ambiguous as it is not entirely clear what the <span> does.

Describe the solution you would like to see implemented

Suggestion to extract the inline styles and apply them through a properly named class.