.score-bar-container{width:200px}.score-bar-container .score-header{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.score-bar-container .score-label{font-size:var(--font-xs);white-space:nowrap}.score-bar-container .score-rank{flex-shrink:0;font-size:var(--font-xs);margin-left:auto}.score-bar-container .score-rank,.score-bar-container.undefined .score-label{color:var(--colors-primitives-black-500)}.score-bar-container.undefined .score-bar{background-color:transparent;border:1px dashed var(--colors-primitives-black-400)}.score-bar-container.undefined .score-bar .score-bar-fill,.score-bar-container.undefined .score-bar .score-tick{display:none}.score-bar-container .score-tick{background-color:var(--colors-functional-content-background);bottom:0;left:33%;position:absolute;top:0;width:2px;z-index:15}.score-bar-container .score-bar{background-color:var(--colors-primitives-black-100);border-radius:4px;height:8px;overflow:hidden;position:relative}.score-bar-container .score-bar .score-bar-fill{background:var(--colors-primitives-black-200);bottom:0;height:100%;left:0;position:absolute;top:0;z-index:10}.score-bar-container .score-bar .score-bar-fill.poor{background:var(--colors-primitives-error-300);width:33%}.score-bar-container .score-bar .score-bar-fill.fair{background:var(--colors-primitives-warning-400);width:66%}.score-bar-container .score-bar .score-bar-fill.good{background:var(--colors-primitives-positive-400);width:100%}