npm - scu-web-components - Versions diffs - 0.0.35 → 0.0.36 - Mend

scu-web-components 0.0.35 → 0.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1927) hide show

package/dist/tokens/source/componentScssMixins.scss CHANGED Viewed

@@ -9,7 +9,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -151,7 +151,7 @@
 @mixin comp-scw-card-default-image--sizing {
   width: 636px;
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-default-image--width {
@@ -159,7 +159,7 @@
 }
 @mixin comp-scw-card-default-image--height {
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-default-image--padding {
@@ -193,7 +193,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
 @mixin comp-scw-card-default-image--html-autolayout-padding {
@@ -201,7 +201,7 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
@@ -246,16 +246,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
 @mixin comp-scw-card-default-super-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
@@ -303,16 +303,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 38 );
-  margin-bottom: var( --scw-spacing-7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
 @mixin comp-scw-card-default-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 38 );
-  padding-bottom: var( --scw-spacing-7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
@@ -331,7 +331,7 @@
 @mixin comp-scw-card-default-description--sizing {
   width: 636px;
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-default-description--width {
@@ -339,7 +339,7 @@
 }
 @mixin comp-scw-card-default-description--height {
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-default-description--padding {
@@ -357,7 +357,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );
   margin-bottom: var( --scw-spacing-4 );
 }
@@ -365,7 +365,7 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );
   padding-bottom: var( --scw-spacing-4 );
 }
@@ -379,7 +379,7 @@
   } @else {
     background-color: var( --scw-color-primary-03 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-default-action--sizing {
@@ -525,7 +525,7 @@
 @mixin comp-scw-card-color-mortgage-image--sizing {
   width: 636px;
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-color-mortgage-image--width {
@@ -533,7 +533,7 @@
 }
 @mixin comp-scw-card-color-mortgage-image--height {
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-color-mortgage-image--padding {
@@ -567,7 +567,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
 @mixin comp-scw-card-color-mortgage-image--html-autolayout-padding {
@@ -575,7 +575,7 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
@@ -620,16 +620,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
 @mixin comp-scw-card-color-mortgage-super-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
@@ -677,16 +677,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 38 );
-  margin-bottom: var( --scw-spacing-7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
 @mixin comp-scw-card-color-mortgage-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 38 );
-  padding-bottom: var( --scw-spacing-7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
@@ -705,7 +705,7 @@
 @mixin comp-scw-card-color-mortgage-description--sizing {
   width: 636px;
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-mortgage-description--width {
@@ -713,7 +713,7 @@
 }
 @mixin comp-scw-card-color-mortgage-description--height {
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-mortgage-description--padding {
@@ -731,7 +731,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );
   margin-bottom: var( --scw-spacing-4 );
 }
@@ -739,7 +739,7 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );
   padding-bottom: var( --scw-spacing-4 );
 }
@@ -753,7 +753,7 @@
   } @else {
     background-color: var( --scw-color-mortgage-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-color-mortgage-action--sizing {
@@ -899,7 +899,7 @@
 @mixin comp-scw-card-color-savings-image--sizing {
   width: 636px;
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-color-savings-image--width {
@@ -907,7 +907,7 @@
 }
 @mixin comp-scw-card-color-savings-image--height {
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-color-savings-image--padding {
@@ -941,7 +941,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
 @mixin comp-scw-card-color-savings-image--html-autolayout-padding {
@@ -949,7 +949,7 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
@@ -994,16 +994,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
 @mixin comp-scw-card-color-savings-super-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
@@ -1051,16 +1051,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 38 );
-  margin-bottom: var( --scw-spacing-7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
 @mixin comp-scw-card-color-savings-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 38 );
-  padding-bottom: var( --scw-spacing-7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
@@ -1079,7 +1079,7 @@
 @mixin comp-scw-card-color-savings-description--sizing {
   width: 636px;
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-savings-description--width {
@@ -1087,7 +1087,7 @@
 }
 @mixin comp-scw-card-color-savings-description--height {
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-savings-description--padding {
@@ -1105,7 +1105,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );
   margin-bottom: var( --scw-spacing-4 );
 }
@@ -1113,7 +1113,7 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );
   padding-bottom: var( --scw-spacing-4 );
 }
@@ -1127,7 +1127,7 @@
   } @else {
     background-color: var( --scw-color-savings-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-color-savings-action--sizing {
@@ -1273,7 +1273,7 @@
 @mixin comp-scw-card-color-student-image--sizing {
   width: 636px;
-  height: 325px;
+  height: 321px;
 }
 @mixin comp-scw-card-color-student-image--width {
@@ -1281,7 +1281,7 @@
 }
 @mixin comp-scw-card-color-student-image--height {
-  height: 325px;
+  height: 321px;
 }
 @mixin comp-scw-card-color-student-image--padding {
@@ -1315,7 +1315,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 15.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 15.8 );
 }
 @mixin comp-scw-card-color-student-image--html-autolayout-padding {
@@ -1323,7 +1323,7 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 15.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 15.8 );
 }
@@ -1368,16 +1368,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 33.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 12.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 32.9 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 13.1 );
 }
 @mixin comp-scw-card-color-student-super-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 33.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 12.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 32.9 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 13.1 );
 }
@@ -1425,16 +1425,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 36 );
-  margin-bottom: var( --scw-spacing-7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 35.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
 @mixin comp-scw-card-color-student-scw-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 36 );
-  padding-bottom: var( --scw-spacing-7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 35.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
@@ -1510,7 +1510,7 @@
 @mixin comp-scw-card-color-student-description--sizing {
   width: 636px;
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-student-description--width {
@@ -1518,7 +1518,7 @@
 }
 @mixin comp-scw-card-color-student-description--height {
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-student-description--padding {
@@ -1536,7 +1536,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );
   margin-bottom: var( --scw-spacing-4 );
 }
@@ -1544,7 +1544,7 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );
   padding-bottom: var( --scw-spacing-4 );
 }
@@ -1558,7 +1558,7 @@
   } @else {
     background-color: var( --scw-color-student-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-color-student-action--sizing {
@@ -1704,7 +1704,7 @@
 @mixin comp-scw-card-color-investments-image--sizing {
   width: 636px;
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-color-investments-image--width {
@@ -1712,7 +1712,7 @@
 }
 @mixin comp-scw-card-color-investments-image--height {
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-color-investments-image--padding {
@@ -1746,7 +1746,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
 @mixin comp-scw-card-color-investments-image--html-autolayout-padding {
@@ -1754,7 +1754,7 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
@@ -1799,16 +1799,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
 @mixin comp-scw-card-color-investments-super-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
@@ -1856,16 +1856,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 38 );
-  margin-bottom: var( --scw-spacing-7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
 @mixin comp-scw-card-color-investments-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 38 );
-  padding-bottom: var( --scw-spacing-7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
@@ -1884,7 +1884,7 @@
 @mixin comp-scw-card-color-investments-description--sizing {
   width: 636px;
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-investments-description--width {
@@ -1892,7 +1892,7 @@
 }
 @mixin comp-scw-card-color-investments-description--height {
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-investments-description--padding {
@@ -1910,7 +1910,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );
   margin-bottom: var( --scw-spacing-4 );
 }
@@ -1918,7 +1918,7 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );
   padding-bottom: var( --scw-spacing-4 );
 }
@@ -1932,7 +1932,7 @@
   } @else {
     background-color: var( --scw-color-investments-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-color-investments-action--sizing {
@@ -2078,7 +2078,7 @@
 @mixin comp-scw-card-color-checking-image--sizing {
   width: 636px;
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-color-checking-image--width {
@@ -2086,7 +2086,7 @@
 }
 @mixin comp-scw-card-color-checking-image--height {
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-color-checking-image--padding {
@@ -2120,7 +2120,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
 @mixin comp-scw-card-color-checking-image--html-autolayout-padding {
@@ -2128,7 +2128,7 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
@@ -2173,16 +2173,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
 @mixin comp-scw-card-color-checking-super-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
@@ -2230,16 +2230,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 38 );
-  margin-bottom: var( --scw-spacing-7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
 @mixin comp-scw-card-color-checking-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 38 );
-  padding-bottom: var( --scw-spacing-7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
@@ -2258,7 +2258,7 @@
 @mixin comp-scw-card-color-checking-description--sizing {
   width: 636px;
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-checking-description--width {
@@ -2266,7 +2266,7 @@
 }
 @mixin comp-scw-card-color-checking-description--height {
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-checking-description--padding {
@@ -2284,7 +2284,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );
   margin-bottom: var( --scw-spacing-4 );
 }
@@ -2292,7 +2292,7 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );
   padding-bottom: var( --scw-spacing-4 );
 }
@@ -2306,7 +2306,7 @@
   } @else {
     background-color: var( --scw-color-checking-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-color-checking-action--sizing {
@@ -2452,7 +2452,7 @@
 @mixin comp-scw-card-color-credit-cards-image--sizing {
   width: 636px;
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-color-credit-cards-image--width {
@@ -2460,7 +2460,7 @@
 }
 @mixin comp-scw-card-color-credit-cards-image--height {
-  height: 345px;
+  height: 341px;
 }
 @mixin comp-scw-card-color-credit-cards-image--padding {
@@ -2494,7 +2494,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
 @mixin comp-scw-card-color-credit-cards-image--html-autolayout-padding {
@@ -2502,7 +2502,7 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
@@ -2547,16 +2547,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
 @mixin comp-scw-card-color-credit-cards-super-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
@@ -2604,16 +2604,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 38 );
-  margin-bottom: var( --scw-spacing-7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
 @mixin comp-scw-card-color-credit-cards-heading--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 38 );
-  padding-bottom: var( --scw-spacing-7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
@@ -2632,7 +2632,7 @@
 @mixin comp-scw-card-color-credit-cards-description--sizing {
   width: 636px;
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-credit-cards-description--width {
@@ -2640,7 +2640,7 @@
 }
 @mixin comp-scw-card-color-credit-cards-description--height {
-  height: 22px;
+  height: 26px;
 }
 @mixin comp-scw-card-color-credit-cards-description--padding {
@@ -2658,7 +2658,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );
   margin-bottom: var( --scw-spacing-4 );
 }
@@ -2666,7 +2666,7 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );
   padding-bottom: var( --scw-spacing-4 );
 }
@@ -2680,7 +2680,7 @@
   } @else {
     background-color: var( --scw-color-credit-cards-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-color-credit-cards-action--sizing {
@@ -3057,7 +3057,7 @@
   } @else {
     background-color: var( --scw-color-primary-03 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-size-medium-action--sizing {
@@ -3431,7 +3431,7 @@
   } @else {
     background-color: var( --scw-color-mortgage-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-size-medium-color-mortgage-action--sizing {
@@ -3805,7 +3805,7 @@
   } @else {
     background-color: var( --scw-color-savings-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-size-medium-color-savings-action--sizing {
@@ -4179,7 +4179,7 @@
   } @else {
     background-color: var( --scw-color-student-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-size-medium-color-student-action--sizing {
@@ -4553,7 +4553,7 @@
   } @else {
     background-color: var( --scw-color-investments-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-size-medium-color-investments-action--sizing {
@@ -4927,7 +4927,7 @@
   } @else {
     background-color: var( --scw-color-checking-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-size-medium-color-checking-action--sizing {
@@ -5301,7 +5301,7 @@
   } @else {
     background-color: var( --scw-color-credit-cards-04 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
 }
 @mixin comp-scw-card-size-medium-color-credit-cards-action--sizing {
@@ -6748,7 +6748,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -13364,7 +13364,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -15488,7 +15488,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -16277,7 +16277,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -30108,7 +30108,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -32847,7 +32847,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -35353,7 +35353,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -36900,7 +36900,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -37783,7 +37783,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -38163,7 +38163,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -43387,7 +43387,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -44460,7 +44460,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -44840,7 +44840,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -45029,7 +45029,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -45446,7 +45446,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -45703,7 +45703,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
@@ -46006,7 +46006,7 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {