semantic-forms 5.1.0 → 5.1.2

package/dist/semantic-forms.css

@@ -1,4 +1,4 @@
-form.semanticForms, form.semanticForms.light {
+form.semanticForms, form.semanticForms.light, table.semanticForms {
   --semanticFormsFontFamily: sans-serif;
   --semanticFormsFormBgColor: #fff;
   --semanticFormsFormSubBgColor: #f5f5f5;
@@ -21,12 +21,18 @@ form.semanticForms, form.semanticForms.light {
   --semanticFormsNestedFieldsetBorder: 1px rgba(0, 0, 0, .2) solid;
   --semanticFormsNestedInputBgColor: #fff;
   --semanticFormsBorder: 1px var(--semanticFormsBorderColor) solid;
+  --semanticFormsTableTitleColor: #fcfcfc;
+  --semanticFormsTableHeaderColor: #eeeeee;
+  --semanticFormsTableOddColor: #dddddd;
+  --semanticFormsTableEvenColor: #cccccc;
+  --semanticFormsTableBorder: 1px #c0c0c0 solid;
   --semanticFormsSelectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000'%3E%3Cpolygon points='0,0 100,0 50,50'/%3E%3C/svg%3E");
-  --semanticFormsCustomResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E") ;
+  --semanticFormsCustomResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E");
+  --semanticFormsSearchIcon: url("data:image/svg+xml,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.7955%2015.8111L21%2021M18%2010.5C18%2014.6421%2014.6421%2018%2010.5%2018C6.35786%2018%203%2014.6421%203%2010.5C3%206.35786%206.35786%203%2010.5%203C14.6421%203%2018%206.35786%2018%2010.5Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
 }
 
 @media (prefers-color-scheme: dark) {
-  html:not(.light) body:not(.light) form.semanticForms {
+  html:not(.light) body:not(.light) form.semanticForms, html:not(.light) body:not(.light) table.semanticForms {
     --semanticFormsFormBgColor: #555;
     --inputBackgroudColor: rgba(85,85,85,0.1);
     --semanticFormsFormSubBgColor: #2f2f2f;
@@ -42,14 +48,20 @@ form.semanticForms, form.semanticForms.light {
     --semanticFormsNestedFieldsetBorder: 1px rgba(255, 255, 255, .1) solid;
     --semanticFormsNestedInputBgColor: rgba(255, 255, 255, .15);
     --semanticFormsBorder: none;
+    --semanticFormsTableTitleColor: #3f3f3f;
+    --semanticFormsTableHeaderColor: #4f4f4f;
+    --semanticFormsTableOddColor: #3f3f3f;
+    --semanticFormsTableEvenColor: #4f4f4f;
+    --semanticFormsTableBorder: 1px #656565 solid;
     --semanticFormsSelectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23fff'%3E%3Cpolygon stroke='%23fff' points='0,0 100,0 50,50'/%3E%3C/svg%3E");
     --semanticFormsCustomResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E");
+    --semanticFormsSearchIcon: url("data:image/svg+xml,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.7955%2015.8111L21%2021M18%2010.5C18%2014.6421%2014.6421%2018%2010.5%2018C6.35786%2018%203%2014.6421%203%2010.5C3%206.35786%206.35786%203%2010.5%203C14.6421%203%2018%206.35786%2018%2010.5Z%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
   }
-  html:not(.light) body:not(.light) form.semanticForms input::-webkit-calendar-picker-indicator {
+  html:not(.light) body:not(.light) form.semanticForms input::-webkit-calendar-picker-indicator, html:not(.light) body:not(.light) table.semanticForms input::-webkit-calendar-picker-indicator {
     filter: invert(100%);
   }
 }
-html:not(.light) body:not(.light) form.semanticForms.dark {
+html:not(.light) body:not(.light) form.semanticForms.dark, html:not(.light) body:not(.light) table.semanticForms.dark {
   --semanticFormsFormBgColor: #555;
   --inputBackgroudColor: rgba(85,85,85,0.1);
   --semanticFormsFormSubBgColor: #2f2f2f;
@@ -65,18 +77,32 @@ html:not(.light) body:not(.light) form.semanticForms.dark {
   --semanticFormsNestedFieldsetBorder: 1px rgba(255, 255, 255, .1) solid;
   --semanticFormsNestedInputBgColor: rgba(255, 255, 255, .15);
   --semanticFormsBorder: none;
+  --semanticFormsTableTitleColor: #3f3f3f;
+  --semanticFormsTableHeaderColor: #4f4f4f;
+  --semanticFormsTableOddColor: #3f3f3f;
+  --semanticFormsTableEvenColor: #4f4f4f;
+  --semanticFormsTableBorder: 1px #656565 solid;
   --semanticFormsSelectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23fff'%3E%3Cpolygon stroke='%23fff' points='0,0 100,0 50,50'/%3E%3C/svg%3E");
   --semanticFormsCustomResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E");
+  --semanticFormsSearchIcon: url("data:image/svg+xml,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.7955%2015.8111L21%2021M18%2010.5C18%2014.6421%2014.6421%2018%2010.5%2018C6.35786%2018%203%2014.6421%203%2010.5C3%206.35786%206.35786%203%2010.5%203C14.6421%203%2018%206.35786%2018%2010.5Z%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
 }
-html:not(.light) body:not(.light) form.semanticForms.dark input::-webkit-calendar-picker-indicator {
+html:not(.light) body:not(.light) form.semanticForms.dark input::-webkit-calendar-picker-indicator, html:not(.light) body:not(.light) table.semanticForms.dark input::-webkit-calendar-picker-indicator {
   filter: invert(100%);
 }
 
-form.semanticForms, form.semanticForms.light {
+form.semanticForms,
+form.semanticForms.light,
+table.semanticForms,
+table.semanticForms.light {
   font-family: var(--semanticFormsFontFamily);
   width: 100%;
   container-type: inline-size;
   container-name: semanticForm;
+}
+form.semanticForms:not(table),
+form.semanticForms.light:not(table),
+table.semanticForms:not(table),
+table.semanticForms.light:not(table) {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -92,7 +118,8 @@ form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea),
 form.semanticForms dt:has(> input, > select, > textarea),
 form.semanticForms dd:has(> input, > select, > textarea, > ul, > menu),
 form.semanticForms div:has(dt, dd),
-form.semanticForms dd > p, form.semanticForms.light fieldset,
+form.semanticForms dd > p,
+form.semanticForms.light fieldset,
 form.semanticForms.light label,
 form.semanticForms.light input,
 form.semanticForms.light select,
@@ -103,7 +130,31 @@ form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textar
 form.semanticForms.light dt:has(> input, > select, > textarea),
 form.semanticForms.light dd:has(> input, > select, > textarea, > ul, > menu),
 form.semanticForms.light div:has(dt, dd),
-form.semanticForms.light dd > p {
+form.semanticForms.light dd > p,
+table.semanticForms fieldset,
+table.semanticForms label,
+table.semanticForms input,
+table.semanticForms select,
+table.semanticForms textarea,
+table.semanticForms button,
+table.semanticForms menu:has(li > input, li > label, li > button, li > select, li > textarea),
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea),
+table.semanticForms dt:has(> input, > select, > textarea),
+table.semanticForms dd:has(> input, > select, > textarea, > ul, > menu),
+table.semanticForms div:has(dt, dd),
+table.semanticForms dd > p,
+table.semanticForms.light fieldset,
+table.semanticForms.light label,
+table.semanticForms.light input,
+table.semanticForms.light select,
+table.semanticForms.light textarea,
+table.semanticForms.light button,
+table.semanticForms.light menu:has(li > input, li > label, li > button, li > select, li > textarea),
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea),
+table.semanticForms.light dt:has(> input, > select, > textarea),
+table.semanticForms.light dd:has(> input, > select, > textarea, > ul, > menu),
+table.semanticForms.light div:has(dt, dd),
+table.semanticForms.light dd > p {
   color: var(--semanticFormsTextColor);
   font-family: var(--semanticFormsFontFamily);
   box-sizing: border-box;
@@ -112,9 +163,16 @@ form.semanticForms.light dd > p {
 }
 form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
 form.semanticForms select,
-form.semanticForms textarea, form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+form.semanticForms textarea,
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
 form.semanticForms.light select,
-form.semanticForms.light textarea {
+form.semanticForms.light textarea,
+table.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+table.semanticForms select,
+table.semanticForms textarea,
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+table.semanticForms.light select,
+table.semanticForms.light textarea {
   font-size: var(--semanticFormsInputFontSize);
   background: var(--semanticFormsFormBgColor);
   border: var(--semanticFormsBorder);
@@ -125,81 +183,159 @@ form.semanticForms.light textarea {
 }
 form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]):not([type=range]),
 form.semanticForms select:not([type=range]),
-form.semanticForms textarea:not([type=range]), form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]):not([type=range]),
+form.semanticForms textarea:not([type=range]),
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]):not([type=range]),
 form.semanticForms.light select:not([type=range]),
-form.semanticForms.light textarea:not([type=range]) {
+form.semanticForms.light textarea:not([type=range]),
+table.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]):not([type=range]),
+table.semanticForms select:not([type=range]),
+table.semanticForms textarea:not([type=range]),
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]):not([type=range]),
+table.semanticForms.light select:not([type=range]),
+table.semanticForms.light textarea:not([type=range]) {
   padding: 6px 30px 6px 20px;
 }
 form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[type=password], form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[type=text]:has(~ button.show),
 form.semanticForms select[type=password],
 form.semanticForms select[type=text]:has(~ button.show),
 form.semanticForms textarea[type=password],
-form.semanticForms textarea[type=text]:has(~ button.show), form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[type=password], form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[type=text]:has(~ button.show),
+form.semanticForms textarea[type=text]:has(~ button.show),
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[type=password],
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[type=text]:has(~ button.show),
 form.semanticForms.light select[type=password],
 form.semanticForms.light select[type=text]:has(~ button.show),
 form.semanticForms.light textarea[type=password],
-form.semanticForms.light textarea[type=text]:has(~ button.show) {
+form.semanticForms.light textarea[type=text]:has(~ button.show),
+table.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[type=password],
+table.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[type=text]:has(~ button.show),
+table.semanticForms select[type=password],
+table.semanticForms select[type=text]:has(~ button.show),
+table.semanticForms textarea[type=password],
+table.semanticForms textarea[type=text]:has(~ button.show),
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[type=password],
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[type=text]:has(~ button.show),
+table.semanticForms.light select[type=password],
+table.semanticForms.light select[type=text]:has(~ button.show),
+table.semanticForms.light textarea[type=password],
+table.semanticForms.light textarea[type=text]:has(~ button.show) {
   padding: 6px 55px 6px 20px;
 }
 form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled],
 form.semanticForms select[disabled],
-form.semanticForms textarea[disabled], form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled],
+form.semanticForms textarea[disabled],
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled],
 form.semanticForms.light select[disabled],
-form.semanticForms.light textarea[disabled] {
+form.semanticForms.light textarea[disabled],
+table.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled],
+table.semanticForms select[disabled],
+table.semanticForms textarea[disabled],
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled],
+table.semanticForms.light select[disabled],
+table.semanticForms.light textarea[disabled] {
   cursor: not-allowed;
   opacity: 0.5;
 }
 form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] ~ label:first-of-type,
 form.semanticForms select[disabled] ~ label:first-of-type,
-form.semanticForms textarea[disabled] ~ label:first-of-type, form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] ~ label:first-of-type,
+form.semanticForms textarea[disabled] ~ label:first-of-type,
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] ~ label:first-of-type,
 form.semanticForms.light select[disabled] ~ label:first-of-type,
