/* Мини-бар заполненности. Цель — --target (0…1) на .meter; заполняется, когда карточка попала в окно */
.meter { height: 12px; margin-top: .6rem; background: repeating-linear-gradient(90deg, var(--line) 0 7px, transparent 7px 10px); }
.meter__fill {
  height: 100%;
  background: repeating-linear-gradient(90deg, var(--red) 0 7px, transparent 7px 10px);
  clip-path: inset(0 calc((1 - var(--fill, 0)) * 100%) 0 0);
  transition: clip-path 1.2s var(--ease);
}
.is-in .meter { --fill: var(--target, 0); }