.meter{display:inline-block;width:fit-content}.meter__steps{display:flex;gap:2px}.meter__step{border:1px solid var(--colors-text-body-text-primary);border-radius:1px;height:8px;width:12px}.meter__step--active{background-color:var(--colors-text-body-text-primary)}.meter__track{border-bottom:1px solid var(--colors-text-body-text-primary);margin-top:6px;position:relative}.meter__track:before{border-color:#0000 #0000 var(--colors-text-body-text-primary) #0000;border-style:solid;border-width:0 2.5px 4px;bottom:-1px;content:"";display:block;height:0;left:calc((var(--active-step, 1) - 1)*14px + 3.5px);position:absolute;width:0}