-form.semanticForms.light textarea[disabled] ~ label:first-of-type {
+form.semanticForms.light textarea[disabled] ~ label:first-of-type,
+table.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] ~ label:first-of-type,
+table.semanticForms select[disabled] ~ label:first-of-type,
+table.semanticForms textarea[disabled] ~ label:first-of-type,
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] ~ label:first-of-type,
+table.semanticForms.light select[disabled] ~ label:first-of-type,
+table.semanticForms.light textarea[disabled] ~ label:first-of-type {
   opacity: 0.5;
 }
 form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] ~ label + button,
 form.semanticForms select[disabled] ~ label + button,
-form.semanticForms textarea[disabled] ~ label + button, form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] ~ label + button,
+form.semanticForms textarea[disabled] ~ label + button,
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] ~ label + button,
 form.semanticForms.light select[disabled] ~ label + button,
-form.semanticForms.light textarea[disabled] ~ label + button {
+form.semanticForms.light textarea[disabled] ~ label + button,
+table.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] ~ label + button,
+table.semanticForms select[disabled] ~ label + button,
+table.semanticForms textarea[disabled] ~ label + button,
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] ~ label + button,
+table.semanticForms.light select[disabled] ~ label + button,
+table.semanticForms.light textarea[disabled] ~ label + button {
   display: none;
 }
 form.semanticForms input:not([type=submit], [type=reset], [type=image]):focus,
 form.semanticForms select:focus,
-form.semanticForms textarea:focus, form.semanticForms.light input:not([type=submit], [type=reset], [type=image]):focus,
+form.semanticForms textarea:focus,
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image]):focus,
 form.semanticForms.light select:focus,
-form.semanticForms.light textarea:focus {
+form.semanticForms.light textarea:focus,
+table.semanticForms input:not([type=submit], [type=reset], [type=image]):focus,
+table.semanticForms select:focus,
+table.semanticForms textarea:focus,
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image]):focus,
+table.semanticForms.light select:focus,
+table.semanticForms.light textarea:focus {
   outline: none;
   box-shadow: 0 0 0 1px var(--semanticFormsBorderColor);
 }
 form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
