@department-of-veterans-affairs/css-library 0.13.1 → 0.14.0

package/dist/stylesheets/utilities.css

@@ -499,6 +499,15 @@ https://designsystem.digital.gov/utilities
 */
 /*
 ----------------------------------------
+map-collect()
+----------------------------------------
+Collect multiple maps into a single
+large map
+source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
+----------------------------------------
+*/
+/*
+----------------------------------------
 Utility breakpoints
 ----------------------------------------
 Which breakpoints does your project
@@ -595,15 +604,6 @@ being passed in a mixin's props
 */
 /*
 ----------------------------------------
-map-collect()
-----------------------------------------
-Collect multiple maps into a single
-large map
-source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
-----------------------------------------
-*/
-/*
-----------------------------------------
 map-deep-get()
 ----------------------------------------
 @author Hugo Giraudel
@@ -756,18 +756,25 @@ Converts a value in px to a value in rem
 */
 /*
 ----------------------------------------
-rem-to-px()
+rem-to-user-em()
 ----------------------------------------
-Converts a value in rem to a value in px
+Converts a value in rem to a value in
+[user-settings] em for use in media
+queries
 ----------------------------------------
 */
 /*
 ----------------------------------------
-rem-to-user-em()
+px-to-user-em()
 ----------------------------------------
-Converts a value in rem to a value in
-[user-settings] em for use in media
-queries
+Converts a value in px to a value in em
+----------------------------------------
+*/
+/*
+----------------------------------------
+rem-to-px()
+----------------------------------------
+Converts a value in rem to a value in px
 ----------------------------------------
 */
 /*
@@ -1576,6 +1583,20 @@ through all possible variants
   }
 }
 
+.vads-grid-container-medium-screen {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 768px;
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+@media all and (min-width: 64em) {
+  .vads-grid-container-medium-screen {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+
 @media all and (min-width: 20em) {
   .mobile\:vads-grid-container {
     margin-left: auto;
@@ -1726,6 +1747,21 @@ through all possible variants
     padding-right: 2rem;
   }
 }
+@media all and (min-width: 20em) {
+  .mobile\:vads-grid-container-medium-screen {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 768px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 20em) and (min-width: 64em) {
+  .mobile\:vads-grid-container-medium-screen {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
 @media all and (min-width: 30em) {
   .mobile-lg\:vads-grid-container {
     margin-left: auto;
@@ -1876,6 +1912,21 @@ through all possible variants
     padding-right: 2rem;
   }
 }
+@media all and (min-width: 30em) {
+  .mobile-lg\:vads-grid-container-medium-screen {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 768px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 30em) and (min-width: 64em) {
+  .mobile-lg\:vads-grid-container-medium-screen {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
 @media all and (min-width: 40em) {
   .tablet\:vads-grid-container {
     margin-left: auto;
@@ -2026,6 +2077,21 @@ through all possible variants
     padding-right: 2rem;
   }
 }
+@media all and (min-width: 40em) {
+  .tablet\:vads-grid-container-medium-screen {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 768px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 40em) and (min-width: 64em) {
+  .tablet\:vads-grid-container-medium-screen {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
 @media all and (min-width: 64em) {
   .desktop\:vads-grid-container {
     margin-left: auto;
@@ -2176,6 +2242,21 @@ through all possible variants
     padding-right: 2rem;
   }
 }
+@media all and (min-width: 64em) {
+  .desktop\:vads-grid-container-medium-screen {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 768px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 64em) and (min-width: 64em) {
+  .desktop\:vads-grid-container-medium-screen {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
 @media all and (min-width: 75em) {
   .desktop-lg\:vads-grid-container {
     margin-left: auto;
@@ -2326,6 +2407,186 @@ through all possible variants
     padding-right: 2rem;
   }
 }
+@media all and (min-width: 75em) {
+  .desktop-lg\:vads-grid-container-medium-screen {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 768px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 75em) and (min-width: 64em) {
+  .desktop-lg\:vads-grid-container-medium-screen {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 64rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container-card {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 10rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container-card {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container-card-lg {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 15rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container-card-lg {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container-mobile {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 20rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container-mobile {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container-mobile-lg {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 30rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container-mobile-lg {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container-tablet {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 40rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container-tablet {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container-tablet-lg {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 55rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container-tablet-lg {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container-desktop {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 64rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container-desktop {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container-desktop-lg {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 75rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container-desktop-lg {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container-widescreen {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 87.5rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container-widescreen {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-container-medium-screen {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 768px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+@media all and (min-width: 48em) and (min-width: 64em) {
+  .medium-screen\:vads-grid-container-medium-screen {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
 .vads-grid-row {
   display: flex;
   flex-wrap: wrap;
@@ -2934,36 +3195,134 @@ through all possible variants
     padding-right: 0.75rem;
   }
 }
-
-[class*=vads-grid-col] {
-  position: relative;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.vads-grid-col {
-  flex: 1 1 0%;
-  width: auto;
-  max-width: 100%;
-  min-width: 1px;
-}
-
-.vads-grid-col-auto {
-  flex: 0 1 auto;
-  width: auto;
-  max-width: 100%;
-}
-
-.vads-grid-col-fill {
-  flex: 1 1 0%;
-  width: auto;
-  max-width: 100%;
-  min-width: 1px;
-}
-
-.vads-grid-col-1 {
-  flex: 0 1 auto;
-  width: 8.3333333333%;
+@media all and (min-width: 48em) {
+  .vads-grid-row.medium-screen\:vads-grid-gap-0 {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-0 > * {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-2px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-2px > * {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-05 {
+    margin-left: -2px;
+    margin-right: -2px;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-05 > * {
+    padding-left: 2px;
+    padding-right: 2px;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-1 > * {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-2 > * {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-3 > * {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-4 > * {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-5 > * {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-6 > * {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-sm {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-sm > * {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-md {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-md > * {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-lg {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+  .vads-grid-row.medium-screen\:vads-grid-gap-lg > * {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+}
+
+[class*=vads-grid-col] {
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.vads-grid-col {
+  flex: 1 1 0%;
+  width: auto;
+  max-width: 100%;
+  min-width: 1px;
+}
+
+.vads-grid-col-auto {
+  flex: 0 1 auto;
+  width: auto;
+  max-width: 100%;
+}
+
+.vads-grid-col-fill {
+  flex: 1 1 0%;
+  width: auto;
+  max-width: 100%;
+  min-width: 1px;
+}
+
+.vads-grid-col-1 {
+  flex: 0 1 auto;
+  width: 8.3333333333%;
 }
 
 .vads-grid-col-2 {
@@ -3356,6 +3715,73 @@ through all possible variants
     width: 100%;
   }
 }
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-col {
+    flex: 1 1 0%;
+    width: auto;
+    max-width: 100%;
+    min-width: 1px;
+  }
+  .medium-screen\:vads-grid-col-fill {
+    flex: 1 1 0%;
+    width: auto;
+    max-width: 100%;
+    min-width: 1px;
+  }
+  .medium-screen\:vads-grid-col-auto {
+    flex: 0 1 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .medium-screen\:vads-grid-col-1 {
+    flex: 0 1 auto;
+    width: 8.3333333333%;
+  }
+  .medium-screen\:vads-grid-col-2 {
+    flex: 0 1 auto;
+    width: 16.6666666667%;
+  }
+  .medium-screen\:vads-grid-col-3 {
+    flex: 0 1 auto;
+    width: 25%;
+  }
+  .medium-screen\:vads-grid-col-4 {
+    flex: 0 1 auto;
+    width: 33.3333333333%;
+  }
+  .medium-screen\:vads-grid-col-5 {
+    flex: 0 1 auto;
+    width: 41.6666666667%;
+  }
+  .medium-screen\:vads-grid-col-6 {
+    flex: 0 1 auto;
+    width: 50%;
+  }
+  .medium-screen\:vads-grid-col-7 {
+    flex: 0 1 auto;
+    width: 58.3333333333%;
+  }
+  .medium-screen\:vads-grid-col-8 {
+    flex: 0 1 auto;
+    width: 66.6666666667%;
+  }
+  .medium-screen\:vads-grid-col-9 {
+    flex: 0 1 auto;
+    width: 75%;
+  }
+  .medium-screen\:vads-grid-col-10 {
+    flex: 0 1 auto;
+    width: 83.3333333333%;
+  }
+  .medium-screen\:vads-grid-col-11 {
+    flex: 0 1 auto;
+    width: 91.6666666667%;
+  }
+  .medium-screen\:vads-grid-col-12 {
+    flex: 0 1 auto;
+    width: 100%;
+  }
+}
 .vads-grid-offset-1 {
   margin-left: 8.3333333333%;
 }
@@ -3733,6 +4159,71 @@ through all possible variants
     margin-left: 0;
   }
 }
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-1 {
+    margin-left: 8.3333333333%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-2 {
+    margin-left: 16.6666666667%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-3 {
+    margin-left: 25%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-4 {
+    margin-left: 33.3333333333%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-5 {
+    margin-left: 41.6666666667%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-6 {
+    margin-left: 50%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-7 {
+    margin-left: 58.3333333333%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-8 {
+    margin-left: 66.6666666667%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-9 {
+    margin-left: 75%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-10 {
+    margin-left: 83.3333333333%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-11 {
+    margin-left: 91.6666666667%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-12 {
+    margin-left: 100%;
+  }
+}
+@media all and (min-width: 48em) {
+  .medium-screen\:vads-grid-offset-none {
+    margin-left: 0;
+  }
+}
 /* stylelint-enable */
 .vads-u-visibility--screen-reader {
   position: absolute;
@@ -13740,462 +14231,126 @@ through all possible variants
     max-width: 100% !important;
   }
 }
