Sorry, ich bin es noch einmal:
Dazu kann man Beispiele machen, es gibt aber schon reichlich davon im wilden weiten Web. Ohne deine konkreten Vorstellungen zu kennen läuft ein beliebiges Beispiel daher ins Leere.
Beispiele sind hilfreich, allerdings nicht immer.
Du hast Dir mit Deinem viel Mühe gemacht, dafür danke ich.
Es ist aber auch ein Beispiel, das Anfänger zurückschreckt, wenn zahlreiche noch unbekannte Konstrukte vorkommen wie
.flagged::before, .flagged::after {
calc(0.75em + 75px)
linear-gradient(to right, #0055A4 33%, white 33%, white 67%, #ef4531 67%)
Wie ich vorhin schon geschrieben hatte, müsste ich mich wochenlang einarbeiten, um das zu verstehen und ggf. weiter anpassen zu können.
Schönen Gruß
Tommy