uswds-extended 3.13.1 → 3.14.0

package/dist/css/uswds.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-/*! uswds v3.13.1 */
+/*! uswds v3.14.0 */
 html{
   line-height:1.15;
   -webkit-text-size-adjust:100%;
@@ -19528,6 +19528,26 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
   display:flex;
 }
 
+.display-grid{
+  display:grid;
+}
+
+.group:hover .group-hover\:display-grid{
+  display:grid;
+}
+
+.group:focus .group-focus\:display-grid{
+  display:grid;
+}
+
+.peer:hover ~ .peer-hover\:display-grid{
+  display:grid;
+}
+
+.peer:focus ~ .peer-focus\:display-grid{
+  display:grid;
+}
+
 .display-none{
   display:none;
 }
@@ -19608,6 +19628,26 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
   display:inline-flex;
 }
 
+.display-inline-grid{
+  display:inline-grid;
+}
+
+.group:hover .group-hover\:display-inline-grid{
+  display:inline-grid;
+}
+
+.group:focus .group-focus\:display-inline-grid{
+  display:inline-grid;
+}
+
+.peer:hover ~ .peer-hover\:display-inline-grid{
+  display:inline-grid;
+}
+
+.peer:focus ~ .peer-focus\:display-inline-grid{
+  display:inline-grid;
+}
+
 .display-table{
   display:table;
 }
@@ -25713,6 +25753,418 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
   z-index:500;
 }
 
