/* Оценка пака. В наборе иконок звезда одна и та же — заливка отличает
   поставленную звезду от пустой: CSS перебивает fill="none" самой иконки,
   поэтому второго значка для этого не нужно. */
.vx-stars{display:inline-flex;align-items:center;gap:6px;font:var(--type-caption);color:var(--text-2)}
.vx-stars .vx-stars__fill{fill:currentColor;color:var(--accent)}
.vx-stars__val{font:var(--type-body-strong);color:var(--text-1)}
.vx-stars__cnt{color:var(--text-3)}
.vx-stars--none{color:var(--text-3)}

/* Режим выставления. Звёзды крупнее и с запасом на промах: экран результата
   смотрят с дивана, и попадать в шестнадцать пикселей там нечем. */
.vx-stars--set{gap:2px}
.vx-stars__s{display:inline-flex;align-items:center;justify-content:center;padding:6px;
  border:0;background:none;color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);
  transition:var(--transition-control)}
.vx-stars__s:hover{color:var(--accent);transform:scale(1.1)}
.vx-stars__s:disabled{cursor:default;opacity:.6;transform:none}
.vx-stars__s--on{color:var(--accent)}
.vx-stars__s:focus-visible{box-shadow:var(--ring)}