-form.semanticForms select, form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
-form.semanticForms.light select {
+form.semanticForms select,
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+form.semanticForms.light select,
+table.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+table.semanticForms select,
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+table.semanticForms.light select {
   height: var(--semanticFormsInputHeight);
 }
-form.semanticForms input[type=color], form.semanticForms.light input[type=color] {
+form.semanticForms input[type=color],
+form.semanticForms.light input[type=color],
+table.semanticForms input[type=color],
+table.semanticForms.light input[type=color] {
   height: var(--semanticFormsInputHeight);
   padding: 4px !important;
   padding-right: 30px !important;
 }
 form.semanticForms input[type=checkbox],
-form.semanticForms input[type=radio], form.semanticForms.light input[type=checkbox],
-form.semanticForms.light input[type=radio] {
+form.semanticForms input[type=radio],
+form.semanticForms.light input[type=checkbox],
+form.semanticForms.light input[type=radio],
+table.semanticForms input[type=checkbox],
+table.semanticForms input[type=radio],
+table.semanticForms.light input[type=checkbox],
+table.semanticForms.light input[type=radio] {
   width: 1.4em;
   height: 1.4em;
   margin: 3px 0;
   cursor: pointer;
 }
 form.semanticForms input[type=checkbox] ~ label:first-of-type,
-form.semanticForms input[type=radio] ~ label:first-of-type, form.semanticForms.light input[type=checkbox] ~ label:first-of-type,
-form.semanticForms.light input[type=radio] ~ label:first-of-type {
+form.semanticForms input[type=radio] ~ label:first-of-type,
+form.semanticForms.light input[type=checkbox] ~ label:first-of-type,
+form.semanticForms.light input[type=radio] ~ label:first-of-type,
+table.semanticForms input[type=checkbox] ~ label:first-of-type,
+table.semanticForms input[type=radio] ~ label:first-of-type,
+table.semanticForms.light input[type=checkbox] ~ label:first-of-type,
+table.semanticForms.light input[type=radio] ~ label:first-of-type {
   color: var(--semanticFormsTextColor) !important;
 }
-form.semanticForms input[type=file], form.semanticForms.light input[type=file] {
+form.semanticForms input[type=file],
+form.semanticForms.light input[type=file],
+table.semanticForms input[type=file],
+table.semanticForms.light input[type=file] {
   cursor: pointer;
   font-size: var(--semanticFormsInputFontSize);
 }
-form.semanticForms select, form.semanticForms.light select {
+form.semanticForms select,
+form.semanticForms.light select,
+table.semanticForms select,
+table.semanticForms.light select {
   cursor: pointer;
+}
+form.semanticForms select:not([multiple]),
+form.semanticForms.light select:not([multiple]),
+table.semanticForms select:not([multiple]),
+table.semanticForms.light select:not([multiple]) {
   background-image: var(--semanticFormsSelectIcon);
   background-size: 14px;
   background-position: calc(100% - 8px) 16px;
@@ -208,16 +344,78 @@ form.semanticForms select, form.semanticForms.light select {
   -moz-appearance: none;
   appearance: none;
 }
-form.semanticForms textarea, form.semanticForms.light textarea {
+form.semanticForms select[multiple],
+form.semanticForms.light select[multiple],
+table.semanticForms select[multiple],
+table.semanticForms.light select[multiple] {
+  min-height: 38px;
+  height: 100px;
+  padding: 0 !important;
+}
+form.semanticForms select[multiple] option,
+form.semanticForms.light select[multiple] option,
+table.semanticForms select[multiple] option,
+table.semanticForms.light select[multiple] option {
+  padding: 6px 20px;
+}
+form.semanticForms select[multiple] option:first-of-type,
+form.semanticForms.light select[multiple] option:first-of-type,
+table.semanticForms select[multiple] option:first-of-type,
+table.semanticForms.light select[multiple] option:first-of-type {
+  border-top-left-radius: var(--semanticFormsBorderRadius);
+}
+form.semanticForms select[multiple] option:last-of-type,
+form.semanticForms.light select[multiple] option:last-of-type,
+table.semanticForms select[multiple] option:last-of-type,
+table.semanticForms.light select[multiple] option:last-of-type {
+  border-bottom-left-radius: var(--semanticFormsBorderRadius);
+}
+form.semanticForms textarea,
+form.semanticForms.light textarea,
+table.semanticForms textarea,
+table.semanticForms.light textarea {
   resize: vertical;
   width: 100%;
   min-height: 38px;
   height: 100px;
 }
-form.semanticForms input[type=search]::-webkit-search-cancel-button, form.semanticForms.light input[type=search]::-webkit-search-cancel-button {
+form.semanticForms input[type=search],
+form.semanticForms.light input[type=search],
+table.semanticForms input[type=search],
+table.semanticForms.light input[type=search] {
+  background: var(--semanticFormsSearchIcon) no-repeat 10px;
+  background-color: var(--semanticFormsFormBgColor);
+  background-size: 18px;
+  padding-left: 32px !important;
+}
+form.semanticForms input[type=search] + label.floatLabelFormAnimatedLabel,
+form.semanticForms.light input[type=search] + label.floatLabelFormAnimatedLabel,
+table.semanticForms input[type=search] + label.floatLabelFormAnimatedLabel,
+table.semanticForms.light input[type=search] + label.floatLabelFormAnimatedLabel {
+  left: 32px !important;
+}
+form.semanticForms input[type=search]:focus + label.floatLabelFormAnimatedLabel, form.semanticForms input[type=search]:not(:placeholder-shown) + label.floatLabelFormAnimatedLabel,
+form.semanticForms.light input[type=search]:focus + label.floatLabelFormAnimatedLabel,
+form.semanticForms.light input[type=search]:not(:placeholder-shown) + label.floatLabelFormAnimatedLabel,
+table.semanticForms input[type=search]:focus + label.floatLabelFormAnimatedLabel,
+table.semanticForms input[type=search]:not(:placeholder-shown) + label.floatLabelFormAnimatedLabel,
+table.semanticForms.light input[type=search]:focus + label.floatLabelFormAnimatedLabel,
+table.semanticForms.light input[type=search]:not(:placeholder-shown) + label.floatLabelFormAnimatedLabel {
+  left: 20px !important;
+}
+form.semanticForms input[type=search]::-webkit-search-cancel-button,
+form.semanticForms.light input[type=search]::-webkit-search-cancel-button,
+table.semanticForms input[type=search]::-webkit-search-cancel-button,
+table.semanticForms.light input[type=search]::-webkit-search-cancel-button {
   display: none;
 }
-form.semanticForms button.clear, form.semanticForms button.show, form.semanticForms.light button.clear, form.semanticForms.light button.show {
+form.semanticForms button.clear, form.semanticForms button.show,
+form.semanticForms.light button.clear,
+form.semanticForms.light button.show,
+table.semanticForms button.clear,
+table.semanticForms button.show,
+table.semanticForms.light button.clear,
+table.semanticForms.light button.show {
   cursor: pointer;
   appearance: none;
   -webkit-appearance: none;
@@ -236,32 +434,55 @@ form.semanticForms button.clear, form.semanticForms button.show, form.semanticFo
   align-items: center;
   justify-content: center;
 }
-form.semanticForms button.show, form.semanticForms.light button.show {
+form.semanticForms button.show,
+form.semanticForms.light button.show,
+table.semanticForms button.show,
+table.semanticForms.light button.show {
   right: 25px;
 }
-form.semanticForms textarea ~ .clear, form.semanticForms.light textarea ~ .clear {
+form.semanticForms textarea ~ .clear,
+form.semanticForms.light textarea ~ .clear,
+table.semanticForms textarea ~ .clear,
+table.semanticForms.light textarea ~ .clear {
   bottom: auto;
 }
 form.semanticForms input:placeholder-shown ~ .clear,
 form.semanticForms input:placeholder-shown ~ .show,
 form.semanticForms textarea:placeholder-shown ~ .clear,
-form.semanticForms input[type=file] ~ .clear, form.semanticForms.light input:placeholder-shown ~ .clear,
+form.semanticForms input[type=file] ~ .clear,
+form.semanticForms.light input:placeholder-shown ~ .clear,
 form.semanticForms.light input:placeholder-shown ~ .show,
 form.semanticForms.light textarea:placeholder-shown ~ .clear,
-form.semanticForms.light input[type=file] ~ .clear {
+form.semanticForms.light input[type=file] ~ .clear,
+table.semanticForms input:placeholder-shown ~ .clear,
+table.semanticForms input:placeholder-shown ~ .show,
+table.semanticForms textarea:placeholder-shown ~ .clear,
+table.semanticForms input[type=file] ~ .clear,
+table.semanticForms.light input:placeholder-shown ~ .clear,
+table.semanticForms.light input:placeholder-shown ~ .show,
+table.semanticForms.light textarea:placeholder-shown ~ .clear,
+table.semanticForms.light input[type=file] ~ .clear {
   display: none;
 }
 form.semanticForms input[type=submit],
 form.semanticForms input[type=reset],
-form.semanticForms button:not(.clear):not(.show), form.semanticForms.light input[type=submit],
+form.semanticForms button:not(.clear):not(.show),
+form.semanticForms.light input[type=submit],
 form.semanticForms.light input[type=reset],
-form.semanticForms.light button:not(.clear):not(.show) {
+form.semanticForms.light button:not(.clear):not(.show),
+table.semanticForms input[type=submit],
+table.semanticForms input[type=reset],
+table.semanticForms button:not(.clear):not(.show),
+table.semanticForms.light input[type=submit],
+table.semanticForms.light input[type=reset],
+table.semanticForms.light button:not(.clear):not(.show) {
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   cursor: pointer;
   max-width: max-content;
   background-image: linear-gradient(to bottom, var(--semanticFormsButtonGradientLight) 0%, var(--semanticFormsButtonGradientDark) 100%);
+  background-origin: border-box;
   border: 2px var(--semanticFormsButtonGradientDark) solid;
   border-radius: 20px;
   padding: 5px 25px;
@@ -270,30 +491,58 @@ form.semanticForms.light button:not(.clear):not(.show) {
 }
 form.semanticForms input[type=submit]:active,
 form.semanticForms input[type=reset]:active,
-form.semanticForms button:not(.clear):not(.show):active, form.semanticForms.light input[type=submit]:active,
+form.semanticForms button:not(.clear):not(.show):active,
+form.semanticForms.light input[type=submit]:active,
 form.semanticForms.light input[type=reset]:active,
-form.semanticForms.light button:not(.clear):not(.show):active {
+form.semanticForms.light button:not(.clear):not(.show):active,
+table.semanticForms input[type=submit]:active,
+table.semanticForms input[type=reset]:active,
+table.semanticForms button:not(.clear):not(.show):active,
+table.semanticForms.light input[type=submit]:active,
+table.semanticForms.light input[type=reset]:active,
+table.semanticForms.light button:not(.clear):not(.show):active {
   background-image: linear-gradient(to bottom, var(--semanticFormsButtonGradientDark) 0%, var(--semanticFormsButtonGradientLight) 100%);
 }
 form.semanticForms input[type=submit],
 form.semanticForms input[type=reset],
 form.semanticForms input[type=image],
-form.semanticForms button:not(.clear):not(.show), form.semanticForms.light input[type=submit],
+form.semanticForms button:not(.clear):not(.show),
+form.semanticForms.light input[type=submit],
 form.semanticForms.light input[type=reset],
 form.semanticForms.light input[type=image],
-form.semanticForms.light button:not(.clear):not(.show) {
+form.semanticForms.light button:not(.clear):not(.show),
+table.semanticForms input[type=submit],
+table.semanticForms input[type=reset],
+table.semanticForms input[type=image],
+table.semanticForms button:not(.clear):not(.show),
+table.semanticForms.light input[type=submit],
+table.semanticForms.light input[type=reset],
+table.semanticForms.light input[type=image],
+table.semanticForms.light button:not(.clear):not(.show) {
   transition: filter 0.1s;
 }
 form.semanticForms input[type=submit]:hover,
 form.semanticForms input[type=reset]:hover,
 form.semanticForms input[type=image]:hover,
-form.semanticForms button:not(.clear):not(.show):hover, form.semanticForms.light input[type=submit]:hover,
+form.semanticForms button:not(.clear):not(.show):hover,
+form.semanticForms.light input[type=submit]:hover,
 form.semanticForms.light input[type=reset]:hover,
 form.semanticForms.light input[type=image]:hover,
-form.semanticForms.light button:not(.clear):not(.show):hover {
+form.semanticForms.light button:not(.clear):not(.show):hover,
+table.semanticForms input[type=submit]:hover,
+table.semanticForms input[type=reset]:hover,
+table.semanticForms input[type=image]:hover,
+table.semanticForms button:not(.clear):not(.show):hover,
+table.semanticForms.light input[type=submit]:hover,
+table.semanticForms.light input[type=reset]:hover,
+table.semanticForms.light input[type=image]:hover,
+table.semanticForms.light button:not(.clear):not(.show):hover {
   filter: brightness(1.05);
 }
-form.semanticForms [data-invalid-text], form.semanticForms.light [data-invalid-text] {
+form.semanticForms [data-invalid-text],
+form.semanticForms.light [data-invalid-text],
+table.semanticForms [data-invalid-text],
+table.semanticForms.light [data-invalid-text] {
   display: none;
   color: var(--semanticFormsInvalid);
 }
@@ -301,33 +550,75 @@ form.semanticForms input:not([type=submit], [type=reset], [type=image]).invalid,
 form.semanticForms select.invalid,
 form.semanticForms select:user-invalid,
 form.semanticForms textarea.invalid,
-form.semanticForms textarea:user-invalid, form.semanticForms.light input:not([type=submit], [type=reset], [type=image]).invalid, form.semanticForms.light input:not([type=submit], [type=reset], [type=image]):user-invalid,
+form.semanticForms textarea:user-invalid,
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image]).invalid,
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image]):user-invalid,
 form.semanticForms.light select.invalid,
 form.semanticForms.light select:user-invalid,
 form.semanticForms.light textarea.invalid,
-form.semanticForms.light textarea:user-invalid {
+form.semanticForms.light textarea:user-invalid,
+table.semanticForms input:not([type=submit], [type=reset], [type=image]).invalid,
+table.semanticForms input:not([type=submit], [type=reset], [type=image]):user-invalid,
+table.semanticForms select.invalid,
+table.semanticForms select:user-invalid,
+table.semanticForms textarea.invalid,
+table.semanticForms textarea:user-invalid,
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image]).invalid,
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image]):user-invalid,
+table.semanticForms.light select.invalid,
+table.semanticForms.light select:user-invalid,
+table.semanticForms.light textarea.invalid,
+table.semanticForms.light textarea:user-invalid {
   border: var(--semanticFormsInvalidBorder) !important;
 }
 form.semanticForms input:not([type=submit], [type=reset], [type=image]).invalid ~ label:nth-of-type(2), form.semanticForms input:not([type=submit], [type=reset], [type=image]):user-invalid ~ label:nth-of-type(2),
 form.semanticForms select.invalid ~ label:nth-of-type(2),
 form.semanticForms select:user-invalid ~ label:nth-of-type(2),
 form.semanticForms textarea.invalid ~ label:nth-of-type(2),
-form.semanticForms textarea:user-invalid ~ label:nth-of-type(2), form.semanticForms.light input:not([type=submit], [type=reset], [type=image]).invalid ~ label:nth-of-type(2), form.semanticForms.light input:not([type=submit], [type=reset], [type=image]):user-invalid ~ label:nth-of-type(2),
+form.semanticForms textarea:user-invalid ~ label:nth-of-type(2),
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image]).invalid ~ label:nth-of-type(2),
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image]):user-invalid ~ label:nth-of-type(2),
 form.semanticForms.light select.invalid ~ label:nth-of-type(2),
 form.semanticForms.light select:user-invalid ~ label:nth-of-type(2),
 form.semanticForms.light textarea.invalid ~ label:nth-of-type(2),
-form.semanticForms.light textarea:user-invalid ~ label:nth-of-type(2) {
+form.semanticForms.light textarea:user-invalid ~ label:nth-of-type(2),
+table.semanticForms input:not([type=submit], [type=reset], [type=image]).invalid ~ label:nth-of-type(2),
+table.semanticForms input:not([type=submit], [type=reset], [type=image]):user-invalid ~ label:nth-of-type(2),
+table.semanticForms select.invalid ~ label:nth-of-type(2),
+table.semanticForms select:user-invalid ~ label:nth-of-type(2),
+table.semanticForms textarea.invalid ~ label:nth-of-type(2),
+table.semanticForms textarea:user-invalid ~ label:nth-of-type(2),
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image]).invalid ~ label:nth-of-type(2),
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image]):user-invalid ~ label:nth-of-type(2),
+table.semanticForms.light select.invalid ~ label:nth-of-type(2),
+table.semanticForms.light select:user-invalid ~ label:nth-of-type(2),
+table.semanticForms.light textarea.invalid ~ label:nth-of-type(2),
+table.semanticForms.light textarea:user-invalid ~ label:nth-of-type(2) {
   color: var(--semanticFormsInvalid) !important;
 }
 form.semanticForms input:not([type=submit], [type=reset], [type=image]).invalid ~ [data-invalid-text], form.semanticForms input:not([type=submit], [type=reset], [type=image]):user-invalid ~ [data-invalid-text],
 form.semanticForms select.invalid ~ [data-invalid-text],
 form.semanticForms select:user-invalid ~ [data-invalid-text],
 form.semanticForms textarea.invalid ~ [data-invalid-text],
-form.semanticForms textarea:user-invalid ~ [data-invalid-text], form.semanticForms.light input:not([type=submit], [type=reset], [type=image]).invalid ~ [data-invalid-text], form.semanticForms.light input:not([type=submit], [type=reset], [type=image]):user-invalid ~ [data-invalid-text],
+form.semanticForms textarea:user-invalid ~ [data-invalid-text],
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image]).invalid ~ [data-invalid-text],
+form.semanticForms.light input:not([type=submit], [type=reset], [type=image]):user-invalid ~ [data-invalid-text],
 form.semanticForms.light select.invalid ~ [data-invalid-text],
 form.semanticForms.light select:user-invalid ~ [data-invalid-text],
 form.semanticForms.light textarea.invalid ~ [data-invalid-text],
-form.semanticForms.light textarea:user-invalid ~ [data-invalid-text] {
+form.semanticForms.light textarea:user-invalid ~ [data-invalid-text],
+table.semanticForms input:not([type=submit], [type=reset], [type=image]).invalid ~ [data-invalid-text],
+table.semanticForms input:not([type=submit], [type=reset], [type=image]):user-invalid ~ [data-invalid-text],
+table.semanticForms select.invalid ~ [data-invalid-text],
+table.semanticForms select:user-invalid ~ [data-invalid-text],
+table.semanticForms textarea.invalid ~ [data-invalid-text],
+table.semanticForms textarea:user-invalid ~ [data-invalid-text],
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image]).invalid ~ [data-invalid-text],
+table.semanticForms.light input:not([type=submit], [type=reset], [type=image]):user-invalid ~ [data-invalid-text],
+table.semanticForms.light select.invalid ~ [data-invalid-text],
+table.semanticForms.light select:user-invalid ~ [data-invalid-text],
+table.semanticForms.light textarea.invalid ~ [data-invalid-text],
+table.semanticForms.light textarea:user-invalid ~ [data-invalid-text] {
   font-size: small;
   display: flex;
 }
@@ -342,7 +633,8 @@ form.semanticForms textarea:-webkit-autofill:active,
 form.semanticForms select:-webkit-autofill,
 form.semanticForms select:-webkit-autofill:hover,
 form.semanticForms select:-webkit-autofill:focus,
-form.semanticForms select:-webkit-autofill:active, form.semanticForms.light input:-webkit-autofill,
+form.semanticForms select:-webkit-autofill:active,
+form.semanticForms.light input:-webkit-autofill,
 form.semanticForms.light input:-webkit-autofill:hover,
 form.semanticForms.light input:-webkit-autofill:focus,
 form.semanticForms.light input:-webkit-autofill:active,
@@ -353,13 +645,40 @@ form.semanticForms.light textarea:-webkit-autofill:active,
 form.semanticForms.light select:-webkit-autofill,
 form.semanticForms.light select:-webkit-autofill:hover,
 form.semanticForms.light select:-webkit-autofill:focus,
-form.semanticForms.light select:-webkit-autofill:active {
+form.semanticForms.light select:-webkit-autofill:active,
+table.semanticForms input:-webkit-autofill,
+table.semanticForms input:-webkit-autofill:hover,
+table.semanticForms input:-webkit-autofill:focus,
+table.semanticForms input:-webkit-autofill:active,
+table.semanticForms textarea:-webkit-autofill,
+table.semanticForms textarea:-webkit-autofill:hover,
+table.semanticForms textarea:-webkit-autofill:focus,
+table.semanticForms textarea:-webkit-autofill:active,
+table.semanticForms select:-webkit-autofill,
+table.semanticForms select:-webkit-autofill:hover,
+table.semanticForms select:-webkit-autofill:focus,
+table.semanticForms select:-webkit-autofill:active,
+table.semanticForms.light input:-webkit-autofill,
+table.semanticForms.light input:-webkit-autofill:hover,
+table.semanticForms.light input:-webkit-autofill:focus,
+table.semanticForms.light input:-webkit-autofill:active,
+table.semanticForms.light textarea:-webkit-autofill,
+table.semanticForms.light textarea:-webkit-autofill:hover,
+table.semanticForms.light textarea:-webkit-autofill:focus,
+table.semanticForms.light textarea:-webkit-autofill:active,
+table.semanticForms.light select:-webkit-autofill,
+table.semanticForms.light select:-webkit-autofill:hover,
+table.semanticForms.light select:-webkit-autofill:focus,
+table.semanticForms.light select:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px var(--semanticFormsFormBgColor) inset;
   transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
   transition-delay: 5000s;
   transition-property: background-color, color;
 }
-form.semanticForms fieldset, form.semanticForms.light fieldset {
+form.semanticForms fieldset,
+form.semanticForms.light fieldset,
+table.semanticForms fieldset,
+table.semanticForms.light fieldset {
   border-radius: var(--semanticFormsBorderRadius);
   background: var(--semanticFormsFormSubBgColor);
   border: 1px var(--semanticFormsSubBorderColor) solid;
@@ -369,28 +688,53 @@ form.semanticForms fieldset, form.semanticForms.light fieldset {
   padding: 10px 10px 20px 10px;
   margin-bottom: 15px;
 }
-form.semanticForms fieldset > fieldset, form.semanticForms.light fieldset > fieldset {
+form.semanticForms fieldset fieldset,
+form.semanticForms.light fieldset fieldset,
+table.semanticForms fieldset fieldset,
+table.semanticForms.light fieldset fieldset {
   background-color: var(--semanticFormsNestedFieldsetBgColor);
   border: var(--semanticFormsNestedFieldsetBorder);
 }
-form.semanticForms fieldset > fieldset input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
-form.semanticForms fieldset > fieldset select,
-form.semanticForms fieldset > fieldset textarea, form.semanticForms.light fieldset > fieldset input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
-form.semanticForms.light fieldset > fieldset select,
-form.semanticForms.light fieldset > fieldset textarea {
+form.semanticForms fieldset fieldset input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+form.semanticForms fieldset fieldset select,
+form.semanticForms fieldset fieldset textarea,
+form.semanticForms.light fieldset fieldset input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+form.semanticForms.light fieldset fieldset select,
+form.semanticForms.light fieldset fieldset textarea,
+table.semanticForms fieldset fieldset input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+table.semanticForms fieldset fieldset select,
+table.semanticForms fieldset fieldset textarea,
+table.semanticForms.light fieldset fieldset input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+table.semanticForms.light fieldset fieldset select,
+table.semanticForms.light fieldset fieldset textarea {
   background-color: var(--semanticFormsNestedInputBgColor);
 }
-form.semanticForms details[open], form.semanticForms summary, form.semanticForms.light details[open], form.semanticForms.light summary {
+form.semanticForms details[open], form.semanticForms summary,
+form.semanticForms.light details[open],
+form.semanticForms.light summary,
+table.semanticForms details[open],
+table.semanticForms summary,
+table.semanticForms.light details[open],
+table.semanticForms.light summary {
   margin-bottom: 10px;
 }
-form.semanticForms summary, form.semanticForms.light summary {
+form.semanticForms summary,
+form.semanticForms.light summary,
+table.semanticForms summary,
+table.semanticForms.light summary {
   cursor: pointer;
 }
 @supports (scrollbar-color: auto) {
-  form.semanticForms textarea, form.semanticForms.light textarea {
+  form.semanticForms textarea,
+  form.semanticForms.light textarea,
+  table.semanticForms textarea,
+  table.semanticForms.light textarea {
     scrollbar-color: var(--semanticFormsScrollbarColor) transparent;
   }
-  form.semanticForms textarea::-webkit-resizer, form.semanticForms.light textarea::-webkit-resizer {
+  form.semanticForms textarea::-webkit-resizer,
+  form.semanticForms.light textarea::-webkit-resizer,
+  table.semanticForms textarea::-webkit-resizer,
+  table.semanticForms.light textarea::-webkit-resizer {
     border: none;
     background-image: var(--semanticFormsCustomResizer);
     background-size: 14px;
@@ -398,57 +742,152 @@ form.semanticForms summary, form.semanticForms.light summary {
     background-position: 100%;
     margin: 0 2px 2px 0;
   }
+  form.semanticForms select[multiple],
+  form.semanticForms.light select[multiple],
+  table.semanticForms select[multiple],
+  table.semanticForms.light select[multiple] {
+    scrollbar-color: var(--semanticFormsScrollbarColor) transparent;
+  }
 }
-form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea), form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) {
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea),
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea),
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea),
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(var(--semanticFormsInputMinWidth), 1fr));
   gap: 10px;
   margin-bottom: 10px;
 }
-form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd, form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd {
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd {
   position: relative;
 }
-form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios), form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios) {
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes, form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes > label, form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios > label,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes > label,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios > label,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes > label,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios > label,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes > label,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios > label {
+  padding-left: 20px;
+  font-size: small;
+  color: var(--semanticFormsTextColor);
+}
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios),
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios),
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios),
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios) {
   gap: 10px;
   max-width: 100%;
 }
-form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios):not(.singleCheckbox), form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios):not(.singleCheckbox) {
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios):not(.singleCheckbox, .singleRadio),
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios):not(.singleCheckbox, .singleRadio),
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios):not(.singleCheckbox, .singleRadio),
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios):not(.singleCheckbox, .singleRadio) {
   display: flex;
   flex-direction: column;
 }
