.p100{width:100%;background:var(--color-1)}.p80{width:80%;background:var(--color-2)}.p60{width:60%;background:var(--color-3)}.p40{width:40%;background:var(--color-4)}.p20{width:20%;background:var(--color-5)}.p0{width:2%;background:#858585}.rango-color-100{background:var(--color-1);color:#fff;font-size:12px}.rango-color-80{background:var(--color-2);color:#fff;font-size:12px}.rango-color-60{background:var(--color-3);color:#fff;font-size:12px}.rango-color-40{background:var(--color-4);color:#797979;font-size:12px}.rango-color-20{background:var(--color-5);color:#fff;font-size:12px}.rango-color-0{background:#858585;color:#fff;font-size:12px}:root{--color-1:#a80000;--color-2:red;--color-3:#e69800;--color-4:#ff0;--color-5:#4ce600}