-@media all and (min-width: 768px) {
+@media all and (min-width: 48em) {
   .medium-screen\:vads-u-border--0 {
     border: 0 !important;
   }
-  .medium-screen\:vads-u-border--1px {
-    border: 1px solid !important;
+  .medium-screen\:vads-u-border-top--0 {
+    border-top: 0 !important;
   }
-  .medium-screen\:vads-u-border--2px {
-    border: 2px solid !important;
+  .medium-screen\:vads-u-border-right--0 {
+    border-right: 0 !important;
   }
-  .medium-screen\:vads-u-border--3px {
-    border: 3px solid !important;
+  .medium-screen\:vads-u-border-bottom--0 {
+    border-bottom: 0 !important;
   }
-  .medium-screen\:vads-u-border--4px {
-    border: 4px solid !important;
+  .medium-screen\:vads-u-border-left--0 {
+    border-left: 0 !important;
   }
-  .medium-screen\:vads-u-border--5px {
-    border: 5px solid !important;
+  .medium-screen\:vads-u-border--1px {
+    border: 1px solid !important;
   }
-  .medium-screen\:vads-u-border--7px {
-    border: 7px solid !important;
+  .medium-screen\:vads-u-border-top--1px {
+    border-top: 1px solid !important;
   }
-  .medium-screen\:vads-u-border--10px {
-    border: 10px solid !important;
+  .medium-screen\:vads-u-border-right--1px {
+    border-right: 1px solid !important;
   }
-  .medium-screen\:vads-u-border-top--0 {
-    border-top: 0 !important;
+  .medium-screen\:vads-u-border-bottom--1px {
+    border-bottom: 1px solid !important;
   }
-  .medium-screen\:vads-u-border-top--1px {
-    border-top: 1px solid !important;
+  .medium-screen\:vads-u-border-left--1px {
+    border-left: 1px solid !important;
+  }
+  .medium-screen\:vads-u-border--2px {
+    border: 2px solid !important;
   }
   .medium-screen\:vads-u-border-top--2px {
     border-top: 2px solid !important;
   }
-  .medium-screen\:vads-u-border-top--3px {
-    border-top: 3px solid !important;
+  .medium-screen\:vads-u-border-right--2px {
+    border-right: 2px solid !important;
   }
-  .medium-screen\:vads-u-border-top--4px {
-    border-top: 4px solid !important;
+  .medium-screen\:vads-u-border-bottom--2px {
+    border-bottom: 2px solid !important;
   }
-  .medium-screen\:vads-u-border-top--5px {
-    border-top: 5px solid !important;
+  .medium-screen\:vads-u-border-left--2px {
+    border-left: 2px solid !important;
   }
-  .medium-screen\:vads-u-border-top--7px {
-    border-top: 7px solid !important;
+  .medium-screen\:vads-u-border--3px {
+    border: 3px solid !important;
   }
-  .medium-screen\:vads-u-border-top--10px {
-    border-top: 10px solid !important;
+  .medium-screen\:vads-u-border-top--3px {
+    border-top: 3px solid !important;
   }
-  .medium-screen\:vads-u-border-right--0 {
-    border-right: 0 !important;
+  .medium-screen\:vads-u-border-right--3px {
+    border-right: 3px solid !important;
   }
-  .medium-screen\:vads-u-border-right--1px {
-    border-right: 1px solid !important;
+  .medium-screen\:vads-u-border-bottom--3px {
+    border-bottom: 3px solid !important;
   }
-  .medium-screen\:vads-u-border-right--2px {
-    border-right: 2px solid !important;
+  .medium-screen\:vads-u-border-left--3px {
+    border-left: 3px solid !important;
   }
-  .medium-screen\:vads-u-border-right--3px {
-    border-right: 3px solid !important;
+  .medium-screen\:vads-u-border--4px {
+    border: 4px solid !important;
+  }
+  .medium-screen\:vads-u-border-top--4px {
+    border-top: 4px solid !important;
   }
   .medium-screen\:vads-u-border-right--4px {
     border-right: 4px solid !important;
   }
-  .medium-screen\:vads-u-border-right--5px {
-    border-right: 5px solid !important;
-  }
-  .medium-screen\:vads-u-border-right--7px {
-    border-right: 7px solid !important;
-  }
-  .medium-screen\:vads-u-border-right--10px {
-    border-right: 10px solid !important;
-  }
-  .medium-screen\:vads-u-border-bottom--0 {
-    border-bottom: 0 !important;
-  }
-  .medium-screen\:vads-u-border-bottom--1px {
-    border-bottom: 1px solid !important;
-  }
-  .medium-screen\:vads-u-border-bottom--2px {
-    border-bottom: 2px solid !important;
-  }
-  .medium-screen\:vads-u-border-bottom--3px {
-    border-bottom: 3px solid !important;
-  }
   .medium-screen\:vads-u-border-bottom--4px {
     border-bottom: 4px solid !important;
   }
-  .medium-screen\:vads-u-border-bottom--5px {
-    border-bottom: 5px solid !important;
-  }
-  .medium-screen\:vads-u-border-bottom--7px {
-    border-bottom: 7px solid !important;
-  }
-  .medium-screen\:vads-u-border-bottom--10px {
-    border-bottom: 10px solid !important;
-  }
-  .medium-screen\:vads-u-border-left--0 {
-    border-left: 0 !important;
-  }
-  .medium-screen\:vads-u-border-left--1px {
-    border-left: 1px solid !important;
-  }
-  .medium-screen\:vads-u-border-left--2px {
-    border-left: 2px solid !important;
-  }
-  .medium-screen\:vads-u-border-left--3px {
-    border-left: 3px solid !important;
-  }
   .medium-screen\:vads-u-border-left--4px {
     border-left: 4px solid !important;
   }
-  .medium-screen\:vads-u-border-left--5px {
-    border-left: 5px solid !important;
-  }
-  .medium-screen\:vads-u-border-left--7px {
-    border-left: 7px solid !important;
-  }
-  .medium-screen\:vads-u-border-left--10px {
-    border-left: 10px solid !important;
-  }
-  .medium-screen\:vads-u-border--0 {
-    border: 0 !important;
-  }
-  .medium-screen\:vads-u-border--1px {
-    border: 1px solid !important;
-  }
-  .medium-screen\:vads-u-border--2px {
-    border: 2px solid !important;
-  }
-  .medium-screen\:vads-u-border--3px {
-    border: 3px solid !important;
-  }
-  .medium-screen\:vads-u-border--4px {
-    border: 4px solid !important;
-  }
   .medium-screen\:vads-u-border--5px {
     border: 5px solid !important;
   }
-  .medium-screen\:vads-u-border--7px {
-    border: 7px solid !important;
-  }
-  .medium-screen\:vads-u-border--10px {
-    border: 10px solid !important;
-  }
-  .medium-screen\:vads-u-border-style--solid {
-    border-style: solid !important;
-  }
-  .medium-screen\:vads-u-border-style--dashed {
-    border-style: dashed !important;
-  }
-  .medium-screen\:vads-u-border-style--dotted {
-    border-style: dotted !important;
-  }
-  .medium-screen\:vads-u-border-color--base {
-    border-color: #1b1b1b !important;
-  }
-  .medium-screen\:vads-u-border-color--white {
-    border-color: #ffffff !important;
-  }
-  .medium-screen\:vads-u-border-color--black {
-    border-color: #000000 !important;
-  }
-  .medium-screen\:vads-u-border-color--orange {
-    border-color: false !important;
-  }
-  .medium-screen\:vads-u-border-color--link-default {
-    border-color: #005ea2 !important;
-  }
-  .medium-screen\:vads-u-border-color--warning-message {
-    border-color: #8a7237 !important;
-  }
-  .medium-screen\:vads-u-border-color--primary {
-    border-color: #005ea2 !important;
-  }
-  .medium-screen\:vads-u-border-color--primary-dark {
-    border-color: #1a4480 !important;
-  }
-  .medium-screen\:vads-u-border-color--primary-darker {
-    border-color: #162e51 !important;
-  }
-  .medium-screen\:vads-u-border-color--primary-alt {
-    border-color: #00bde3 !important;
-  }
-  .medium-screen\:vads-u-border-color--primary-alt-dark {
-    border-color: #28a0cb !important;
-  }
-  .medium-screen\:vads-u-border-color--primary-alt-darkest {
-    border-color: #07648d !important;
-  }
-  .medium-screen\:vads-u-border-color--primary-alt-light {
-    border-color: #97d4ea !important;
-  }
-  .medium-screen\:vads-u-border-color--primary-alt-lightest {
-    border-color: #e1f3f8 !important;
-  }
-  .medium-screen\:vads-u-border-color--secondary {
-    border-color: #d83933 !important;
-  }
-  .medium-screen\:vads-u-border-color--secondary-dark {
-    border-color: #b50909 !important;
-  }
-  .medium-screen\:vads-u-border-color--secondary-darkest {
-    border-color: #8b0a03 !important;
-  }
-  .medium-screen\:vads-u-border-color--secondary-light {
-    border-color: #f2938c !important;
-  }
-  .medium-screen\:vads-u-border-color--secondary-lightest {
-    border-color: #f8dfe2 !important;
-  }
-  .medium-screen\:vads-u-border-color--gray {
-    border-color: #565c65 !important;
-  }
-  .medium-screen\:vads-u-border-color--gray-dark {
-    border-color: #3d4551 !important;
-  }
-  .medium-screen\:vads-u-border-color--gray-medium {
-    border-color: #757575 !important;
-  }
-  .medium-screen\:vads-u-border-color--gray-light {
-    border-color: #a9aeb1 !important;
-  }
-  .medium-screen\:vads-u-border-color--gray-light-alt {
-    border-color: #edeff0 !important;
-  }
-  .medium-screen\:vads-u-border-color--gray-lighter {
-    border-color: #dfe1e2 !important;
-  }
-  .medium-screen\:vads-u-border-color--gray-lightest {
-    border-color: #f0f0f0 !important;
-  }
-  .medium-screen\:vads-u-border-color--gray-warm-dark {
-    border-color: #454540 !important;
-  }
-  .medium-screen\:vads-u-border-color--gray-warm-light {
-    border-color: #e6e6e2 !important;
-  }
-  .medium-screen\:vads-u-border-color--gray-cool-light {
-    border-color: #e1e7f1 !important;
-  }
-  .medium-screen\:vads-u-border-color--gold {
-    border-color: #ffbe2e !important;
-  }
-  .medium-screen\:vads-u-border-color--gold-darker {
-    border-color: #936f38 !important;
-  }
-  .medium-screen\:vads-u-border-color--gold-light {
-    border-color: #face00 !important;
-  }
-  .medium-screen\:vads-u-border-color--gold-lighter {
-    border-color: #ffe396 !important;
-  }
-  .medium-screen\:vads-u-border-color--gold-lightest {
-    border-color: #fef0c8 !important;
-  }
-  .medium-screen\:vads-u-border-color--green {
-    border-color: #008817 !important;
-  }
-  .medium-screen\:vads-u-border-color--green-darker {
-    border-color: #154c21 !important;
-  }
-  .medium-screen\:vads-u-border-color--green-light {
-    border-color: #5e9f69 !important;
-  }
-  .medium-screen\:vads-u-border-color--green-lighter {
-    border-color: #b4d0b9 !important;
-  }
-  .medium-screen\:vads-u-border-color--green-lightest {
-    border-color: #ecf3ec !important;
-  }
-  .medium-screen\:vads-u-border-color--cool-blue {
-    border-color: #345d96 !important;
-  }
-  .medium-screen\:vads-u-border-color--cool-blue-light {
-    border-color: #4a77b4 !important;
-  }
-  .medium-screen\:vads-u-border-color--cool-blue-lightest {
-    border-color: #e6e6e2 !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-health-care {
-    border-color: #3f57a6 !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-education {
-    border-color: #162e51 !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-disability {
-    border-color: #a23737 !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-careers {
-    border-color: #bd5727 !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-pension {
-    border-color: #4d8055 !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-housing {
-    border-color: #8e704f !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-life-insurance {
-    border-color: #6f7a41 !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-burials {
-    border-color: #2378c3 !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-family-member {
-    border-color: #162e51 !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-service-member {
-    border-color: #162e51 !important;
-  }
-  .medium-screen\:vads-u-border-color--hub-records {
-    border-color: #6f7a41 !important;
-  }
-  .medium-screen\:vads-u-border-color--action-border-base-active-on-dark {
-    border-color: #adadad !important;
-  }
-  .medium-screen\:vads-u-border-color--action-border-base-active-on-light {
-    border-color: #2e2e2e !important;
-  }
-  .medium-screen\:vads-u-border-color--action-focus-on-light {
-    border-color: #face00 !important;
-  }
-  .medium-screen\:vads-u-border-color--action-surface-default-on-dark {
-    border-color: #58b4ff !important;
-  }
-  .medium-screen\:vads-u-border-color--action-surface-destructive-on-dark {
-    border-color: #fb5a47 !important;
-  }
-  .medium-screen\:vads-u-border-color--background-default-on-dark {
-    border-color: #171716 !important;
-  }
-  .medium-screen\:vads-u-border-color--base-dark {
-    border-color: #565c65 !important;
-  }
-  .medium-screen\:vads-u-border-color--base-darker {
-    border-color: #3d4551 !important;
-  }
-  .medium-screen\:vads-u-border-color--base-darkest {
-    border-color: #1b1b1b !important;
-  }
-  .medium-screen\:vads-u-border-color--base-light {
-    border-color: #a9aeb1 !important;
-  }
-  .medium-screen\:vads-u-border-color--base-lighter {
-    border-color: #dfe1e2 !important;
-  }
-  .medium-screen\:vads-u-border-color--base-lightest {
-    border-color: #f0f0f0 !important;
-  }
-  .medium-screen\:vads-u-border-color--emergency {
-    border-color: #9c3d10 !important;
-  }
-  .medium-screen\:vads-u-border-color--emergency-dark {
-    border-color: #332d29 !important;
-  }
-  .medium-screen\:vads-u-border-color--error {
-    border-color: #d54309 !important;
-  }
-  .medium-screen\:vads-u-border-color--error-dark {
-    border-color: #b21d38 !important;
-  }
-  .medium-screen\:vads-u-border-color--error-darker {
-    border-color: #6f3331 !important;
-  }
-  .medium-screen\:vads-u-border-color--error-light {
-    border-color: #f39268 !important;
-  }
-  .medium-screen\:vads-u-border-color--error-lighter {
-    border-color: #f4e3db !important;
-  }
-  .medium-screen\:vads-u-border-color--feedback-border-warning-on-dark {
-    border-color: #face00 !important;
-  }
-  .medium-screen\:vads-u-border-color--feedback-surface-error-on-dark {
-    border-color: #5c1111 !important;
-  }
-  .medium-screen\:vads-u-border-color--feedback-surface-info-on-dark {
-    border-color: #112f4e !important;
-  }
-  .medium-screen\:vads-u-border-color--feedback-surface-success-on-dark {
-    border-color: #19311e !important;
-  }
-  .medium-screen\:vads-u-border-color--feedback-surface-warning-on-dark {
-    border-color: #422d19 !important;
-  }
-  .medium-screen\:vads-u-border-color--feedback-forms-active-on-dark {
-    border-color: #252f3e !important;
-  }
-  .medium-screen\:vads-u-border-color--feedback-forms-active-on-light {
-    border-color: #ecf1f7 !important;
-  }
-  .medium-screen\:vads-u-border-color--gibill-accent {
-    border-color: #fef0c8 !important;
-  }
-  .medium-screen\:vads-u-border-color--info {
-    border-color: #00bde3 !important;
-  }
-  .medium-screen\:vads-u-border-color--info-dark {
-    border-color: #009ec1 !important;
-  }
-  .medium-screen\:vads-u-border-color--info-darker {
-    border-color: #2e6276 !important;
-  }
-  .medium-screen\:vads-u-border-color--info-light {
-    border-color: #99deea !important;
-  }
-  .medium-screen\:vads-u-border-color--info-lighter {
-    border-color: #e7f6f8 !important;
-  }
-  .medium-screen\:vads-u-border-color--ink {
-    border-color: #1b1b1b !important;
-  }
-  .medium-screen\:vads-u-border-color--inset-bg {
-    border-color: #e7f6f8 !important;
-  }
-  .medium-screen\:vads-u-border-color--link {
-    border-color: #005ea2 !important;
+  .medium-screen\:vads-u-border-top--5px {
+    border-top: 5px solid !important;
   }
-  .medium-screen\:vads-u-border-color--link-active {
-    border-color: #0b4778 !important;
+  .medium-screen\:vads-u-border-right--5px {
+    border-right: 5px solid !important;
   }
-  .medium-screen\:vads-u-border-color--link-visited {
-    border-color: #54278f !important;
+  .medium-screen\:vads-u-border-bottom--5px {
+    border-bottom: 5px solid !important;
   }
-  .medium-screen\:vads-u-border-color--success {
-    border-color: #00a91c !important;
+  .medium-screen\:vads-u-border-left--5px {
+    border-left: 5px solid !important;
   }
-  .medium-screen\:vads-u-border-color--success-dark {
-    border-color: #008817 !important;
+  .medium-screen\:vads-u-border--7px {
+    border: 7px solid !important;
   }
-  .medium-screen\:vads-u-border-color--success-darker {
-    border-color: #216e1f !important;
+  .medium-screen\:vads-u-border-top--7px {
+    border-top: 7px solid !important;
   }
-  .medium-screen\:vads-u-border-color--success-light {
-    border-color: #70e17b !important;
+  .medium-screen\:vads-u-border-right--7px {
+    border-right: 7px solid !important;
   }
-  .medium-screen\:vads-u-border-color--success-lighter {
-    border-color: #ecf3ec !important;
+  .medium-screen\:vads-u-border-bottom--7px {
+    border-bottom: 7px solid !important;
   }
-  .medium-screen\:vads-u-border-color--va-accent {
-    border-color: #8a7237 !important;
+  .medium-screen\:vads-u-border-left--7px {
+    border-left: 7px solid !important;
   }
-  .medium-screen\:vads-u-border-color--warning {
-    border-color: #ffbe2e !important;
+  .medium-screen\:vads-u-border--10px {
+    border: 10px solid !important;
   }
-  .medium-screen\:vads-u-border-color--warning-dark {
-    border-color: #e5a000 !important;
+  .medium-screen\:vads-u-border-top--10px {
+    border-top: 10px solid !important;
   }
-  .medium-screen\:vads-u-border-color--warning-darker {
-    border-color: #936f38 !important;
+  .medium-screen\:vads-u-border-right--10px {
+    border-right: 10px solid !important;
   }
-  .medium-screen\:vads-u-border-color--warning-light {
-    border-color: #fee685 !important;
+  .medium-screen\:vads-u-border-bottom--10px {
+    border-bottom: 10px solid !important;
   }
-  .medium-screen\:vads-u-border-color--warning-lighter {
-    border-color: #faf3d1 !important;
+  .medium-screen\:vads-u-border-left--10px {
+    border-left: 10px solid !important;
   }
   .medium-screen\:vads-u-display--block {
     display: block !important;
@@ -14341,12 +14496,6 @@ through all possible variants
   .medium-screen\:vads-u-order--initial {
     order: 0 !important;
   }
-  .medium-screen\:vads-u-font-family--sans {
-    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
-  }
-  .medium-screen\:vads-u-font-family--serif {
-    font-family: Bitter, Georgia, Cambria, Times New Roman, Times, serif !important;
-  }
   .medium-screen\:vads-u-font-size--sm {
     font-size: 0.938rem !important;
   }
@@ -14383,18 +14532,6 @@ through all possible variants
   .medium-screen\:vads-u-font-size--h6 {
     font-size: 0.938rem !important;
   }
-  .medium-screen\:vads-u-font-style--italic {
-    font-style: italic !important;
-  }
-  .medium-screen\:vads-u-font-style--normal {
-    font-style: normal !important;
-  }
-  .medium-screen\:vads-u-font-weight--bold {
-    font-weight: 700 !important;
-  }
-  .medium-screen\:vads-u-font-weight--normal {
-    font-weight: 400 !important;
-  }
   .medium-screen\:vads-u-height--0 {
     height: 0px !important;
   }
@@ -15093,272 +15230,227 @@ through all possible variants
   .medium-screen\:vads-u-padding--0 {
     padding: 0 !important;
   }
-  .medium-screen\:vads-u-padding--1px {
-    padding: 1px !important;
+  .medium-screen\:vads-u-padding-top--0 {
+    padding-top: 0 !important;
   }
-  .medium-screen\:vads-u-padding--0p25 {
-    padding: 2px !important;
+  .medium-screen\:vads-u-padding-bottom--0 {
+    padding-bottom: 0 !important;
   }
-  .medium-screen\:vads-u-padding--0p5 {
-    padding: 0.25rem !important;
+  .medium-screen\:vads-u-padding-right--0 {
+    padding-right: 0 !important;
   }
-  .medium-screen\:vads-u-padding--1 {
-    padding: 0.5rem !important;
+  .medium-screen\:vads-u-padding-left--0 {
+    padding-left: 0 !important;
   }
-  .medium-screen\:vads-u-padding--1p5 {
-    padding: 0.75rem !important;
+  .medium-screen\:vads-u-padding--1px {
+    padding: 1px !important;
   }
-  .medium-screen\:vads-u-padding--2 {
-    padding: 1rem !important;
+  .medium-screen\:vads-u-padding-top--1px {
+    padding-top: 1px !important;
   }
-  .medium-screen\:vads-u-padding--2p5 {
-    padding: 1.25rem !important;
+  .medium-screen\:vads-u-padding-bottom--1px {
+    padding-bottom: 1px !important;
   }
-  .medium-screen\:vads-u-padding--3 {
-    padding: 1.5rem !important;
+  .medium-screen\:vads-u-padding-right--1px {
+    padding-right: 1px !important;
   }
-  .medium-screen\:vads-u-padding--4 {
-    padding: 2rem !important;
+  .medium-screen\:vads-u-padding-left--1px {
+    padding-left: 1px !important;
   }
-  .medium-screen\:vads-u-padding--5 {
-    padding: 2.5rem !important;
+  .medium-screen\:vads-u-padding--0p25 {
+    padding: 2px !important;
   }
-  .medium-screen\:vads-u-padding--6 {
-    padding: 3rem !important;
+  .medium-screen\:vads-u-padding-top--0p25 {
+    padding-top: 2px !important;
   }
-  .medium-screen\:vads-u-padding--7 {
-    padding: 3.5rem !important;
-  }
-  .medium-screen\:vads-u-padding--8 {
-    padding: 4rem !important;
-  }
-  .medium-screen\:vads-u-padding--9 {
-    padding: 4.5rem !important;
+  .medium-screen\:vads-u-padding-bottom--0p25 {
+    padding-bottom: 2px !important;
   }
-  .medium-screen\:vads-u-padding-top--0 {
-    padding-top: 0 !important;
+  .medium-screen\:vads-u-padding-right--0p25 {
+    padding-right: 2px !important;
   }
-  .medium-screen\:vads-u-padding-top--1px {
-    padding-top: 1px !important;
+  .medium-screen\:vads-u-padding-left--0p25 {
+    padding-left: 2px !important;
   }
-  .medium-screen\:vads-u-padding-top--0p25 {
-    padding-top: 2px !important;
+  .medium-screen\:vads-u-padding--0p5 {
+    padding: 0.25rem !important;
   }
   .medium-screen\:vads-u-padding-top--0p5 {
     padding-top: 0.25rem !important;
   }
-  .medium-screen\:vads-u-padding-top--1 {
-    padding-top: 0.5rem !important;
-  }
-  .medium-screen\:vads-u-padding-top--1p5 {
-    padding-top: 0.75rem !important;
-  }
-  .medium-screen\:vads-u-padding-top--2 {
-    padding-top: 1rem !important;
-  }
-  .medium-screen\:vads-u-padding-top--2p5 {
-    padding-top: 1.25rem !important;
-  }
-  .medium-screen\:vads-u-padding-top--3 {
-    padding-top: 1.5rem !important;
-  }
-  .medium-screen\:vads-u-padding-top--4 {
-    padding-top: 2rem !important;
-  }
-  .medium-screen\:vads-u-padding-top--5 {
-    padding-top: 2.5rem !important;
+  .medium-screen\:vads-u-padding-bottom--0p5 {
+    padding-bottom: 0.25rem !important;
   }
-  .medium-screen\:vads-u-padding-top--6 {
-    padding-top: 3rem !important;
+  .medium-screen\:vads-u-padding-right--0p5 {
+    padding-right: 0.25rem !important;
   }
-  .medium-screen\:vads-u-padding-top--7 {
-    padding-top: 3.5rem !important;
+  .medium-screen\:vads-u-padding-left--0p5 {
+    padding-left: 0.25rem !important;
   }
-  .medium-screen\:vads-u-padding-top--8 {
-    padding-top: 4rem !important;
+  .medium-screen\:vads-u-padding--1 {
+    padding: 0.5rem !important;
   }
-  .medium-screen\:vads-u-padding-top--9 {
-    padding-top: 4.5rem !important;
+  .medium-screen\:vads-u-padding-top--1 {
+    padding-top: 0.5rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--0 {
-    padding-bottom: 0 !important;
+  .medium-screen\:vads-u-padding-bottom--1 {
+    padding-bottom: 0.5rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--1px {
-    padding-bottom: 1px !important;
+  .medium-screen\:vads-u-padding-right--1 {
+    padding-right: 0.5rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--0p25 {
-    padding-bottom: 2px !important;
+  .medium-screen\:vads-u-padding-left--1 {
+    padding-left: 0.5rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--0p5 {
-    padding-bottom: 0.25rem !important;
+  .medium-screen\:vads-u-padding--1p5 {
+    padding: 0.75rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--1 {
-    padding-bottom: 0.5rem !important;
+  .medium-screen\:vads-u-padding-top--1p5 {
+    padding-top: 0.75rem !important;
   }
   .medium-screen\:vads-u-padding-bottom--1p5 {
     padding-bottom: 0.75rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--2 {
-    padding-bottom: 1rem !important;
-  }
-  .medium-screen\:vads-u-padding-bottom--2p5 {
-    padding-bottom: 1.25rem !important;
-  }
-  .medium-screen\:vads-u-padding-bottom--3 {
-    padding-bottom: 1.5rem !important;
+  .medium-screen\:vads-u-padding-right--1p5 {
+    padding-right: 0.75rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--4 {
-    padding-bottom: 2rem !important;
+  .medium-screen\:vads-u-padding-left--1p5 {
+    padding-left: 0.75rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--5 {
-    padding-bottom: 2.5rem !important;
+  .medium-screen\:vads-u-padding--2 {
+    padding: 1rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--6 {
-    padding-bottom: 3rem !important;
+  .medium-screen\:vads-u-padding-top--2 {
+    padding-top: 1rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--7 {
-    padding-bottom: 3.5rem !important;
+  .medium-screen\:vads-u-padding-bottom--2 {
+    padding-bottom: 1rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--8 {
-    padding-bottom: 4rem !important;
+  .medium-screen\:vads-u-padding-right--2 {
+    padding-right: 1rem !important;
   }
-  .medium-screen\:vads-u-padding-bottom--9 {
-    padding-bottom: 4.5rem !important;
+  .medium-screen\:vads-u-padding-left--2 {
+    padding-left: 1rem !important;
   }
-  .medium-screen\:vads-u-padding-right--0 {
-    padding-right: 0 !important;
+  .medium-screen\:vads-u-padding--2p5 {
+    padding: 1.25rem !important;
   }
-  .medium-screen\:vads-u-padding-right--1px {
-    padding-right: 1px !important;
+  .medium-screen\:vads-u-padding-top--2p5 {
+    padding-top: 1.25rem !important;
   }
-  .medium-screen\:vads-u-padding-right--0p25 {
-    padding-right: 2px !important;
+  .medium-screen\:vads-u-padding-bottom--2p5 {
+    padding-bottom: 1.25rem !important;
   }
-  .medium-screen\:vads-u-padding-right--0p5 {
-    padding-right: 0.25rem !important;
+  .medium-screen\:vads-u-padding-right--2p5 {
+    padding-right: 1.25rem !important;
   }
-  .medium-screen\:vads-u-padding-right--1 {
-    padding-right: 0.5rem !important;
+  .medium-screen\:vads-u-padding-left--2p5 {
+    padding-left: 1.25rem !important;
   }
-  .medium-screen\:vads-u-padding-right--1p5 {
-    padding-right: 0.75rem !important;
+  .medium-screen\:vads-u-padding--3 {
+    padding: 1.5rem !important;
   }
-  .medium-screen\:vads-u-padding-right--2 {
-    padding-right: 1rem !important;
+  .medium-screen\:vads-u-padding-top--3 {
+    padding-top: 1.5rem !important;
   }
-  .medium-screen\:vads-u-padding-right--2p5 {
-    padding-right: 1.25rem !important;
+  .medium-screen\:vads-u-padding-bottom--3 {
+    padding-bottom: 1.5rem !important;
   }
   .medium-screen\:vads-u-padding-right--3 {
     padding-right: 1.5rem !important;
   }
-  .medium-screen\:vads-u-padding-right--4 {
-    padding-right: 2rem !important;
-  }
-  .medium-screen\:vads-u-padding-right--5 {
-    padding-right: 2.5rem !important;
-  }
-  .medium-screen\:vads-u-padding-right--6 {
-    padding-right: 3rem !important;
+  .medium-screen\:vads-u-padding-left--3 {
+    padding-left: 1.5rem !important;
   }
-  .medium-screen\:vads-u-padding-right--7 {
-    padding-right: 3.5rem !important;
+  .medium-screen\:vads-u-padding--4 {
+    padding: 2rem !important;
   }
-  .medium-screen\:vads-u-padding-right--8 {
-    padding-right: 4rem !important;
+  .medium-screen\:vads-u-padding-top--4 {
+    padding-top: 2rem !important;
   }
-  .medium-screen\:vads-u-padding-right--9 {
-    padding-right: 4.5rem !important;
+  .medium-screen\:vads-u-padding-bottom--4 {
+    padding-bottom: 2rem !important;
   }
-  .medium-screen\:vads-u-padding-left--0 {
-    padding-left: 0 !important;
+  .medium-screen\:vads-u-padding-right--4 {
+    padding-right: 2rem !important;
   }
-  .medium-screen\:vads-u-padding-left--1px {
-    padding-left: 1px !important;
+  .medium-screen\:vads-u-padding-left--4 {
+    padding-left: 2rem !important;
   }
-  .medium-screen\:vads-u-padding-left--0p25 {
-    padding-left: 2px !important;
+  .medium-screen\:vads-u-padding--5 {
+    padding: 2.5rem !important;
   }
-  .medium-screen\:vads-u-padding-left--0p5 {
-    padding-left: 0.25rem !important;
+  .medium-screen\:vads-u-padding-top--5 {
+    padding-top: 2.5rem !important;
   }
-  .medium-screen\:vads-u-padding-left--1 {
-    padding-left: 0.5rem !important;
+  .medium-screen\:vads-u-padding-bottom--5 {
+    padding-bottom: 2.5rem !important;
   }
-  .medium-screen\:vads-u-padding-left--1p5 {
-    padding-left: 0.75rem !important;
+  .medium-screen\:vads-u-padding-right--5 {
+    padding-right: 2.5rem !important;
   }
-  .medium-screen\:vads-u-padding-left--2 {
-    padding-left: 1rem !important;
+  .medium-screen\:vads-u-padding-left--5 {
+    padding-left: 2.5rem !important;
   }
-  .medium-screen\:vads-u-padding-left--2p5 {
-    padding-left: 1.25rem !important;
+  .medium-screen\:vads-u-padding--6 {
+    padding: 3rem !important;
   }
-  .medium-screen\:vads-u-padding-left--3 {
-    padding-left: 1.5rem !important;
+  .medium-screen\:vads-u-padding-top--6 {
+    padding-top: 3rem !important;
   }
-  .medium-screen\:vads-u-padding-left--4 {
-    padding-left: 2rem !important;
+  .medium-screen\:vads-u-padding-bottom--6 {
+    padding-bottom: 3rem !important;
   }
-  .medium-screen\:vads-u-padding-left--5 {
-    padding-left: 2.5rem !important;
+  .medium-screen\:vads-u-padding-right--6 {
+    padding-right: 3rem !important;
   }
   .medium-screen\:vads-u-padding-left--6 {
     padding-left: 3rem !important;
   }
-  .medium-screen\:vads-u-padding-left--7 {
-    padding-left: 3.5rem !important;
-  }
-  .medium-screen\:vads-u-padding-left--8 {
-    padding-left: 4rem !important;
-  }
-  .medium-screen\:vads-u-padding-left--9 {
-    padding-left: 4.5rem !important;
-  }
-  .medium-screen\:vads-u-padding--0 {
-    padding: 0 !important;
+  .medium-screen\:vads-u-padding--7 {
+    padding: 3.5rem !important;
   }
-  .medium-screen\:vads-u-padding--1px {
-    padding: 1px !important;
+  .medium-screen\:vads-u-padding-top--7 {
+    padding-top: 3.5rem !important;
   }
-  .medium-screen\:vads-u-padding--0p25 {
-    padding: 2px !important;
+  .medium-screen\:vads-u-padding-bottom--7 {
+    padding-bottom: 3.5rem !important;
   }
-  .medium-screen\:vads-u-padding--0p5 {
-    padding: 0.25rem !important;
+  .medium-screen\:vads-u-padding-right--7 {
+    padding-right: 3.5rem !important;
   }
-  .medium-screen\:vads-u-padding--1 {
-    padding: 0.5rem !important;
+  .medium-screen\:vads-u-padding-left--7 {
+    padding-left: 3.5rem !important;
   }
-  .medium-screen\:vads-u-padding--1p5 {
-    padding: 0.75rem !important;
+  .medium-screen\:vads-u-padding--8 {
+    padding: 4rem !important;
   }
-  .medium-screen\:vads-u-padding--2 {
-    padding: 1rem !important;
+  .medium-screen\:vads-u-padding-top--8 {
+    padding-top: 4rem !important;
   }
-  .medium-screen\:vads-u-padding--2p5 {
-    padding: 1.25rem !important;
+  .medium-screen\:vads-u-padding-bottom--8 {
+    padding-bottom: 4rem !important;
   }
-  .medium-screen\:vads-u-padding--3 {
-    padding: 1.5rem !important;
+  .medium-screen\:vads-u-padding-right--8 {
+    padding-right: 4rem !important;
   }
-  .medium-screen\:vads-u-padding--4 {
-    padding: 2rem !important;
+  .medium-screen\:vads-u-padding-left--8 {
+    padding-left: 4rem !important;
   }
-  .medium-screen\:vads-u-padding--5 {
-    padding: 2.5rem !important;
+  .medium-screen\:vads-u-padding--9 {
+    padding: 4.5rem !important;
   }
-  .medium-screen\:vads-u-padding--6 {
-    padding: 3rem !important;
+  .medium-screen\:vads-u-padding-top--9 {
+    padding-top: 4.5rem !important;
   }
-  .medium-screen\:vads-u-padding--7 {
-    padding: 3.5rem !important;
+  .medium-screen\:vads-u-padding-bottom--9 {
+    padding-bottom: 4.5rem !important;
   }
-  .medium-screen\:vads-u-padding--8 {
-    padding: 4rem !important;
+  .medium-screen\:vads-u-padding-right--9 {
+    padding-right: 4.5rem !important;
   }
-  .medium-screen\:vads-u-padding--9 {
-    padding: 4.5rem !important;
+  .medium-screen\:vads-u-padding-left--9 {
+    padding-left: 4.5rem !important;
   }
   .medium-screen\:vads-u-padding-y--0 {
     padding-top: 0 !important;
@@ -15501,15 +15593,6 @@ through all possible variants
   .medium-screen\:vads-u-text-align--justify {
     text-align: justify !important;
   }
-  .medium-screen\:vads-u-text-decoration--none {
-    text-decoration: none !important;
-  }
-  .medium-screen\:vads-u-text-decoration--underline {
-    text-decoration: underline !important;
-  }
-  .medium-screen\:vads-u-text-decoration--line-through {
-    text-decoration: line-through !important;
-  }
   .medium-screen\:vads-u-visibility--hidden {
     visibility: hidden !important;
   }