-form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox, form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox {
-  display: flex;
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox, form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio {
+  display: grid;
+  grid-template-columns: 15px 1fr;
   align-items: center;
+  padding-left: 11px;
+}
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox > :not(input[type=checkbox], input[type=radio], label), form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio > :not(input[type=checkbox], input[type=radio], label),
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox > :not(input[type=checkbox], input[type=radio], label),
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio > :not(input[type=checkbox], input[type=radio], label),
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox > :not(input[type=checkbox], input[type=radio], label),
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio > :not(input[type=checkbox], input[type=radio], label),
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox > :not(input[type=checkbox], input[type=radio], label),
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio > :not(input[type=checkbox], input[type=radio], label) {
+  grid-column: 1/-1;
 }
-form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox > :not(input[type=checkbox], label), form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox > :not(input[type=checkbox], label) {
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox label:nth-of-type(2), form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio label:nth-of-type(2),
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox label:nth-of-type(2),
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio label:nth-of-type(2),
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox label:nth-of-type(2),
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio label:nth-of-type(2),
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleCheckbox label:nth-of-type(2),
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio label:nth-of-type(2) {
   grid-column: 1/-1;
+  padding-left: 20px;
+  font-size: small;
+  color: var(--semanticFormsTextColor);
 }
-form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul, form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul, form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul, form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul {
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio input,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio input,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio input,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd:not(.checkboxes, .radios).singleRadio input {
+  margin: 0;
+}
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul, form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul {
   display: flex;
   flex-direction: column;
   margin-top: var(--semanticFormsInputTopMargin);
   padding-left: 10px;
   gap: 5px;
 }
-form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul li, form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul li, form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul li, form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul li {
+form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul li, form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul li,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul li,
+form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul li,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul li,
+table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul li,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.checkboxes ul li,
+table.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea) dd.radios ul li {
   display: flex;
   align-items: center;
   gap: 5px;
 }
-form.semanticForms p:has(input:not([type=checkbox], [type=radio]), textarea, label), form.semanticForms.light p:has(input:not([type=checkbox], [type=radio]), textarea, label) {
+form.semanticForms p:has(input:not([type=checkbox], [type=radio]), textarea, label),
+form.semanticForms.light p:has(input:not([type=checkbox], [type=radio]), textarea, label),
+table.semanticForms p:has(input:not([type=checkbox], [type=radio]), textarea, label),
+table.semanticForms.light p:has(input:not([type=checkbox], [type=radio]), textarea, label) {
   display: flex;
   flex-direction: column;
   gap: 5px;
 }
-form.semanticForms p:has(input[type=checkbox], input[type=radio]), form.semanticForms.light p:has(input[type=checkbox], input[type=radio]) {
+form.semanticForms p:has(input[type=checkbox], input[type=radio]),
+form.semanticForms.light p:has(input[type=checkbox], input[type=radio]),
+table.semanticForms p:has(input[type=checkbox], input[type=radio]),
+table.semanticForms.light p:has(input[type=checkbox], input[type=radio]) {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 5px;
 }
 form.semanticForms menu:has(li > input, li > label, li > button, li > select, li > textarea),
-form.semanticForms ul:has(li > input, li > label, li > button, li > select, li > textarea), form.semanticForms.light menu:has(li > input, li > label, li > button, li > select, li > textarea),
-form.semanticForms.light ul:has(li > input, li > label, li > button, li > select, li > textarea) {
+form.semanticForms ul:has(li > input, li > label, li > button, li > select, li > textarea),
+form.semanticForms.light menu:has(li > input, li > label, li > button, li > select, li > textarea),
+form.semanticForms.light ul:has(li > input, li > label, li > button, li > select, li > textarea),
+table.semanticForms menu:has(li > input, li > label, li > button, li > select, li > textarea),
+table.semanticForms ul:has(li > input, li > label, li > button, li > select, li > textarea),
+table.semanticForms.light menu:has(li > input, li > label, li > button, li > select, li > textarea),
+table.semanticForms.light ul:has(li > input, li > label, li > button, li > select, li > textarea) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
@@ -456,50 +895,91 @@ form.semanticForms.light ul:has(li > input, li > label, li > button, li > select
   list-style-type: none;
 }
 form.semanticForms input[type=checkbox] + label:first-of-type,
-form.semanticForms input[type=radio] + label:first-of-type, form.semanticForms.light input[type=checkbox] + label:first-of-type,
-form.semanticForms.light input[type=radio] + label:first-of-type {
+form.semanticForms input[type=radio] + label:first-of-type,
+form.semanticForms.light input[type=checkbox] + label:first-of-type,
+form.semanticForms.light input[type=radio] + label:first-of-type,
+table.semanticForms input[type=checkbox] + label:first-of-type,
+table.semanticForms input[type=radio] + label:first-of-type,
+table.semanticForms.light input[type=checkbox] + label:first-of-type,
+table.semanticForms.light input[type=radio] + label:first-of-type {
   padding-top: 2px;
   font-size: var(--semanticFormsInputFontSize);
 }
 form.semanticForms input[type=checkbox] + label:first-of-type span.required,
-form.semanticForms input[type=radio] + label:first-of-type span.required, form.semanticForms.light input[type=checkbox] + label:first-of-type span.required,
-form.semanticForms.light input[type=radio] + label:first-of-type span.required {
+form.semanticForms input[type=radio] + label:first-of-type span.required,
+form.semanticForms.light input[type=checkbox] + label:first-of-type span.required,
+form.semanticForms.light input[type=radio] + label:first-of-type span.required,
+table.semanticForms input[type=checkbox] + label:first-of-type span.required,
+table.semanticForms input[type=radio] + label:first-of-type span.required,
+table.semanticForms.light input[type=checkbox] + label:first-of-type span.required,
+table.semanticForms.light input[type=radio] + label:first-of-type span.required {
   cursor: help;
   pointer-events: auto;
   color: red;
 }
 form.semanticForms input[type=checkbox] + label:first-of-type span.help,
-form.semanticForms input[type=radio] + label:first-of-type span.help, form.semanticForms.light input[type=checkbox] + label:first-of-type span.help,
-form.semanticForms.light input[type=radio] + label:first-of-type span.help {
+form.semanticForms input[type=radio] + label:first-of-type span.help,
+form.semanticForms.light input[type=checkbox] + label:first-of-type span.help,
+form.semanticForms.light input[type=radio] + label:first-of-type span.help,
+table.semanticForms input[type=checkbox] + label:first-of-type span.help,
+table.semanticForms input[type=radio] + label:first-of-type span.help,
+table.semanticForms.light input[type=checkbox] + label:first-of-type span.help,
+table.semanticForms.light input[type=radio] + label:first-of-type span.help {
   cursor: help;
   pointer-events: auto;
 }
-form.semanticForms .floatLabelForm, form.semanticForms.light .floatLabelForm {
+form.semanticForms .floatLabelForm,
+form.semanticForms.light .floatLabelForm,
+table.semanticForms .floatLabelForm,
+table.semanticForms.light .floatLabelForm {
   grid-template-columns: repeat(auto-fit, minmax(var(--semanticFormsInputMinWidth), 1fr));
 }
-form.semanticForms .floatLabelForm div, form.semanticForms.light .floatLabelForm div {
+form.semanticForms .floatLabelForm div,
+form.semanticForms.light .floatLabelForm div,
+table.semanticForms .floatLabelForm div,
+table.semanticForms.light .floatLabelForm div {
   position: relative;
   width: 100%;
   min-width: var(--semanticFormsInputMinWidth);
   max-width: 100%;
   max-width: 365px;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):focus:not([type=checkbox], [type=radio]) ~ label:first-of-type, form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):focus:not([type=checkbox], [type=radio]) ~ label:first-of-type, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):focus:not([type=checkbox], [type=radio]) ~ label:first-of-type, form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:not([type=checkbox], [type=radio]) ~ label:first-of-type,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:not(:placeholder-shown, [type=checkbox], [type=radio]) ~ label:first-of-type {
   color: var(--semanticFormsTextColor) !important;
   transform: translateY(-150%) scale(0.7);
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select ~ label:first-of-type, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select ~ label:first-of-type {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select ~ label:first-of-type,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select ~ label:first-of-type,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select ~ label:first-of-type,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select ~ label:first-of-type {
   color: var(--semanticFormsTextColor) !important;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type {
   line-height: 1.2;
   font-size: var(--semanticFormsInputFontSize);
   position: absolute;
@@ -516,86 +996,157 @@ form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .rad
   min-width: 0;
   width: calc(100% - 35px);
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:nth-of-type(2), form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:nth-of-type(2) {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:nth-of-type(2),
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:nth-of-type(2),
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:nth-of-type(2),
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:nth-of-type(2) {
   margin-top: -5px;
   padding-left: 20px;
   font-size: small;
   color: var(--semanticFormsTextColor);
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select {
   margin-top: var(--semanticFormsInputTopMargin);
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea {
   transition: opacity 250ms;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input::placeholder,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea::placeholder, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input::placeholder,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea::placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::placeholder {
   opacity: 0;
   transition: opacity 250ms;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input::-moz-placeholder,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea::-moz-placeholder, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input::-moz-placeholder,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea::-moz-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-moz-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-moz-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-moz-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-moz-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-moz-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-moz-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-moz-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-moz-placeholder {
   opacity: 0;
   transition: opacity 250ms;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input::-webkit-input-placeholder,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea::-webkit-input-placeholder, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input::-webkit-input-placeholder,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea::-webkit-input-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-webkit-input-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-webkit-input-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-webkit-input-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-webkit-input-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-webkit-input-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-webkit-input-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-webkit-input-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-webkit-input-placeholder {
   opacity: 0;
   transition: opacity 250ms;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:-ms-input-placeholder,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:-ms-input-placeholder, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:-ms-input-placeholder,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:-ms-input-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:-ms-input-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:-ms-input-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:-ms-input-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:-ms-input-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:-ms-input-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:-ms-input-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:-ms-input-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:-ms-input-placeholder {
   opacity: 0;
   transition: opacity 250ms;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus::placeholder,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus::placeholder, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus::placeholder,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus::placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::placeholder {
   opacity: 1;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus::-moz-placeholder,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus::-moz-placeholder, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus::-moz-placeholder,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus::-moz-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-moz-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-moz-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-moz-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-moz-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-moz-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-moz-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-moz-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-moz-placeholder {
   opacity: 1;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus::-webkit-input-placeholder,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus::-webkit-input-placeholder, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus::-webkit-input-placeholder,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus::-webkit-input-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-webkit-input-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-webkit-input-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-webkit-input-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-webkit-input-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-webkit-input-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-webkit-input-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-webkit-input-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-webkit-input-placeholder {
   opacity: 1;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus:-ms-input-placeholder,
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus:-ms-input-placeholder, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus:-ms-input-placeholder,
-form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus:-ms-input-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus:-ms-input-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:-ms-input-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus:-ms-input-placeholder,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:-ms-input-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus:-ms-input-placeholder,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:-ms-input-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus:-ms-input-placeholder,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:-ms-input-placeholder {
   opacity: 1;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type {
   user-select: none;
   color: var(--semanticFormsPlaceholderColor);
   touch-action: manipulation;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type span.required, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type span.required {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.required,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.required,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.required,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.required {
   cursor: help;
   pointer-events: auto;
   color: red;
 }
-form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type span.help, form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type span.help {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.help,
+form.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.help,
+table.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.help,
+table.semanticForms.light .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.help {
   cursor: help;
   pointer-events: auto;
 }
-form.semanticForms .floatLabelForm div dt, form.semanticForms.light .floatLabelForm div dt {
+form.semanticForms .floatLabelForm div dt,
+form.semanticForms.light .floatLabelForm div dt,
+table.semanticForms .floatLabelForm div dt,
+table.semanticForms.light .floatLabelForm div dt {
   position: relative;
 }
-form.semanticForms .floatLabelForm div dt label, form.semanticForms.light .floatLabelForm div dt label {
+form.semanticForms .floatLabelForm div dt label,
+form.semanticForms.light .floatLabelForm div dt label,
+table.semanticForms .floatLabelForm div dt label,
+table.semanticForms.light .floatLabelForm div dt label {
+  z-index: 2;
   user-select: auto;
   color: var(--semanticFormsTextColor);
   font-size: var(--semanticFormsInputFontSize);
@@ -610,145 +1161,476 @@ form.semanticForms .floatLabelForm div dt label, form.semanticForms.light .float
   min-width: 0;
   width: calc(100% + 20px);
 }
-form.semanticForms .floatLabelForm div dt label span.help, form.semanticForms.light .floatLabelForm div dt label span.help {
+form.semanticForms .floatLabelForm div dt label span.help,
+form.semanticForms.light .floatLabelForm div dt label span.help,
+table.semanticForms .floatLabelForm div dt label span.help,
+table.semanticForms.light .floatLabelForm div dt label span.help {
   cursor: help;
   pointer-events: auto;
 }
-form.semanticForms .floatLabelForm div:has(dd input:required) dt label, form.semanticForms.light .floatLabelForm div:has(dd input:required) dt label {
+form.semanticForms .floatLabelForm div:has(dd input:required) dt label,
+form.semanticForms.light .floatLabelForm div:has(dd input:required) dt label,
+table.semanticForms .floatLabelForm div:has(dd input:required) dt label,
+table.semanticForms.light .floatLabelForm div:has(dd input:required) dt label {
   width: 100%;
   padding-right: 10px;
 }
-form.semanticForms .floatLabelForm div:has(dd input:required) dt label > span, form.semanticForms.light .floatLabelForm div:has(dd input:required) dt label > span {
+form.semanticForms .floatLabelForm div:has(dd input:required) dt label > span,
+form.semanticForms.light .floatLabelForm div:has(dd input:required) dt label > span,
+table.semanticForms .floatLabelForm div:has(dd input:required) dt label > span,
+table.semanticForms.light .floatLabelForm div:has(dd input:required) dt label > span {
   margin-left: 5px;
   cursor: help;
   pointer-events: auto;
   color: red;
 }
-form.semanticForms .floatLabelForm input::placeholder, form.semanticForms .floatLabelForm textarea::placeholder, form.semanticForms.light .floatLabelForm input::placeholder, form.semanticForms.light .floatLabelForm textarea::placeholder {
+form.semanticForms .floatLabelForm input::placeholder, form.semanticForms .floatLabelForm textarea::placeholder,
+form.semanticForms.light .floatLabelForm input::placeholder,
+form.semanticForms.light .floatLabelForm textarea::placeholder,
+table.semanticForms .floatLabelForm input::placeholder,
+table.semanticForms .floatLabelForm textarea::placeholder,
+table.semanticForms.light .floatLabelForm input::placeholder,
+table.semanticForms.light .floatLabelForm textarea::placeholder {
   color: var(--semanticFormsPlaceholderColor);
   opacity: 1;
 }
-form.semanticForms.semanticFormsActive div[class^=colspan-], form.semanticForms.light.semanticFormsActive div[class^=colspan-] {
+form.semanticForms.semanticFormsActive div[class^=colspan-],
+form.semanticForms.light.semanticFormsActive div[class^=colspan-],
+table.semanticForms.semanticFormsActive div[class^=colspan-],
+table.semanticForms.light.semanticFormsActive div[class^=colspan-] {
   max-width: 100%;
 }
-form.semanticForms.semanticFormsActive div.colspan-full, form.semanticForms.light.semanticFormsActive div.colspan-full {
+form.semanticForms.semanticFormsActive div.colspan-full,
+form.semanticForms.light.semanticFormsActive div.colspan-full,
+table.semanticForms.semanticFormsActive div.colspan-full,
+table.semanticForms.light.semanticFormsActive div.colspan-full {
   grid-column: 1/-1;
 }
-form.semanticForms.semanticFormsActive div.colspan-5, form.semanticForms.light.semanticFormsActive div.colspan-5 {
+form.semanticForms.semanticFormsActive div.colspan-5,
+form.semanticForms.light.semanticFormsActive div.colspan-5,
+table.semanticForms.semanticFormsActive div.colspan-5,
+table.semanticForms.light.semanticFormsActive div.colspan-5 {
   grid-column: span 5;
 }
-form.semanticForms.semanticFormsActive div.colspan-4, form.semanticForms.light.semanticFormsActive div.colspan-4 {
+form.semanticForms.semanticFormsActive div.colspan-4,
+form.semanticForms.light.semanticFormsActive div.colspan-4,
+table.semanticForms.semanticFormsActive div.colspan-4,
+table.semanticForms.light.semanticFormsActive div.colspan-4 {
   grid-column: span 4;
 }
-form.semanticForms.semanticFormsActive div.colspan-3, form.semanticForms.light.semanticFormsActive div.colspan-3 {
+form.semanticForms.semanticFormsActive div.colspan-3,
+form.semanticForms.light.semanticFormsActive div.colspan-3,
+table.semanticForms.semanticFormsActive div.colspan-3,
+table.semanticForms.light.semanticFormsActive div.colspan-3 {
   grid-column: span 3;
 }
-form.semanticForms.semanticFormsActive div.colspan-2, form.semanticForms.light.semanticFormsActive div.colspan-2 {
+form.semanticForms.semanticFormsActive div.colspan-2,
+form.semanticForms.light.semanticFormsActive div.colspan-2,
+table.semanticForms.semanticFormsActive div.colspan-2,
+table.semanticForms.light.semanticFormsActive div.colspan-2 {
   grid-column: span 2;
 }
-form.semanticForms.semanticFormsActive div.colspan-1, form.semanticForms.light.semanticFormsActive div.colspan-1 {
+form.semanticForms.semanticFormsActive div.colspan-1,
+form.semanticForms.light.semanticFormsActive div.colspan-1,
+table.semanticForms.semanticFormsActive div.colspan-1,
+table.semanticForms.light.semanticFormsActive div.colspan-1 {
   grid-column: span 1;
 }
 form.semanticForms.semanticFormsActive fieldset[class^=colspan-] dl div,
-form.semanticForms.semanticFormsActive dl[class^=colspan-] div, form.semanticForms.light.semanticFormsActive fieldset[class^=colspan-] dl div,
-form.semanticForms.light.semanticFormsActive dl[class^=colspan-] div {
+form.semanticForms.semanticFormsActive dl[class^=colspan-] div,
+form.semanticForms.light.semanticFormsActive fieldset[class^=colspan-] dl div,
+form.semanticForms.light.semanticFormsActive dl[class^=colspan-] div,
+table.semanticForms.semanticFormsActive fieldset[class^=colspan-] dl div,
+table.semanticForms.semanticFormsActive dl[class^=colspan-] div,
+table.semanticForms.light.semanticFormsActive fieldset[class^=colspan-] dl div,
+table.semanticForms.light.semanticFormsActive dl[class^=colspan-] div {
   max-width: 100%;
 }
 form.semanticForms.semanticFormsActive fieldset.colspan-full dl,
-form.semanticForms.semanticFormsActive dl.colspan-full, form.semanticForms.light.semanticFormsActive fieldset.colspan-full dl,
-form.semanticForms.light.semanticFormsActive dl.colspan-full {
+form.semanticForms.semanticFormsActive dl.colspan-full,
+form.semanticForms.light.semanticFormsActive fieldset.colspan-full dl,
+form.semanticForms.light.semanticFormsActive dl.colspan-full,
+table.semanticForms.semanticFormsActive fieldset.colspan-full dl,
+table.semanticForms.semanticFormsActive dl.colspan-full,
+table.semanticForms.light.semanticFormsActive fieldset.colspan-full dl,
+table.semanticForms.light.semanticFormsActive dl.colspan-full {
   grid-template-columns: repeat(auto-fit, minmax(var(--semanticFormsInputMinWidth), 1fr));
 }
 form.semanticForms.semanticFormsActive fieldset.colspan-5 dl,
-form.semanticForms.semanticFormsActive dl.colspan-5, form.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
-form.semanticForms.light.semanticFormsActive dl.colspan-5 {
+form.semanticForms.semanticFormsActive dl.colspan-5,
+form.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
+form.semanticForms.light.semanticFormsActive dl.colspan-5,
+table.semanticForms.semanticFormsActive fieldset.colspan-5 dl,
+table.semanticForms.semanticFormsActive dl.colspan-5,
+table.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
+table.semanticForms.light.semanticFormsActive dl.colspan-5 {
   grid-template-columns: repeat(5, minmax(var(--semanticFormsInputMinWidth), 1fr));
 }
 form.semanticForms.semanticFormsActive fieldset.colspan-4 dl,
-form.semanticForms.semanticFormsActive dl.colspan-4, form.semanticForms.light.semanticFormsActive fieldset.colspan-4 dl,
-form.semanticForms.light.semanticFormsActive dl.colspan-4 {
+form.semanticForms.semanticFormsActive dl.colspan-4,
+form.semanticForms.light.semanticFormsActive fieldset.colspan-4 dl,
+form.semanticForms.light.semanticFormsActive dl.colspan-4,
+table.semanticForms.semanticFormsActive fieldset.colspan-4 dl,
+table.semanticForms.semanticFormsActive dl.colspan-4,
+table.semanticForms.light.semanticFormsActive fieldset.colspan-4 dl,
+table.semanticForms.light.semanticFormsActive dl.colspan-4 {
   grid-template-columns: repeat(4, minmax(var(--semanticFormsInputMinWidth), 1fr));
 }
 form.semanticForms.semanticFormsActive fieldset.colspan-3 dl,
-form.semanticForms.semanticFormsActive dl.colspan-3, form.semanticForms.light.semanticFormsActive fieldset.colspan-3 dl,
-form.semanticForms.light.semanticFormsActive dl.colspan-3 {
+form.semanticForms.semanticFormsActive dl.colspan-3,
+form.semanticForms.light.semanticFormsActive fieldset.colspan-3 dl,
+form.semanticForms.light.semanticFormsActive dl.colspan-3,
+table.semanticForms.semanticFormsActive fieldset.colspan-3 dl,
+table.semanticForms.semanticFormsActive dl.colspan-3,
+table.semanticForms.light.semanticFormsActive fieldset.colspan-3 dl,
+table.semanticForms.light.semanticFormsActive dl.colspan-3 {
   grid-template-columns: repeat(3, minmax(var(--semanticFormsInputMinWidth), 1fr));
 }
 form.semanticForms.semanticFormsActive fieldset.colspan-2 dl,
-form.semanticForms.semanticFormsActive dl.colspan-2, form.semanticForms.light.semanticFormsActive fieldset.colspan-2 dl,
-form.semanticForms.light.semanticFormsActive dl.colspan-2 {
+form.semanticForms.semanticFormsActive dl.colspan-2,
+form.semanticForms.light.semanticFormsActive fieldset.colspan-2 dl,
+form.semanticForms.light.semanticFormsActive dl.colspan-2,
+table.semanticForms.semanticFormsActive fieldset.colspan-2 dl,
+table.semanticForms.semanticFormsActive dl.colspan-2,
+table.semanticForms.light.semanticFormsActive fieldset.colspan-2 dl,
+table.semanticForms.light.semanticFormsActive dl.colspan-2 {
   grid-template-columns: repeat(2, minmax(var(--semanticFormsInputMinWidth), 1fr));
 }
 form.semanticForms.semanticFormsActive fieldset.colspan-1 dl,
-form.semanticForms.semanticFormsActive dl.colspan-1, form.semanticForms.light.semanticFormsActive fieldset.colspan-1 dl,
-form.semanticForms.light.semanticFormsActive dl.colspan-1 {
+form.semanticForms.semanticFormsActive dl.colspan-1,
+form.semanticForms.light.semanticFormsActive fieldset.colspan-1 dl,
+form.semanticForms.light.semanticFormsActive dl.colspan-1,
+table.semanticForms.semanticFormsActive fieldset.colspan-1 dl,
+table.semanticForms.semanticFormsActive dl.colspan-1,
+table.semanticForms.light.semanticFormsActive fieldset.colspan-1 dl,
+table.semanticForms.light.semanticFormsActive dl.colspan-1 {
   grid-template-columns: repeat(1, minmax(var(--semanticFormsInputMinWidth), 1fr));
 }
 @container semanticForm (width > 2250px) {
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl, form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.light.semanticFormsActive.lowFlow dl {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl {
     grid-template-columns: repeat(6, minmax(var(--semanticFormsInputMinWidth), 1fr));
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 1) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 1) {
     grid-column: 1;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 2) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 2) {
     grid-column: 2;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 3) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 3) {
     grid-column: 3;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 4), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 4), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 4), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 4), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 4), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 4) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 4), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 4) {
     grid-column: 4;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 5), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 5), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 5), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 5), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 5), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 5), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 5), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 5) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 5), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 5), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 5), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 5),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 5),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 5),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 5),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 5),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 5),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 5),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 5),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 5),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 5),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 5),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 5),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 5) {
     grid-column: 5;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 6), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 6), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 6), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 6), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 6), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 6), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 6), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 6) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 6), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 6), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 6), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 6),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 6),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 6),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 6),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 6),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 6),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 6),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 6),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 6),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(6n + 6),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(6n + 6),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(6n + 6),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(6n + 6) {
     grid-column: 6;
   }
 }
 @container semanticForm (width < 2250px) {
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl, form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.light.semanticFormsActive.lowFlow dl {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl {
     grid-template-columns: repeat(5, minmax(var(--semanticFormsInputMinWidth), 1fr));
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 1) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 1) {
     grid-column: 1;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 2) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 2) {
     grid-column: 2;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 3) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 3) {
     grid-column: 3;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 4), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 4), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 4), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 4), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 4), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 4) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 4), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 4) {
     grid-column: 4;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 5), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 5), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 5), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 5), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 5), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 5), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 5), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 5) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 5), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 5), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 5), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 5),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 5),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 5),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 5),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 5),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 5),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 5),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 5),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 5),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(5n + 5),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(5n + 5),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(5n + 5),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(5n + 5) {
     grid-column: 5;
   }
 }
 @container semanticForm (width < 1300px) {
   form.semanticForms.semanticFormsActive fieldset.colspan-5 dl,
-  form.semanticForms.semanticFormsActive dl.colspan-5, form.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
-  form.semanticForms.light.semanticFormsActive dl.colspan-5 {
+  form.semanticForms.semanticFormsActive dl.colspan-5,
+  form.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
+  form.semanticForms.light.semanticFormsActive dl.colspan-5,
+  table.semanticForms.semanticFormsActive fieldset.colspan-5 dl,
+  table.semanticForms.semanticFormsActive dl.colspan-5,
+  table.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
+  table.semanticForms.light.semanticFormsActive dl.colspan-5 {
     grid-template-columns: repeat(4, minmax(var(--semanticFormsInputMinWidth), 1fr)) !important;
   }
-  form.semanticForms.semanticFormsActive div.colspan-5, form.semanticForms.light.semanticFormsActive div.colspan-5 {
+  form.semanticForms.semanticFormsActive div.colspan-5,
+  form.semanticForms.light.semanticFormsActive div.colspan-5,
+  table.semanticForms.semanticFormsActive div.colspan-5,
+  table.semanticForms.light.semanticFormsActive div.colspan-5 {
     grid-column: span 4 !important;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5, form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.light.semanticFormsActive.lowFlow dl, form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 {
     grid-template-columns: repeat(4, minmax(var(--semanticFormsInputMinWidth), 1fr));
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 1) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 1) {
     grid-column: 1;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 2) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 2) {
     grid-column: 2;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 3) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 3) {
     grid-column: 3;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 4), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 4), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 4), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 4), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 4), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 4), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 4), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 4), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 4) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 4), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 4),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 4),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(4n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(4n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(4n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(4n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(4n + 4),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(4n + 4) {
     grid-column: 4;
   }
 }
@@ -756,25 +1638,166 @@ form.semanticForms.light.semanticFormsActive dl.colspan-1 {
   form.semanticForms.semanticFormsActive fieldset.colspan-4 dl,
   form.semanticForms.semanticFormsActive fieldset.colspan-5 dl,
   form.semanticForms.semanticFormsActive dl.colspan-4,
-  form.semanticForms.semanticFormsActive dl.colspan-5, form.semanticForms.light.semanticFormsActive fieldset.colspan-4 dl,
+  form.semanticForms.semanticFormsActive dl.colspan-5,
+  form.semanticForms.light.semanticFormsActive fieldset.colspan-4 dl,
   form.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
   form.semanticForms.light.semanticFormsActive dl.colspan-4,
-  form.semanticForms.light.semanticFormsActive dl.colspan-5 {
+  form.semanticForms.light.semanticFormsActive dl.colspan-5,
+  table.semanticForms.semanticFormsActive fieldset.colspan-4 dl,
+  table.semanticForms.semanticFormsActive fieldset.colspan-5 dl,
+  table.semanticForms.semanticFormsActive dl.colspan-4,
+  table.semanticForms.semanticFormsActive dl.colspan-5,
+  table.semanticForms.light.semanticFormsActive fieldset.colspan-4 dl,
+  table.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
+  table.semanticForms.light.semanticFormsActive dl.colspan-4,
+  table.semanticForms.light.semanticFormsActive dl.colspan-5 {
     grid-template-columns: repeat(3, minmax(var(--semanticFormsInputMinWidth), 1fr)) !important;
   }
-  form.semanticForms.semanticFormsActive div.colspan-4, form.semanticForms.semanticFormsActive div.colspan-5, form.semanticForms.light.semanticFormsActive div.colspan-4, form.semanticForms.light.semanticFormsActive div.colspan-5 {
+  form.semanticForms.semanticFormsActive div.colspan-4, form.semanticForms.semanticFormsActive div.colspan-5,
+  form.semanticForms.light.semanticFormsActive div.colspan-4,
+  form.semanticForms.light.semanticFormsActive div.colspan-5,
+  table.semanticForms.semanticFormsActive div.colspan-4,
+  table.semanticForms.semanticFormsActive div.colspan-5,
+  table.semanticForms.light.semanticFormsActive div.colspan-4,
+  table.semanticForms.light.semanticFormsActive div.colspan-5 {
     grid-column: span 3 !important;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5, form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.light.semanticFormsActive.lowFlow dl, form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl, form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4, form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 {
     grid-template-columns: repeat(3, minmax(var(--semanticFormsInputMinWidth), 1fr));
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 1) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 1) {
     grid-column: 1;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 2) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 2) {
     grid-column: 2;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 3), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 3) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 3), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 3),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 3),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(3n + 3),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(3n + 3) {
     grid-column: 3;
   }
 }