+.grid-cols-1{
+  grid-template-columns:repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2{
+  grid-template-columns:repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3{
+  grid-template-columns:repeat(3, minmax(0, 1fr));
+}
+
+.grid-cols-4{
+  grid-template-columns:repeat(4, minmax(0, 1fr));
+}
+
+.grid-cols-5{
+  grid-template-columns:repeat(5, minmax(0, 1fr));
+}
+
+.grid-cols-6{
+  grid-template-columns:repeat(6, minmax(0, 1fr));
+}
+
+.grid-cols-7{
+  grid-template-columns:repeat(7, minmax(0, 1fr));
+}
+
+.grid-cols-8{
+  grid-template-columns:repeat(8, minmax(0, 1fr));
+}
+
+.grid-cols-9{
+  grid-template-columns:repeat(9, minmax(0, 1fr));
+}
+
+.grid-cols-10{
+  grid-template-columns:repeat(10, minmax(0, 1fr));
+}
+
+.grid-cols-11{
+  grid-template-columns:repeat(11, minmax(0, 1fr));
+}
+
+.grid-cols-12{
+  grid-template-columns:repeat(12, minmax(0, 1fr));
+}
+
+.grid-cols-none{
+  grid-template-columns:none;
+}
+
+.grid-rows-1{
+  grid-template-rows:repeat(1, minmax(0, 1fr));
+}
+
+.grid-rows-2{
+  grid-template-rows:repeat(2, minmax(0, 1fr));
+}
+
+.grid-rows-3{
+  grid-template-rows:repeat(3, minmax(0, 1fr));
+}
+
+.grid-rows-4{
+  grid-template-rows:repeat(4, minmax(0, 1fr));
+}
+
+.grid-rows-5{
+  grid-template-rows:repeat(5, minmax(0, 1fr));
+}
+
+.grid-rows-6{
+  grid-template-rows:repeat(6, minmax(0, 1fr));
+}
+
+.grid-rows-none{
+  grid-template-rows:none;
+}
+
+.col-span-1{
+  grid-column:span 1/span 1;
+}
+
+.col-span-2{
+  grid-column:span 2/span 2;
+}
+
+.col-span-3{
+  grid-column:span 3/span 3;
+}
+
+.col-span-4{
+  grid-column:span 4/span 4;
+}
+
+.col-span-5{
+  grid-column:span 5/span 5;
+}
+
+.col-span-6{
+  grid-column:span 6/span 6;
+}
+
+.col-span-7{
+  grid-column:span 7/span 7;
+}
+
+.col-span-8{
+  grid-column:span 8/span 8;
+}
+
+.col-span-9{
+  grid-column:span 9/span 9;
+}
+
+.col-span-10{
+  grid-column:span 10/span 10;
+}
+
+.col-span-11{
+  grid-column:span 11/span 11;
+}
+
+.col-span-12{
+  grid-column:span 12/span 12;
+}
+
+.col-span-full{
+  grid-column:-1;
+}
+
+.col-span-auto{
+  grid-column:auto;
+}
+
+.row-span-1{
+  grid-row:span 1/span 1;
+}
+
+.row-span-2{
+  grid-row:span 2/span 2;
+}
+
+.row-span-3{
+  grid-row:span 3/span 3;
+}
+
+.row-span-4{
+  grid-row:span 4/span 4;
+}
+
+.row-span-5{
+  grid-row:span 5/span 5;
+}
+
+.row-span-6{
+  grid-row:span 6/span 6;
+}
+
+.row-span-full{
+  grid-row:-1;
+}
+
+.row-span-auto{
+  grid-row:auto;
+}
+
+.col-start-1{
+  grid-column-start:1;
+}
+
+.col-start-2{
+  grid-column-start:2;
+}
+
+.col-start-3{
+  grid-column-start:3;
+}
+
+.col-start-4{
+  grid-column-start:4;
+}
+
+.col-start-5{
+  grid-column-start:5;
+}
+
+.col-start-6{
+  grid-column-start:6;
+}
+
+.col-start-7{
+  grid-column-start:7;
+}
+
+.col-start-8{
+  grid-column-start:8;
+}
+
+.col-start-9{
+  grid-column-start:9;
+}
+
+.col-start-10{
+  grid-column-start:10;
+}
+
+.col-start-11{
+  grid-column-start:11;
+}
+
+.col-start-12{
+  grid-column-start:12;
+}
+
+.col-start-13{
+  grid-column-start:13;
+}
+
+.col-start-auto{
+  grid-column-start:auto;
+}
+
+.col-end-1{
+  grid-column-end:1;
+}
+
+.col-end-2{
+  grid-column-end:2;
+}
+
+.col-end-3{
+  grid-column-end:3;
+}
+
+.col-end-4{
+  grid-column-end:4;
+}
+
+.col-end-5{
+  grid-column-end:5;
+}
+
+.col-end-6{
+  grid-column-end:6;
+}
+
+.col-end-7{
+  grid-column-end:7;
+}
+
+.col-end-8{
+  grid-column-end:8;
+}
+
+.col-end-9{
+  grid-column-end:9;
+}
+
+.col-end-10{
+  grid-column-end:10;
+}
+
+.col-end-11{
+  grid-column-end:11;
+}
+
+.col-end-12{
+  grid-column-end:12;
+}
+
+.col-end-13{
+  grid-column-end:13;
+}
+
+.col-end-auto{
+  grid-column-end:auto;
+}
+
+.row-start-1{
+  grid-row-start:1;
+}
+
+.row-start-2{
+  grid-row-start:2;
+}
+
+.row-start-3{
+  grid-row-start:3;
+}
+
+.row-start-4{
+  grid-row-start:4;
+}
+
+.row-start-5{
+  grid-row-start:5;
+}
+
+.row-start-6{
+  grid-row-start:6;
+}
+
+.row-start-7{
+  grid-row-start:7;
+}
+
+.row-start-8{
+  grid-row-start:8;
+}
+
+.row-start-9{
+  grid-row-start:9;
+}
+
+.row-start-10{
+  grid-row-start:10;
+}
+
+.row-start-11{
+  grid-row-start:11;
+}
+
+.row-start-12{
+  grid-row-start:12;
+}
+
+.row-start-13{
+  grid-row-start:13;
+}
+
+.row-start-auto{
+  grid-row-start:auto;
+}
+
+.row-end-1{
+  grid-row-end:1;
+}
+
+.row-end-2{
+  grid-row-end:2;
+}
+
+.row-end-3{
+  grid-row-end:3;
+}
+
+.row-end-4{
+  grid-row-end:4;
+}
+
+.row-end-5{
+  grid-row-end:5;
+}
+
+.row-end-6{
+  grid-row-end:6;
+}
+
+.row-end-7{
+  grid-row-end:7;
+}
+
+.row-end-8{
+  grid-row-end:8;
+}
+
+.row-end-9{
+  grid-row-end:9;
+}
+
+.row-end-10{
+  grid-row-end:10;
+}
+
+.row-end-11{
+  grid-row-end:11;
+}
+
+.row-end-12{
+  grid-row-end:12;
+}
+
+.row-end-13{
+  grid-row-end:13;
+}
+
+.row-end-auto{
+  grid-row-end:auto;
+}
+
+.grid-flow-row{
+  grid-auto-flow:row;
+}
+
+.grid-flow-col{
+  grid-auto-flow:column;
+}
+
+.grid-flow-dense{
+  grid-auto-flow:dense;
+}
+
+.grid-flow-row-dense{
+  grid-auto-flow:row dense;
+}
+
+.grid-flow-col-dense{
+  grid-auto-flow:column dense;
+}
+
 @media all and (min-width: 30em){
   .mobile-lg\:flex-align-start{
     align-items:flex-start;
@@ -29562,6 +30014,21 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
   .peer:focus ~ .mobile-lg\:peer-focus\:display-flex{
     display:flex;
   }
+  .mobile-lg\:display-grid{
+    display:grid;
+  }
+  .group:hover .mobile-lg\:group-hover\:display-grid{
+    display:grid;
+  }
+  .group:focus .mobile-lg\:group-focus\:display-grid{
+    display:grid;
+  }
+  .peer:hover ~ .mobile-lg\:peer-hover\:display-grid{
+    display:grid;
+  }
+  .peer:focus ~ .mobile-lg\:peer-focus\:display-grid{
+    display:grid;
+  }
   .mobile-lg\:display-none{
     display:none;
   }
@@ -29622,6 +30089,21 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
   .peer:focus ~ .mobile-lg\:peer-focus\:display-inline-flex{
     display:inline-flex;
   }
+  .mobile-lg\:display-inline-grid{
+    display:inline-grid;
+  }
+  .group:hover .mobile-lg\:group-hover\:display-inline-grid{
+    display:inline-grid;
+  }
+  .group:focus .mobile-lg\:group-focus\:display-inline-grid{
+    display:inline-grid;
+  }
+  .peer:hover ~ .mobile-lg\:peer-hover\:display-inline-grid{
+    display:inline-grid;
+  }
+  .peer:focus ~ .mobile-lg\:peer-focus\:display-inline-grid{
+    display:inline-grid;
+  }
   .mobile-lg\:display-table{
     display:table;
   }
@@ -32222,6 +32704,315 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
     width:-moz-fit-content;
     width:fit-content;
   }
+  .mobile-lg\:grid-cols-1{
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-2{
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-4{
+    grid-template-columns:repeat(4, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-5{
+    grid-template-columns:repeat(5, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-6{
+    grid-template-columns:repeat(6, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-7{
+    grid-template-columns:repeat(7, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-8{
+    grid-template-columns:repeat(8, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-9{
+    grid-template-columns:repeat(9, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-10{
+    grid-template-columns:repeat(10, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-11{
+    grid-template-columns:repeat(11, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-12{
+    grid-template-columns:repeat(12, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-cols-none{
+    grid-template-columns:none;
+  }
+  .mobile-lg\:grid-rows-1{
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-rows-2{
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-rows-3{
+    grid-template-rows:repeat(3, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-rows-4{
+    grid-template-rows:repeat(4, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-rows-5{
+    grid-template-rows:repeat(5, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-rows-6{
+    grid-template-rows:repeat(6, minmax(0, 1fr));
+  }
+  .mobile-lg\:grid-rows-none{
+    grid-template-rows:none;
+  }
+  .mobile-lg\:col-span-1{
+    grid-column:span 1/span 1;
+  }
+  .mobile-lg\:col-span-2{
+    grid-column:span 2/span 2;
+  }
+  .mobile-lg\:col-span-3{
+    grid-column:span 3/span 3;
+  }
+  .mobile-lg\:col-span-4{
+    grid-column:span 4/span 4;
+  }
+  .mobile-lg\:col-span-5{
+    grid-column:span 5/span 5;
+  }
+  .mobile-lg\:col-span-6{
+    grid-column:span 6/span 6;
+  }
+  .mobile-lg\:col-span-7{
+    grid-column:span 7/span 7;
+  }
+  .mobile-lg\:col-span-8{
+    grid-column:span 8/span 8;
+  }
+  .mobile-lg\:col-span-9{
+    grid-column:span 9/span 9;
+  }
+  .mobile-lg\:col-span-10{
+    grid-column:span 10/span 10;
+  }
+  .mobile-lg\:col-span-11{
+    grid-column:span 11/span 11;
+  }
+  .mobile-lg\:col-span-12{
+    grid-column:span 12/span 12;
+  }
+  .mobile-lg\:col-span-full{
+    grid-column:-1;
+  }
+  .mobile-lg\:col-span-auto{
+    grid-column:auto;
+  }
+  .mobile-lg\:row-span-1{
+    grid-row:span 1/span 1;
+  }
+  .mobile-lg\:row-span-2{
+    grid-row:span 2/span 2;
+  }
+  .mobile-lg\:row-span-3{
+    grid-row:span 3/span 3;
+  }
+  .mobile-lg\:row-span-4{
+    grid-row:span 4/span 4;
+  }
+  .mobile-lg\:row-span-5{
+    grid-row:span 5/span 5;
+  }
+  .mobile-lg\:row-span-6{
+    grid-row:span 6/span 6;
+  }
+  .mobile-lg\:row-span-full{
+    grid-row:-1;
+  }
+  .mobile-lg\:row-span-auto{
+    grid-row:auto;
+  }
+  .mobile-lg\:col-start-1{
+    grid-column-start:1;
+  }
+  .mobile-lg\:col-start-2{
+    grid-column-start:2;
+  }
+  .mobile-lg\:col-start-3{
+    grid-column-start:3;
+  }
+  .mobile-lg\:col-start-4{
+    grid-column-start:4;
+  }
+  .mobile-lg\:col-start-5{
+    grid-column-start:5;
+  }
+  .mobile-lg\:col-start-6{
+    grid-column-start:6;
+  }
+  .mobile-lg\:col-start-7{
+    grid-column-start:7;
+  }
+  .mobile-lg\:col-start-8{
+    grid-column-start:8;
+  }
+  .mobile-lg\:col-start-9{
+    grid-column-start:9;
+  }
+  .mobile-lg\:col-start-10{
+    grid-column-start:10;
+  }
+  .mobile-lg\:col-start-11{
+    grid-column-start:11;
+  }
+  .mobile-lg\:col-start-12{
+    grid-column-start:12;
+  }
+  .mobile-lg\:col-start-13{
+    grid-column-start:13;
+  }
+  .mobile-lg\:col-start-auto{
+    grid-column-start:auto;
+  }
+  .mobile-lg\:col-end-1{
+    grid-column-end:1;
+  }
+  .mobile-lg\:col-end-2{
+    grid-column-end:2;
+  }
+  .mobile-lg\:col-end-3{
+    grid-column-end:3;
+  }
+  .mobile-lg\:col-end-4{
+    grid-column-end:4;
+  }
+  .mobile-lg\:col-end-5{
+    grid-column-end:5;
+  }
+  .mobile-lg\:col-end-6{
+    grid-column-end:6;
+  }
+  .mobile-lg\:col-end-7{
+    grid-column-end:7;
+  }
+  .mobile-lg\:col-end-8{
+    grid-column-end:8;
+  }
+  .mobile-lg\:col-end-9{
+    grid-column-end:9;
+  }
+  .mobile-lg\:col-end-10{
+    grid-column-end:10;
+  }
+  .mobile-lg\:col-end-11{
+    grid-column-end:11;
+  }
+  .mobile-lg\:col-end-12{
+    grid-column-end:12;
+  }
+  .mobile-lg\:col-end-13{
+    grid-column-end:13;
+  }
+  .mobile-lg\:col-end-auto{
+    grid-column-end:auto;
+  }
+  .mobile-lg\:row-start-1{
+    grid-row-start:1;
+  }
+  .mobile-lg\:row-start-2{
+    grid-row-start:2;
+  }
+  .mobile-lg\:row-start-3{
+    grid-row-start:3;
+  }
+  .mobile-lg\:row-start-4{
+    grid-row-start:4;
+  }
+  .mobile-lg\:row-start-5{
+    grid-row-start:5;
+  }
+  .mobile-lg\:row-start-6{
+    grid-row-start:6;
+  }
+  .mobile-lg\:row-start-7{
+    grid-row-start:7;
+  }
+  .mobile-lg\:row-start-8{
+    grid-row-start:8;
+  }
+  .mobile-lg\:row-start-9{
+    grid-row-start:9;
+  }
+  .mobile-lg\:row-start-10{
+    grid-row-start:10;
+  }
+  .mobile-lg\:row-start-11{
+    grid-row-start:11;
+  }
+  .mobile-lg\:row-start-12{
+    grid-row-start:12;
+  }
+  .mobile-lg\:row-start-13{
+    grid-row-start:13;
+  }
+  .mobile-lg\:row-start-auto{
+    grid-row-start:auto;
+  }
+  .mobile-lg\:row-end-1{
+    grid-row-end:1;
+  }
+  .mobile-lg\:row-end-2{
+    grid-row-end:2;
+  }
+  .mobile-lg\:row-end-3{
+    grid-row-end:3;
+  }
+  .mobile-lg\:row-end-4{
+    grid-row-end:4;
+  }
+  .mobile-lg\:row-end-5{
+    grid-row-end:5;
+  }
+  .mobile-lg\:row-end-6{
+    grid-row-end:6;
+  }
+  .mobile-lg\:row-end-7{
+    grid-row-end:7;
+  }
+  .mobile-lg\:row-end-8{
+    grid-row-end:8;
+  }
+  .mobile-lg\:row-end-9{
+    grid-row-end:9;
+  }
+  .mobile-lg\:row-end-10{
+    grid-row-end:10;
+  }
+  .mobile-lg\:row-end-11{
+    grid-row-end:11;
+  }
+  .mobile-lg\:row-end-12{
+    grid-row-end:12;
+  }
+  .mobile-lg\:row-end-13{
+    grid-row-end:13;
+  }
+  .mobile-lg\:row-end-auto{
+    grid-row-end:auto;
+  }
+  .mobile-lg\:grid-flow-row{
+    grid-auto-flow:row;
+  }
+  .mobile-lg\:grid-flow-col{
+    grid-auto-flow:column;
+  }
+  .mobile-lg\:grid-flow-dense{
+    grid-auto-flow:dense;
+  }
+  .mobile-lg\:grid-flow-row-dense{
+    grid-auto-flow:row dense;
+  }
+  .mobile-lg\:grid-flow-col-dense{
+    grid-auto-flow:column dense;
+  }
 }
 @media all and (min-width: 40em){
   .tablet\:flex-align-start{
@@ -36072,6 +36863,21 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
   .peer:focus ~ .tablet\:peer-focus\:display-flex{
     display:flex;
   }
+  .tablet\:display-grid{
+    display:grid;
+  }
+  .group:hover .tablet\:group-hover\:display-grid{
+    display:grid;
+  }
+  .group:focus .tablet\:group-focus\:display-grid{
+    display:grid;
+  }
+  .peer:hover ~ .tablet\:peer-hover\:display-grid{
+    display:grid;
+  }
+  .peer:focus ~ .tablet\:peer-focus\:display-grid{
+    display:grid;
+  }
   .tablet\:display-none{
     display:none;
   }
@@ -36132,6 +36938,21 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
   .peer:focus ~ .tablet\:peer-focus\:display-inline-flex{
     display:inline-flex;
   }
+  .tablet\:display-inline-grid{
+    display:inline-grid;
+  }
+  .group:hover .tablet\:group-hover\:display-inline-grid{
+    display:inline-grid;
+  }
+  .group:focus .tablet\:group-focus\:display-inline-grid{
+    display:inline-grid;
+  }
+  .peer:hover ~ .tablet\:peer-hover\:display-inline-grid{
+    display:inline-grid;
+  }
+  .peer:focus ~ .tablet\:peer-focus\:display-inline-grid{
+    display:inline-grid;
+  }
   .tablet\:display-table{
     display:table;
   }
@@ -38732,6 +39553,315 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
     width:-moz-fit-content;
     width:fit-content;
   }
+  .tablet\:grid-cols-1{
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-2{
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-4{
+    grid-template-columns:repeat(4, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-5{
+    grid-template-columns:repeat(5, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-6{
+    grid-template-columns:repeat(6, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-7{
+    grid-template-columns:repeat(7, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-8{
+    grid-template-columns:repeat(8, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-9{
+    grid-template-columns:repeat(9, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-10{
+    grid-template-columns:repeat(10, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-11{
+    grid-template-columns:repeat(11, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-12{
+    grid-template-columns:repeat(12, minmax(0, 1fr));
+  }
+  .tablet\:grid-cols-none{
+    grid-template-columns:none;
+  }
+  .tablet\:grid-rows-1{
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+  .tablet\:grid-rows-2{
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+  .tablet\:grid-rows-3{
+    grid-template-rows:repeat(3, minmax(0, 1fr));
+  }
+  .tablet\:grid-rows-4{
+    grid-template-rows:repeat(4, minmax(0, 1fr));
+  }
+  .tablet\:grid-rows-5{
+    grid-template-rows:repeat(5, minmax(0, 1fr));
+  }
+  .tablet\:grid-rows-6{
+    grid-template-rows:repeat(6, minmax(0, 1fr));
+  }
+  .tablet\:grid-rows-none{
+    grid-template-rows:none;
+  }
+  .tablet\:col-span-1{
+    grid-column:span 1/span 1;
+  }
+  .tablet\:col-span-2{
+    grid-column:span 2/span 2;
+  }
+  .tablet\:col-span-3{
+    grid-column:span 3/span 3;
+  }
+  .tablet\:col-span-4{
+    grid-column:span 4/span 4;
+  }
+  .tablet\:col-span-5{
+    grid-column:span 5/span 5;
+  }
+  .tablet\:col-span-6{
+    grid-column:span 6/span 6;
+  }
+  .tablet\:col-span-7{
+    grid-column:span 7/span 7;
+  }
+  .tablet\:col-span-8{
+    grid-column:span 8/span 8;
+  }
+  .tablet\:col-span-9{
+    grid-column:span 9/span 9;
+  }
+  .tablet\:col-span-10{
+    grid-column:span 10/span 10;
+  }
+  .tablet\:col-span-11{
+    grid-column:span 11/span 11;
+  }
+  .tablet\:col-span-12{
+    grid-column:span 12/span 12;
+  }
+  .tablet\:col-span-full{
+    grid-column:-1;
+  }
+  .tablet\:col-span-auto{
+    grid-column:auto;
+  }
+  .tablet\:row-span-1{
+    grid-row:span 1/span 1;
+  }
+  .tablet\:row-span-2{
+    grid-row:span 2/span 2;
+  }
+  .tablet\:row-span-3{
+    grid-row:span 3/span 3;
+  }
+  .tablet\:row-span-4{
+    grid-row:span 4/span 4;
+  }
+  .tablet\:row-span-5{
+    grid-row:span 5/span 5;
+  }
+  .tablet\:row-span-6{
+    grid-row:span 6/span 6;
+  }
+  .tablet\:row-span-full{
+    grid-row:-1;
+  }
+  .tablet\:row-span-auto{
+    grid-row:auto;
+  }
+  .tablet\:col-start-1{
+    grid-column-start:1;
+  }
+  .tablet\:col-start-2{
+    grid-column-start:2;
+  }
+  .tablet\:col-start-3{
+    grid-column-start:3;
+  }
+  .tablet\:col-start-4{
+    grid-column-start:4;
+  }
+  .tablet\:col-start-5{
+    grid-column-start:5;
+  }
+  .tablet\:col-start-6{
+    grid-column-start:6;
+  }
+  .tablet\:col-start-7{
+    grid-column-start:7;
+  }
+  .tablet\:col-start-8{
+    grid-column-start:8;
+  }
+  .tablet\:col-start-9{
+    grid-column-start:9;
+  }
+  .tablet\:col-start-10{
+    grid-column-start:10;
+  }
+  .tablet\:col-start-11{
+    grid-column-start:11;
+  }
+  .tablet\:col-start-12{
+    grid-column-start:12;
+  }
+  .tablet\:col-start-13{
+    grid-column-start:13;
+  }
+  .tablet\:col-start-auto{
+    grid-column-start:auto;
+  }
+  .tablet\:col-end-1{
+    grid-column-end:1;
+  }
+  .tablet\:col-end-2{
+    grid-column-end:2;
+  }
+  .tablet\:col-end-3{
+    grid-column-end:3;
+  }
+  .tablet\:col-end-4{
+    grid-column-end:4;
+  }
+  .tablet\:col-end-5{
+    grid-column-end:5;
+  }
+  .tablet\:col-end-6{
+    grid-column-end:6;
+  }
+  .tablet\:col-end-7{
+    grid-column-end:7;
+  }
+  .tablet\:col-end-8{
+    grid-column-end:8;
+  }
+  .tablet\:col-end-9{
+    grid-column-end:9;
+  }
+  .tablet\:col-end-10{
+    grid-column-end:10;
+  }
+  .tablet\:col-end-11{
+    grid-column-end:11;
+  }
+  .tablet\:col-end-12{
+    grid-column-end:12;
+  }
+  .tablet\:col-end-13{
+    grid-column-end:13;
+  }
+  .tablet\:col-end-auto{
+    grid-column-end:auto;
+  }
+  .tablet\:row-start-1{
+    grid-row-start:1;
+  }
+  .tablet\:row-start-2{
+    grid-row-start:2;
+  }
+  .tablet\:row-start-3{
+    grid-row-start:3;
+  }
+  .tablet\:row-start-4{
+    grid-row-start:4;
+  }
+  .tablet\:row-start-5{
+    grid-row-start:5;
+  }
+  .tablet\:row-start-6{
+    grid-row-start:6;
+  }
+  .tablet\:row-start-7{
+    grid-row-start:7;
+  }
+  .tablet\:row-start-8{
+    grid-row-start:8;
+  }
+  .tablet\:row-start-9{
+    grid-row-start:9;
+  }
+  .tablet\:row-start-10{
+    grid-row-start:10;
+  }
+  .tablet\:row-start-11{
+    grid-row-start:11;
+  }
+  .tablet\:row-start-12{
+    grid-row-start:12;
+  }
+  .tablet\:row-start-13{
+    grid-row-start:13;
+  }
+  .tablet\:row-start-auto{
+    grid-row-start:auto;
+  }
+  .tablet\:row-end-1{
+    grid-row-end:1;
+  }
+  .tablet\:row-end-2{
+    grid-row-end:2;
+  }
+  .tablet\:row-end-3{
+    grid-row-end:3;
+  }
+  .tablet\:row-end-4{
+    grid-row-end:4;
+  }
+  .tablet\:row-end-5{
+    grid-row-end:5;
+  }
+  .tablet\:row-end-6{
+    grid-row-end:6;
+  }
+  .tablet\:row-end-7{
+    grid-row-end:7;
+  }
+  .tablet\:row-end-8{
+    grid-row-end:8;
+  }
+  .tablet\:row-end-9{
+    grid-row-end:9;
+  }
+  .tablet\:row-end-10{
+    grid-row-end:10;
+  }
+  .tablet\:row-end-11{
+    grid-row-end:11;
+  }
+  .tablet\:row-end-12{
+    grid-row-end:12;
+  }
+  .tablet\:row-end-13{
+    grid-row-end:13;
+  }
+  .tablet\:row-end-auto{
+    grid-row-end:auto;
+  }
+  .tablet\:grid-flow-row{
+    grid-auto-flow:row;
+  }
+  .tablet\:grid-flow-col{
+    grid-auto-flow:column;
+  }
+  .tablet\:grid-flow-dense{
+    grid-auto-flow:dense;
+  }
+  .tablet\:grid-flow-row-dense{
+    grid-auto-flow:row dense;
+  }
+  .tablet\:grid-flow-col-dense{
+    grid-auto-flow:column dense;
+  }
 }
 @media all and (min-width: 64em){
   .desktop\:flex-align-start{
@@ -42582,6 +43712,21 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
   .peer:focus ~ .desktop\:peer-focus\:display-flex{
     display:flex;
   }
+  .desktop\:display-grid{
+    display:grid;
+  }
+  .group:hover .desktop\:group-hover\:display-grid{
+    display:grid;
+  }
+  .group:focus .desktop\:group-focus\:display-grid{
+    display:grid;
+  }
+  .peer:hover ~ .desktop\:peer-hover\:display-grid{
+    display:grid;
+  }
+  .peer:focus ~ .desktop\:peer-focus\:display-grid{
+    display:grid;
+  }
   .desktop\:display-none{
     display:none;
   }
@@ -42642,6 +43787,21 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
   .peer:focus ~ .desktop\:peer-focus\:display-inline-flex{
     display:inline-flex;
   }
+  .desktop\:display-inline-grid{
+    display:inline-grid;
+  }
+  .group:hover .desktop\:group-hover\:display-inline-grid{
+    display:inline-grid;
+  }
+  .group:focus .desktop\:group-focus\:display-inline-grid{
+    display:inline-grid;
+  }
+  .peer:hover ~ .desktop\:peer-hover\:display-inline-grid{
+    display:inline-grid;
+  }
+  .peer:focus ~ .desktop\:peer-focus\:display-inline-grid{
+    display:inline-grid;
+  }
   .desktop\:display-table{
     display:table;
   }
@@ -45242,6 +46402,315 @@ button.usa-combo-box__clear-input[aria-disabled=true]{
     width:-moz-fit-content;
     width:fit-content;
   }
+  .desktop\:grid-cols-1{
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-2{
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-4{
+    grid-template-columns:repeat(4, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-5{
+    grid-template-columns:repeat(5, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-6{
+    grid-template-columns:repeat(6, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-7{
+    grid-template-columns:repeat(7, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-8{
+    grid-template-columns:repeat(8, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-9{
+    grid-template-columns:repeat(9, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-10{
+    grid-template-columns:repeat(10, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-11{
+    grid-template-columns:repeat(11, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-12{
+    grid-template-columns:repeat(12, minmax(0, 1fr));
+  }
+  .desktop\:grid-cols-none{
+    grid-template-columns:none;
+  }
+  .desktop\:grid-rows-1{
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+  .desktop\:grid-rows-2{
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+  .desktop\:grid-rows-3{
+    grid-template-rows:repeat(3, minmax(0, 1fr));
+  }
+  .desktop\:grid-rows-4{
+    grid-template-rows:repeat(4, minmax(0, 1fr));
+  }
+  .desktop\:grid-rows-5{
+    grid-template-rows:repeat(5, minmax(0, 1fr));
+  }
+  .desktop\:grid-rows-6{
+    grid-template-rows:repeat(6, minmax(0, 1fr));
+  }
+  .desktop\:grid-rows-none{
+    grid-template-rows:none;
+  }
+  .desktop\:col-span-1{
+    grid-column:span 1/span 1;
+  }
+  .desktop\:col-span-2{
+    grid-column:span 2/span 2;
+  }
+  .desktop\:col-span-3{
+    grid-column:span 3/span 3;
+  }
+  .desktop\:col-span-4{
+    grid-column:span 4/span 4;
+  }
+  .desktop\:col-span-5{
+    grid-column:span 5/span 5;
+  }
+  .desktop\:col-span-6{
+    grid-column:span 6/span 6;
+  }
+  .desktop\:col-span-7{
+    grid-column:span 7/span 7;
+  }
+  .desktop\:col-span-8{
+    grid-column:span 8/span 8;
+  }
+  .desktop\:col-span-9{
+    grid-column:span 9/span 9;
+  }
+  .desktop\:col-span-10{
+    grid-column:span 10/span 10;
+  }
+  .desktop\:col-span-11{
+    grid-column:span 11/span 11;
+  }
+  .desktop\:col-span-12{
+    grid-column:span 12/span 12;
+  }
+  .desktop\:col-span-full{
+    grid-column:-1;
+  }
+  .desktop\:col-span-auto{
+    grid-column:auto;
+  }
+  .desktop\:row-span-1{
+    grid-row:span 1/span 1;
+  }
+  .desktop\:row-span-2{
+    grid-row:span 2/span 2;
+  }
+  .desktop\:row-span-3{
+    grid-row:span 3/span 3;
+  }
+  .desktop\:row-span-4{
+    grid-row:span 4/span 4;
+  }
+  .desktop\:row-span-5{
+    grid-row:span 5/span 5;
+  }
+  .desktop\:row-span-6{
+    grid-row:span 6/span 6;
+  }
+  .desktop\:row-span-full{
+    grid-row:-1;
+  }
+  .desktop\:row-span-auto{
+    grid-row:auto;
+  }
+  .desktop\:col-start-1{
+    grid-column-start:1;
+  }
+  .desktop\:col-start-2{
+    grid-column-start:2;
+  }
+  .desktop\:col-start-3{
+    grid-column-start:3;
+  }
+  .desktop\:col-start-4{
+    grid-column-start:4;
+  }
+  .desktop\:col-start-5{
+    grid-column-start:5;
+  }
+  .desktop\:col-start-6{
+    grid-column-start:6;
+  }
+  .desktop\:col-start-7{
+    grid-column-start:7;
+  }
+  .desktop\:col-start-8{
+    grid-column-start:8;
+  }
+  .desktop\:col-start-9{
+    grid-column-start:9;
+  }
+  .desktop\:col-start-10{
+    grid-column-start:10;
+  }
+  .desktop\:col-start-11{
+    grid-column-start:11;
+  }
+  .desktop\:col-start-12{
+    grid-column-start:12;
+  }
+  .desktop\:col-start-13{
+    grid-column-start:13;
+  }
+  .desktop\:col-start-auto{
+    grid-column-start:auto;
+  }
+  .desktop\:col-end-1{
+    grid-column-end:1;
+  }
+  .desktop\:col-end-2{
+    grid-column-end:2;
+  }
+  .desktop\:col-end-3{
+    grid-column-end:3;
+  }
+  .desktop\:col-end-4{
+    grid-column-end:4;
+  }
+  .desktop\:col-end-5{
+    grid-column-end:5;
+  }
+  .desktop\:col-end-6{
+    grid-column-end:6;
+  }
+  .desktop\:col-end-7{
+    grid-column-end:7;
+  }
+  .desktop\:col-end-8{
+    grid-column-end:8;
+  }
+  .desktop\:col-end-9{
+    grid-column-end:9;
+  }
+  .desktop\:col-end-10{
+    grid-column-end:10;
+  }
+  .desktop\:col-end-11{
+    grid-column-end:11;
+  }
+  .desktop\:col-end-12{
+    grid-column-end:12;
+  }
+  .desktop\:col-end-13{
+    grid-column-end:13;
+  }
+  .desktop\:col-end-auto{
+    grid-column-end:auto;
+  }
+  .desktop\:row-start-1{
+    grid-row-start:1;
+  }
+  .desktop\:row-start-2{
+    grid-row-start:2;
+  }
+  .desktop\:row-start-3{
+    grid-row-start:3;
+  }
+  .desktop\:row-start-4{
+    grid-row-start:4;
+  }
+  .desktop\:row-start-5{
+    grid-row-start:5;
+  }
+  .desktop\:row-start-6{
+    grid-row-start:6;
+  }
+  .desktop\:row-start-7{
+    grid-row-start:7;
+  }
+  .desktop\:row-start-8{
+    grid-row-start:8;
+  }
+  .desktop\:row-start-9{
+    grid-row-start:9;
+  }
+  .desktop\:row-start-10{
+    grid-row-start:10;
+  }
+  .desktop\:row-start-11{
+    grid-row-start:11;
+  }
+  .desktop\:row-start-12{
+    grid-row-start:12;
+  }
+  .desktop\:row-start-13{
+    grid-row-start:13;
+  }
+  .desktop\:row-start-auto{
+    grid-row-start:auto;
+  }
+  .desktop\:row-end-1{
+    grid-row-end:1;
+  }
+  .desktop\:row-end-2{
+    grid-row-end:2;
+  }
+  .desktop\:row-end-3{
+    grid-row-end:3;
+  }
+  .desktop\:row-end-4{
+    grid-row-end:4;
+  }
+  .desktop\:row-end-5{
+    grid-row-end:5;
+  }
+  .desktop\:row-end-6{
+    grid-row-end:6;
+  }
+  .desktop\:row-end-7{
+    grid-row-end:7;
+  }
+  .desktop\:row-end-8{
+    grid-row-end:8;
+  }
+  .desktop\:row-end-9{
+    grid-row-end:9;
+  }
+  .desktop\:row-end-10{
+    grid-row-end:10;
+  }
+  .desktop\:row-end-11{
+    grid-row-end:11;
+  }
+  .desktop\:row-end-12{
+    grid-row-end:12;
+  }
+  .desktop\:row-end-13{
+    grid-row-end:13;
+  }
+  .desktop\:row-end-auto{
+    grid-row-end:auto;
+  }
+  .desktop\:grid-flow-row{
+    grid-auto-flow:row;
+  }
+  .desktop\:grid-flow-col{
+    grid-auto-flow:column;
+  }
+  .desktop\:grid-flow-dense{
+    grid-auto-flow:dense;
+  }
+  .desktop\:grid-flow-row-dense{
+    grid-auto-flow:row dense;
+  }
+  .desktop\:grid-flow-col-dense{
+    grid-auto-flow:column dense;
+  }
 }
 .bg-black\/5{
   background-color:color-mix(in srgb, black 5%, transparent);