.quality-meter-container{display:flex;justify-content:center;font-family:Arial,sans-serif;text-align:center;padding:0;margin:0 auto;width:100%;max-width:100%;box-sizing:border-box}.quality-meter-dots{display:flex;justify-content:space-between;align-items:center;position:relative;flex-grow:1;width:100%}.quality-dot-container{display:flex;flex-direction:column;align-items:center;flex-grow:1;text-align:center;position:relative;min-width:0}.quality-dot{width:10px;height:10px;border-radius:50%;background-color:#000fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.quality-dot.is-active{background-color:#ef4c22}.quality-dot.is-complete{background-color:#000fff}.quality-meter-dots::before{content:"";position:absolute;top:50%;left:calc(7.3% + 1px);right:calc(8.3% + 5px);height:2px;background-color:#000fff;z-index:1;transform:translateY(-50%)}.quality-label{font-size:10px;margin-top:40px;color:#000fff;word-wrap:break-word;text-transform:uppercase;font-family:"Lexend Giga"}.quality-label.active-label{color:#ef4c22}@media (max-width:768px){.quality-label{font-size:6px;margin-top:30px}.quality-dot{width:8px;height:8px}.quality-meter-dots::before{left:calc(7.3% + 0px);right:calc(8.3% + 4px)}}@media (max-width:480px){.quality-label{font-size:7px;margin-top:25px}.quality-dot{width:7px;height:7px}.quality-meter-dots::before{left:calc(7.3% + 0px);right:calc(8.3% + 3.5px)}}