@@ -784,28 +1807,168 @@ form.semanticForms.light.semanticFormsActive dl.colspan-1 {
   form.semanticForms.semanticFormsActive fieldset.colspan-5 dl,
   form.semanticForms.semanticFormsActive dl.colspan-3,
   form.semanticForms.semanticFormsActive dl.colspan-4,
-  form.semanticForms.semanticFormsActive dl.colspan-5, form.semanticForms.light.semanticFormsActive fieldset.colspan-3 dl,
+  form.semanticForms.semanticFormsActive dl.colspan-5,
+  form.semanticForms.light.semanticFormsActive fieldset.colspan-3 dl,
   form.semanticForms.light.semanticFormsActive fieldset.colspan-4 dl,
   form.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
   form.semanticForms.light.semanticFormsActive dl.colspan-3,
   form.semanticForms.light.semanticFormsActive dl.colspan-4,
-  form.semanticForms.light.semanticFormsActive dl.colspan-5 {
+  form.semanticForms.light.semanticFormsActive dl.colspan-5,
+  table.semanticForms.semanticFormsActive fieldset.colspan-3 dl,
+  table.semanticForms.semanticFormsActive fieldset.colspan-4 dl,
+  table.semanticForms.semanticFormsActive fieldset.colspan-5 dl,
+  table.semanticForms.semanticFormsActive dl.colspan-3,
+  table.semanticForms.semanticFormsActive dl.colspan-4,
+  table.semanticForms.semanticFormsActive dl.colspan-5,
+  table.semanticForms.light.semanticFormsActive fieldset.colspan-3 dl,
+  table.semanticForms.light.semanticFormsActive fieldset.colspan-4 dl,
+  table.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
+  table.semanticForms.light.semanticFormsActive dl.colspan-3,
+  table.semanticForms.light.semanticFormsActive dl.colspan-4,
+  table.semanticForms.light.semanticFormsActive dl.colspan-5 {
     grid-template-columns: repeat(2, minmax(var(--semanticFormsInputMinWidth), 1fr)) !important;
   }
   form.semanticForms.semanticFormsActive div.colspan-3,
   form.semanticForms.semanticFormsActive div.colspan-4,
-  form.semanticForms.semanticFormsActive div.colspan-5, form.semanticForms.light.semanticFormsActive div.colspan-3,
+  form.semanticForms.semanticFormsActive div.colspan-5,
+  form.semanticForms.light.semanticFormsActive div.colspan-3,
   form.semanticForms.light.semanticFormsActive div.colspan-4,
-  form.semanticForms.light.semanticFormsActive div.colspan-5 {
+  form.semanticForms.light.semanticFormsActive div.colspan-5,
+  table.semanticForms.semanticFormsActive div.colspan-3,
+  table.semanticForms.semanticFormsActive div.colspan-4,
+  table.semanticForms.semanticFormsActive div.colspan-5,
+  table.semanticForms.light.semanticFormsActive div.colspan-3,
+  table.semanticForms.light.semanticFormsActive div.colspan-4,
+  table.semanticForms.light.semanticFormsActive div.colspan-5 {
     grid-column: span 2 !important;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5, form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.light.semanticFormsActive.lowFlow dl, form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl, form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3, form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl, form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4, form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-3,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 {
     grid-template-columns: repeat(2, minmax(var(--semanticFormsInputMinWidth), 1fr));
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 1) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 1) {
     grid-column: 1;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 2), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 2) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 2),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 2),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(2n + 2),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(2n + 2) {
     grid-column: 2;
   }
 }
