.meter-container{flex-direction:column;align-items:flex-start;width:97%;font-family:Arial,sans-serif;display:flex}.meter-label{color:#000;align-items:center;margin-top:16px;margin-bottom:16px;font-weight:700;display:flex}.outer-green-circle{z-index:1;background-color:#c0e1bb;border-radius:100%;justify-content:center;align-items:center;width:10px;height:10px;margin-right:10px;display:flex}.inner-green-circle{z-index:2;background-color:#58b04a;border-radius:100%;width:4px;height:4px}.outer-red-circle{z-index:1;background-color:#ef9a9a;border-radius:100%;justify-content:center;align-items:center;width:10px;height:10px;margin-right:10px;display:flex}.inner-red-circle{z-index:2;background-color:#f44336;border-radius:100%;width:4px;height:4px}.outer-amber-circle{z-index:1;background-color:#ffe082;border-radius:100%;justify-content:center;align-items:center;width:10px;height:10px;margin-right:10px;display:flex}.inner-amber-circle{z-index:2;background-color:#ffc107;border-radius:100%;width:4px;height:4px}.meter{width:100%;height:40px;display:flex;position:relative}.bar{width:3px;height:100%;margin-right:6px;transition:background-color 1s}.dots{width:100%;margin-top:8px;display:flex;position:relative}.dot{width:1px;height:1px;margin-right:6px}.filled-bar{background-color:#726fe3}.empty-bar{background-color:#e2e8f0}.marker{background-color:#726fe3;width:2px;height:48px;position:absolute;top:-8px}.marker-top{background-color:#726fe3;border-radius:100%;width:6px;height:6px;margin-left:-2px;position:absolute;top:-10px}.scale{color:#000;justify-content:space-between;width:100%;margin-top:10px;margin-bottom:10px;display:flex}@media (max-width:400px){.bar{width:1px;margin-right:2px}.dot{margin-right:2px}}@media (min-width:400px) and (max-width:450px){.bar{width:1px;margin-right:3px}.dot{margin-right:3px}}@media (min-width:450px) and (max-width:760px){.bar{width:2px;margin-right:4px}.dot{margin-right:5px}}@media (min-width:950px) and (max-width:1220px){.bar{width:2px;margin-right:4px}.dot{margin-right:4px}}