.ds-meter{appearance:none;background:#17142b12;border:0;border-radius:999px;width:100%;height:.5rem;display:block;overflow:hidden}.ds-meter::-webkit-meter-inner-element{height:.5rem;display:flex}.ds-meter::-webkit-meter-bar{background:0 0;border:0;border-radius:999px;height:.5rem;padding:0}.ds-meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,var(--indigo-soft),var(--indigo));border-radius:999px;height:.5rem}.ds-meter::-moz-meter-bar{background:linear-gradient(90deg,var(--indigo-soft),var(--indigo));border-radius:999px}.ds-dark .ds-meter{background:#ffffff1f}.ds-dark .ds-meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,var(--lav-on-dark),#fff)}.ds-dark .ds-meter::-moz-meter-bar{background:linear-gradient(90deg,var(--lav-on-dark),#fff)}.ds-pips{--pip:var(--ok);gap:.2rem;display:flex}.ds-pips i{background:#17142b1a;border-radius:999px;width:1.1rem;height:.35rem}.ds-pips i.on{background:var(--pip)}.ds-pips.is-md{gap:.25rem}.ds-pips.is-md i{width:1.35rem;height:.36rem}.ds-pips.is-mint{--pip:var(--mint)}.ds-pips.is-warn{--pip:var(--warn)}.ds-pips.is-danger{--pip:var(--danger)}.ds-pips.is-indigo{--pip:var(--indigo)}