@@ -818,7 +1981,8 @@ form.semanticForms.light.semanticFormsActive dl.colspan-1 {
   form.semanticForms.semanticFormsActive dl.colspan-3,
   form.semanticForms.semanticFormsActive dl.colspan-4,
   form.semanticForms.semanticFormsActive dl.colspan-5,
-  form.semanticForms.semanticFormsActive dl, form.semanticForms.light.semanticFormsActive fieldset.colspan-2 dl,
+  form.semanticForms.semanticFormsActive dl,
+  form.semanticForms.light.semanticFormsActive fieldset.colspan-2 dl,
   form.semanticForms.light.semanticFormsActive fieldset.colspan-3 dl,
   form.semanticForms.light.semanticFormsActive fieldset.colspan-4 dl,
   form.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
@@ -826,54 +1990,275 @@ form.semanticForms.light.semanticFormsActive dl.colspan-1 {
   form.semanticForms.light.semanticFormsActive dl.colspan-3,
   form.semanticForms.light.semanticFormsActive dl.colspan-4,
   form.semanticForms.light.semanticFormsActive dl.colspan-5,
-  form.semanticForms.light.semanticFormsActive dl {
+  form.semanticForms.light.semanticFormsActive dl,
+  table.semanticForms.semanticFormsActive fieldset.colspan-2 dl,
+  table.semanticForms.semanticFormsActive fieldset.colspan-3 dl,
+  table.semanticForms.semanticFormsActive fieldset.colspan-4 dl,
+  table.semanticForms.semanticFormsActive fieldset.colspan-5 dl,
+  table.semanticForms.semanticFormsActive dl.colspan-2,
+  table.semanticForms.semanticFormsActive dl.colspan-3,
+  table.semanticForms.semanticFormsActive dl.colspan-4,
+  table.semanticForms.semanticFormsActive dl.colspan-5,
+  table.semanticForms.semanticFormsActive dl,
+  table.semanticForms.light.semanticFormsActive fieldset.colspan-2 dl,
+  table.semanticForms.light.semanticFormsActive fieldset.colspan-3 dl,
+  table.semanticForms.light.semanticFormsActive fieldset.colspan-4 dl,
+  table.semanticForms.light.semanticFormsActive fieldset.colspan-5 dl,
+  table.semanticForms.light.semanticFormsActive dl.colspan-2,
+  table.semanticForms.light.semanticFormsActive dl.colspan-3,
+  table.semanticForms.light.semanticFormsActive dl.colspan-4,
+  table.semanticForms.light.semanticFormsActive dl.colspan-5,
+  table.semanticForms.light.semanticFormsActive dl {
     grid-template-columns: repeat(1, minmax(var(--semanticFormsInputMinWidth), 1fr)) !important;
   }
-  form.semanticForms.semanticFormsActive div.colspan-2, form.semanticForms.semanticFormsActive div.colspan-3, form.semanticForms.semanticFormsActive div.colspan-4, form.semanticForms.semanticFormsActive div.colspan-5, form.semanticForms.light.semanticFormsActive div.colspan-2, form.semanticForms.light.semanticFormsActive div.colspan-3, form.semanticForms.light.semanticFormsActive div.colspan-4, form.semanticForms.light.semanticFormsActive div.colspan-5 {
+  form.semanticForms.semanticFormsActive div.colspan-2, form.semanticForms.semanticFormsActive div.colspan-3, form.semanticForms.semanticFormsActive div.colspan-4, form.semanticForms.semanticFormsActive div.colspan-5,
+  form.semanticForms.light.semanticFormsActive div.colspan-2,
+  form.semanticForms.light.semanticFormsActive div.colspan-3,
+  form.semanticForms.light.semanticFormsActive div.colspan-4,
+  form.semanticForms.light.semanticFormsActive div.colspan-5,
+  table.semanticForms.semanticFormsActive div.colspan-2,
+  table.semanticForms.semanticFormsActive div.colspan-3,
+  table.semanticForms.semanticFormsActive div.colspan-4,
+  table.semanticForms.semanticFormsActive div.colspan-5,
+  table.semanticForms.light.semanticFormsActive div.colspan-2,
+  table.semanticForms.light.semanticFormsActive div.colspan-3,
+  table.semanticForms.light.semanticFormsActive div.colspan-4,
+  table.semanticForms.light.semanticFormsActive div.colspan-5 {
     grid-column: span 1 !important;
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-2 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-2, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5, form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.light.semanticFormsActive.lowFlow dl, form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-2 dl, form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-2, form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl, form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3, form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl, form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4, form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl, form.semanticForms.semanticFormsActive.lowFlow dl, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-2 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-2, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4, form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl, form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-2 dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-2,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4,
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-2 dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-2,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-3,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4,
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-2 dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-2,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4,
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl,
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 {
     grid-template-columns: repeat(1, minmax(var(--semanticFormsInputMinWidth), 1fr));
   }
-  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-2 dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-2 dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-2 dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-2 dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-2 dl dt:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-2 dl dd:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-2 dt:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-2 dd:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(n + 1), form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(n + 1) {
+  form.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-2 dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-2 dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-2 dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-2 dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(n + 1), form.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-2 dl dt:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-2 dl dd:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-2 dt:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-2 dd:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(n + 1),
+  form.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dt:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl dd:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-2 dl dt:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-2 dl dd:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-2 dt:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-2 dd:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(n + 1),
+  table.semanticForms.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dt:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset dl dd:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dt:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl dd:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-2 dl dt:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-2 dl dd:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-2 dt:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-2 dd:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dt:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-3 dl dd:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dt:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-3 dd:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dt:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-4 dl dd:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dt:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-4 dd:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dt:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow fieldset.colspan-5 dl dd:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dt:nth-of-type(n + 1),
+  table.semanticForms.light.semanticFormsActive.lowFlow dl.colspan-5 dd:nth-of-type(n + 1) {
     grid-column: 1;
   }
 }
-form.semanticForms:not(.semanticFormsActive) dl, form.semanticForms.light:not(.semanticFormsActive) dl {
-  display: flex;
-  flex-direction: column;
+form.semanticForms.semanticFormsActive.lowFlow,
+form.semanticForms.light.semanticFormsActive.lowFlow,
+table.semanticForms.semanticFormsActive.lowFlow,
+table.semanticForms.light.semanticFormsActive.lowFlow {
   gap: 5px;
 }
-form.semanticForms:not(.semanticFormsActive) dl dt, form.semanticForms.light:not(.semanticFormsActive) dl dt {
-  max-width: 365px !important; /* this matches the max-width of js-enabled inputs */
-}
-form.semanticForms:not(.semanticFormsActive) dl dt:has(+ dd input:required) label::after, form.semanticForms.light:not(.semanticFormsActive) dl dt:has(+ dd input:required) label::after {
+form.semanticForms.semanticFormsActive.lowFlow dl,
+form.semanticForms.light.semanticFormsActive.lowFlow dl,
+table.semanticForms.semanticFormsActive.lowFlow dl,
+table.semanticForms.light.semanticFormsActive.lowFlow dl {
+  grid-auto-flow: dense;
+}
+form.semanticForms.semanticFormsActive.lowFlow > dt:nth-of-type(2n + 1), form.semanticForms.semanticFormsActive.lowFlow > dd:nth-of-type(2n + 1),
+form.semanticForms.light.semanticFormsActive.lowFlow > dt:nth-of-type(2n + 1),
+form.semanticForms.light.semanticFormsActive.lowFlow > dd:nth-of-type(2n + 1),
+table.semanticForms.semanticFormsActive.lowFlow > dt:nth-of-type(2n + 1),
+table.semanticForms.semanticFormsActive.lowFlow > dd:nth-of-type(2n + 1),
+table.semanticForms.light.semanticFormsActive.lowFlow > dt:nth-of-type(2n + 1),
+table.semanticForms.light.semanticFormsActive.lowFlow > dd:nth-of-type(2n + 1) {
+  grid-column: 1;
+}
+form.semanticForms.semanticFormsActive.lowFlow > dt:nth-of-type(2n + 2), form.semanticForms.semanticFormsActive.lowFlow > dd:nth-of-type(2n + 2),
+form.semanticForms.light.semanticFormsActive.lowFlow > dt:nth-of-type(2n + 2),
+form.semanticForms.light.semanticFormsActive.lowFlow > dd:nth-of-type(2n + 2),
+table.semanticForms.semanticFormsActive.lowFlow > dt:nth-of-type(2n + 2),
+table.semanticForms.semanticFormsActive.lowFlow > dd:nth-of-type(2n + 2),
+table.semanticForms.light.semanticFormsActive.lowFlow > dt:nth-of-type(2n + 2),
+table.semanticForms.light.semanticFormsActive.lowFlow > dd:nth-of-type(2n + 2) {
+  grid-column: 2;
+}
+form.semanticForms.semanticFormsActive.lowFlow dt,
+form.semanticForms.light.semanticFormsActive.lowFlow dt,
+table.semanticForms.semanticFormsActive.lowFlow dt,
+table.semanticForms.light.semanticFormsActive.lowFlow dt {
+  min-width: var(--semanticFormsInputMinWidth) !important; /* this matches the max-width of js-enabled inputs */
+}
+form.semanticForms.semanticFormsActive.lowFlow dt:has(+ dd input:required) label::after,
+form.semanticForms.light.semanticFormsActive.lowFlow dt:has(+ dd input:required) label::after,
+table.semanticForms.semanticFormsActive.lowFlow dt:has(+ dd input:required) label::after,
+table.semanticForms.light.semanticFormsActive.lowFlow dt:has(+ dd input:required) label::after {
   content: " *";
   color: red;
 }
-form.semanticForms:not(.semanticFormsActive) dl dd, form.semanticForms.light:not(.semanticFormsActive) dl dd {
+form.semanticForms.semanticFormsActive.lowFlow dd,
+form.semanticForms.light.semanticFormsActive.lowFlow dd,
+table.semanticForms.semanticFormsActive.lowFlow dd,
+table.semanticForms.light.semanticFormsActive.lowFlow dd {
   margin-bottom: 10px;
-  max-width: 365px !important; /* this matches the max-width of js-enabled inputs */
+  min-width: var(--semanticFormsInputMinWidth) !important; /* this matches the max-width of js-enabled inputs */
 }
-form.semanticForms:not(.semanticFormsActive) dl dd:not(.checkboxes) input[type=checkbox], form.semanticForms.light:not(.semanticFormsActive) dl dd:not(.checkboxes) input[type=checkbox] {
+form.semanticForms.semanticFormsActive.lowFlow dd:not(.checkboxes) input[type=checkbox],
+form.semanticForms.light.semanticFormsActive.lowFlow dd:not(.checkboxes) input[type=checkbox],
+table.semanticForms.semanticFormsActive.lowFlow dd:not(.checkboxes) input[type=checkbox],
+table.semanticForms.light.semanticFormsActive.lowFlow dd:not(.checkboxes) input[type=checkbox] {
   margin-left: 10px;
 }
-form.semanticForms:not(.semanticFormsActive) dl dd input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio], [type=range]),
-form.semanticForms:not(.semanticFormsActive) dl dd select,
-form.semanticForms:not(.semanticFormsActive) dl dd textarea, form.semanticForms.light:not(.semanticFormsActive) dl dd input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio], [type=range]),
-form.semanticForms.light:not(.semanticFormsActive) dl dd select,
-form.semanticForms.light:not(.semanticFormsActive) dl dd textarea {
+form.semanticForms.semanticFormsActive.lowFlow dd input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio], [type=range]),
+form.semanticForms.semanticFormsActive.lowFlow dd select,
+form.semanticForms.semanticFormsActive.lowFlow dd textarea,
+form.semanticForms.light.semanticFormsActive.lowFlow dd input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio], [type=range]),
+form.semanticForms.light.semanticFormsActive.lowFlow dd select,
+form.semanticForms.light.semanticFormsActive.lowFlow dd textarea,
+table.semanticForms.semanticFormsActive.lowFlow dd input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio], [type=range]),
+table.semanticForms.semanticFormsActive.lowFlow dd select,
+table.semanticForms.semanticFormsActive.lowFlow dd textarea,
+table.semanticForms.light.semanticFormsActive.lowFlow dd input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio], [type=range]),
+table.semanticForms.light.semanticFormsActive.lowFlow dd select,
+table.semanticForms.light.semanticFormsActive.lowFlow dd textarea {
   padding-right: 6px;
 }
