/* Generated from site/_includes/res-metrics-data.njk by site/res-metrics-pos.njk;
   edit those. Places every mark on the Metrics scale at Fit, in percentages
   of the scale, so it paints in place from the first frame and stays there
   if res-metrics.js never runs. Zoomed, res-metrics.js sets --x and --w in
   pixels on the element, which outranks these. */
.ms-zone[data-zone="vanity"] { --x: 5.6%; --w: 28.416%; }
.ms-zone[data-zone="context"] { --x: 34.016%; --w: 33.3%; }
.ms-zone[data-zone="actionable"] { --x: 67.316%; --w: 32.684%; }
.ms-arrow { --x: 94.6%; }
.ms-hit { --y: 50%; }
.ms-label[data-key="awards"], .ms-hit[data-key="awards"] { --x: 10.04%; }
.ms-label[data-key="press"], .ms-hit[data-key="press"] { --x: 14.48%; }
.ms-label[data-key="output"], .ms-hit[data-key="output"] { --x: 18.92%; }
.ms-label[data-key="testimonials"], .ms-hit[data-key="testimonials"] { --x: 25.136%; }
.ms-label[data-key="stakeholder"], .ms-hit[data-key="stakeholder"] { --x: 30.464%; }
.ms-label[data-key="brand-lift"], .ms-hit[data-key="brand-lift"] { --x: 37.568%; }
.ms-label[data-key="feedback-themes"], .ms-hit[data-key="feedback-themes"] { --x: 42.896%; }
.ms-label[data-key="usability"], .ms-hit[data-key="usability"] { --x: 47.336%; }
.ms-label[data-key="satisfaction"], .ms-hit[data-key="satisfaction"] { --x: 51.776%; }
.ms-label[data-key="accessibility"], .ms-hit[data-key="accessibility"] { --x: 56.216%; }
.ms-label[data-key="adoption"], .ms-hit[data-key="adoption"] { --x: 60.656%; }
.ms-label[data-key="engagement"], .ms-hit[data-key="engagement"] { --x: 64.208%; }
.ms-label[data-key="behavior-change"], .ms-hit[data-key="behavior-change"] { --x: 70.424%; }
.ms-label[data-key="efficiency"], .ms-hit[data-key="efficiency"] { --x: 74.864%; }
.ms-label[data-key="error-reduction"], .ms-hit[data-key="error-reduction"] { --x: 78.416%; }
.ms-label[data-key="retention"], .ms-hit[data-key="retention"] { --x: 81.968%; }
.ms-label[data-key="conversion"], .ms-hit[data-key="conversion"] { --x: 85.52%; }
.ms-label[data-key="financial"], .ms-hit[data-key="financial"] { --x: 89.96%; }