.charge-meter{display:inline-flex;gap:3px}.charge-meter__bar{position:relative;display:block;width:5px;height:12px;background-color:var(--line-strong)}.charge-meter__bar[data-lit]:after{content:"";position:absolute;inset:0;background-color:var(--color-pole)}.charge-meter[data-motif=pending] .charge-meter__bar[data-lit]:after{opacity:0}.charge-meter[data-motif=play] .charge-meter__bar[data-lit]:after{animation:charge-meter-light .2s ease-out both;animation-delay:calc(var(--charge-meter-step, 0) * 90ms + .35s)}.charge-meter__bar:nth-child(2){--charge-meter-step:1}.charge-meter__bar:nth-child(3){--charge-meter-step:2}.charge-meter__bar:nth-child(4){--charge-meter-step:3}.charge-meter__bar:nth-child(5){--charge-meter-step:4}.charge-meter__bar:nth-child(6){--charge-meter-step:5}.charge-meter__bar:nth-child(7){--charge-meter-step:6}@keyframes charge-meter-light{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.charge-meter[data-motif] .charge-meter__bar[data-lit]:after{animation:none;opacity:1}}