::marker {
    content: "»";
    font-size: 2em;
    
    --hue: 0;
    color: hsl(var(--hue) 50% 50%);
  }
  
  /* .star{
    padding-inline-start: 1ch;
  } */
  li:nth-child(1)::marker { --hue: 34; font-size: 2em; }
  li:nth-child(2)::marker { --hue: 50; font-size: 2em; }
  li:nth-child(3)::marker { --hue: 100; font-size: 2em; }
  li:nth-child(4)::marker { --hue: 200; font-size: 2em; }
  li:nth-child(5)::marker { --hue: 250; font-size: 2em; }
  li:nth-child(6)::marker { --hue: 300; font-size: 2em; }
  li:nth-child(7)::marker { --hue: 350; font-size: 2em; }
  li:nth-child(8)::marker { --hue: 400; font-size: 2em; }
  li:nth-child(9)::marker { --hue: 450; font-size: 2em; }
  li:nth-child(10)::marker { --hue: 500; font-size: 2em; }
  li:nth-child(11)::marker { --hue: 550; font-size: 2em; }
  li:nth-child(12)::marker { --hue: 600; font-size: 2em; }
  
  /* .star{
    max-width: 35ch;
  } */