StarList uses proper inheritance and properly passes initial values and attributes + add empty comment clause

pedagogy/static/pedagogy/css/pedagogy.scss

@@ -520,40 +520,4 @@ details.accordion>.accordion-content {
   background-color: $white-color;
   border-color: $pedagogy-orange;
   border-right: none;
-}
-
-fieldset.star {
-  label {
-    display: inline;
-    cursor: pointer;
-  }
-
-  .checked {
-    color: orange;
-  }
-
-  .unchecked {
-    color: gray;
-  }
-
-  .hovered {
-    color: #FFD700;
-  }
-
-  .checked.hovered {
-    color: orange;
-  }
-
-  .removed {
-    color: red;
-  }
-
-  input[type="radio"] {
-    display: none;
-  }
-
-  label:first-child {
-    margin-right: 10px;
-  }
-
 }

pedagogy/static/pedagogy/css/starlist.scss

@@ -0,0 +1,42 @@
+fieldset.star {
+  border: none;
+
+  label {
+    display: inline;
+    cursor: pointer;
+  }
+
+  .checked {
+    color: orange;
+  }
+
+  .unchecked {
+    color: gray;
+  }
+
+  .hovered {
+    color: #FFD700;
+  }
+
+  .checked.hovered {
+    color: orange;
+  }
+
+  .removed {
+    color: red;
+  }
+
+  input[type="radio"] {
+    display: none;
+  }
+
+  label:first-child {
+    margin-right: 10px;
+  }
+
+  &:has(input:required:invalid) {
+    border: 1px solid;
+    border-color: #c00000;
+  }
+
+}