-form.semanticForms:not(.semanticFormsActive) dl dd label, form.semanticForms.light:not(.semanticFormsActive) dl dd label {
+form.semanticForms.semanticFormsActive.lowFlow dd label,
+form.semanticForms.light.semanticFormsActive.lowFlow dd label,
+table.semanticForms.semanticFormsActive.lowFlow dd label,
+table.semanticForms.light.semanticFormsActive.lowFlow dd label {
   margin-top: -5px;
   font-size: small;
   color: var(--semanticFormsPlaceholderColor);
 }
-form.semanticForms:not(.semanticFormsActive) .checkboxes ul,
-form.semanticForms:not(.semanticFormsActive) .radios ul, form.semanticForms.light:not(.semanticFormsActive) .checkboxes ul,
-form.semanticForms.light:not(.semanticFormsActive) .radios ul {
-  margin-top: calc(var(--semanticFormsInputTopMargin) / 2);
+form.semanticForms.semanticFormsActive .checkboxes ul,
+form.semanticForms.semanticFormsActive .radios ul,
+form.semanticForms.light.semanticFormsActive .checkboxes ul,
+form.semanticForms.light.semanticFormsActive .radios ul,
+table.semanticForms.semanticFormsActive .checkboxes ul,
+table.semanticForms.semanticFormsActive .radios ul,
+table.semanticForms.light.semanticFormsActive .checkboxes ul,
+table.semanticForms.light.semanticFormsActive .radios ul {
+  margin-top: var(--semanticFormsInputTopMargin);
+}
+
+.semanticForms table,
+table.semanticForms {
+  table-layout: fixed;
+  width: 100%;
+  border-spacing: 0;
+  border: var(--semanticFormsBorder);
+  border-radius: 10px;
+  margin-bottom: 15px;
+  overflow: hidden;
+}
+.semanticForms table tr.title th,
+table.semanticForms tr.title th {
+  background-color: var(--semanticFormsTableTitleColor);
+}
+.semanticForms table th,
+table.semanticForms th {
+  background-color: var(--semanticFormsTableHeaderColor);
+  font-weight: bold;
+}
+.semanticForms table tr:nth-child(odd) td,
+table.semanticForms tr:nth-child(odd) td {
+  background-color: var(--semanticFormsTableOddColor);
+}
+.semanticForms table tr:nth-child(even) td,
+table.semanticForms tr:nth-child(even) td {
+  background-color: var(--semanticFormsTableEvenColor);
+}
+.semanticForms table td, .semanticForms table th,
+table.semanticForms td,
+table.semanticForms th {
+  border-right: var(--semanticFormsTableBorder);
+  border-bottom: var(--semanticFormsTableBorder);
+  padding: 7px 10px;
+}
+.semanticForms table th:last-of-type, .semanticForms table td:last-of-type,
+table.semanticForms th:last-of-type,
+table.semanticForms td:last-of-type {
+  border-right: none;
+}
+.semanticForms table tbody tr:last-of-type th, .semanticForms table tbody tr:last-of-type td,
+table.semanticForms tbody tr:last-of-type th,
+table.semanticForms tbody tr:last-of-type td {
+  border-bottom: none;
+}
+.semanticForms table menu:has(li > input, li > label, li > button, li > select, li > textarea),
+table.semanticForms menu:has(li > input, li > label, li > button, li > select, li > textarea) {
+  width: max-content;
 }
 
 /*# sourceMappingURL=semantic-forms.css.map */