npm - scu-web-components - Versions diffs - 0.0.48 → 0.0.49 - Mend

scu-web-components 0.0.48 → 0.0.49

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 (2085) hide show

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

@@ -6816,12 +6816,12 @@
 }
 @mixin comp-scw-link-default--sizing {
-  width: 77px;
+  width: 71px;
   height: 39px;
 }
 @mixin comp-scw-link-default--width {
-  width: 77px;
+  width: 71px;
 }
 @mixin comp-scw-link-default--height {
@@ -6853,7 +6853,7 @@
 @mixin comp-scw-link-default--absolute-layout {
   position: absolute;
   left: var( --scw-spacing-2 );
-  width: 77px;
+  width: 71px;
   top: var( --scw-spacing-2 );
   height: 39px;
 }
@@ -6861,7 +6861,7 @@
 @mixin comp-scw-link-default--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 34 );
   margin-top: var( --scw-spacing-2 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );
 }
@@ -6869,7 +6869,7 @@
 @mixin comp-scw-link-default--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 34 );
   padding-top: var( --scw-spacing-2 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );
 }
@@ -6918,7 +6918,7 @@
 @mixin comp-scw-link-default-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -6926,7 +6926,7 @@
 @mixin comp-scw-link-default-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -6936,7 +6936,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
   } @else {
@@ -6945,12 +6945,12 @@
 }
 @mixin comp-scw-link-default-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-default-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-default-label--height {
@@ -7028,7 +7028,7 @@
 @mixin comp-scw-link-default-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * -4.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -7036,7 +7036,7 @@
 @mixin comp-scw-link-default-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * -4.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -7788,12 +7788,12 @@
 }
 @mixin comp-scw-link-design-outlined--sizing {
-  width: 77px;
+  width: 71px;
   height: 39px;
 }
 @mixin comp-scw-link-design-outlined--width {
-  width: 77px;
+  width: 71px;
 }
 @mixin comp-scw-link-design-outlined--height {
@@ -7825,7 +7825,7 @@
 @mixin comp-scw-link-design-outlined--absolute-layout {
   position: absolute;
   left: var( --scw-spacing-2 );
-  width: 77px;
+  width: 71px;
   top: calc( var( --scw-spacing-1 ) * 23.8 );
   height: 39px;
 }
@@ -7833,7 +7833,7 @@
 @mixin comp-scw-link-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 34 );
   margin-top: calc( var( --scw-spacing-1 ) * 23.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 17.6 );
 }
@@ -7841,7 +7841,7 @@
 @mixin comp-scw-link-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 34 );
   padding-top: calc( var( --scw-spacing-1 ) * 23.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 17.6 );
 }
@@ -7890,7 +7890,7 @@
 @mixin comp-scw-link-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -7898,7 +7898,7 @@
 @mixin comp-scw-link-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -7908,7 +7908,7 @@
   $themeVar: '--scw-color'
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-04 , var( --scw-color-primary-04 ) );
   } @else {
@@ -7917,12 +7917,12 @@
 }
 @mixin comp-scw-link-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-design-outlined-label--height {
@@ -8000,7 +8000,7 @@
 @mixin comp-scw-link-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * -4.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -8008,7 +8008,7 @@
 @mixin comp-scw-link-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * -4.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -8034,12 +8034,12 @@
 }
 @mixin comp-scw-link-icon-left-design-outlined--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-icon-left-design-outlined--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-icon-left-design-outlined--height {
@@ -8071,7 +8071,7 @@
 @mixin comp-scw-link-icon-left-design-outlined--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 11.3 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 23.8 );
   height: 39px;
 }
@@ -8079,7 +8079,7 @@
 @mixin comp-scw-link-icon-left-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 22.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 23.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 17.6 );
 }
@@ -8087,7 +8087,7 @@
 @mixin comp-scw-link-icon-left-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 22.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 23.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 17.6 );
 }
@@ -8136,7 +8136,7 @@
 @mixin comp-scw-link-icon-left-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -8144,7 +8144,7 @@
 @mixin comp-scw-link-icon-left-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -8154,7 +8154,7 @@
   $themeVar: '--scw-color'
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-04 , var( --scw-color-primary-04 ) );
   } @else {
@@ -8163,12 +8163,12 @@
 }
 @mixin comp-scw-link-icon-left-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-icon-left-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-icon-left-design-outlined-label--height {
@@ -8246,7 +8246,7 @@
 @mixin comp-scw-link-icon-left-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.7 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -8254,7 +8254,7 @@
 @mixin comp-scw-link-icon-left-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.7 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -8273,12 +8273,12 @@
 }
 @mixin comp-scw-link-icon-left--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-icon-left--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-icon-left--height {
@@ -8310,7 +8310,7 @@
 @mixin comp-scw-link-icon-left--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 11.3 );
-  width: 101px;
+  width: 95px;
   top: var( --scw-spacing-2 );
   height: 39px;
 }
@@ -8318,7 +8318,7 @@
 @mixin comp-scw-link-icon-left--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 22.3 );
   margin-top: var( --scw-spacing-2 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );
 }
@@ -8326,7 +8326,7 @@
 @mixin comp-scw-link-icon-left--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 22.3 );
   padding-top: var( --scw-spacing-2 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );
 }
@@ -8375,7 +8375,7 @@
 @mixin comp-scw-link-icon-left-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -8383,7 +8383,7 @@
 @mixin comp-scw-link-icon-left-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -8393,7 +8393,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
   } @else {
@@ -8402,12 +8402,12 @@
 }
 @mixin comp-scw-link-icon-left-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-icon-left-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-icon-left-label--height {
@@ -8485,7 +8485,7 @@
 @mixin comp-scw-link-icon-left-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.7 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -8493,7 +8493,7 @@
 @mixin comp-scw-link-icon-left-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.7 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -8512,12 +8512,12 @@
 }
 @mixin comp-scw-link-icon-right--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-icon-right--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-icon-right--height {
@@ -8549,7 +8549,7 @@
 @mixin comp-scw-link-icon-right--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 23 );
-  width: 101px;
+  width: 95px;
   top: var( --scw-spacing-2 );
   height: 39px;
 }
@@ -8557,7 +8557,7 @@
 @mixin comp-scw-link-icon-right--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
-  margin-right: var( --scw-spacing-10 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.6 );
   margin-top: var( --scw-spacing-2 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );
 }
@@ -8565,7 +8565,7 @@
 @mixin comp-scw-link-icon-right--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
-  padding-right: var( --scw-spacing-10 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.6 );
   padding-top: var( --scw-spacing-2 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );
 }
@@ -8614,7 +8614,7 @@
 @mixin comp-scw-link-icon-right-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -8622,7 +8622,7 @@
 @mixin comp-scw-link-icon-right-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -8632,7 +8632,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
   } @else {
@@ -8641,12 +8641,12 @@
 }
 @mixin comp-scw-link-icon-right-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-icon-right-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-icon-right-label--height {
@@ -8723,7 +8723,7 @@
 @mixin comp-scw-link-icon-right-right-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -8731,7 +8731,7 @@
 @mixin comp-scw-link-icon-right-right-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -8751,12 +8751,12 @@
 }
 @mixin comp-scw-link-state-hover-icon-left--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-hover-icon-left--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-hover-icon-left--height {
@@ -8788,7 +8788,7 @@
 @mixin comp-scw-link-state-hover-icon-left--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 11.3 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 7.4 );
   height: 39px;
 }
@@ -8796,7 +8796,7 @@
 @mixin comp-scw-link-state-hover-icon-left--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 22.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 7.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 34 );
 }
@@ -8804,7 +8804,7 @@
 @mixin comp-scw-link-state-hover-icon-left--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 22.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 7.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 34 );
 }
@@ -8853,7 +8853,7 @@
 @mixin comp-scw-link-state-hover-icon-left-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -8861,7 +8861,7 @@
 @mixin comp-scw-link-state-hover-icon-left-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -8871,7 +8871,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
   } @else {
@@ -8880,12 +8880,12 @@
 }
 @mixin comp-scw-link-state-hover-icon-left-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-hover-icon-left-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-hover-icon-left-label--height {
@@ -8963,7 +8963,7 @@
 @mixin comp-scw-link-state-hover-icon-left-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.7 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -8971,7 +8971,7 @@
 @mixin comp-scw-link-state-hover-icon-left-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.7 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -8990,12 +8990,12 @@
 }
 @mixin comp-scw-link-state-hover-icon-right--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-hover-icon-right--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-hover-icon-right--height {
@@ -9027,7 +9027,7 @@
 @mixin comp-scw-link-state-hover-icon-right--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 23 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 7.4 );
   height: 39px;
 }
@@ -9035,7 +9035,7 @@
 @mixin comp-scw-link-state-hover-icon-right--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
-  margin-right: var( --scw-spacing-10 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.6 );
   margin-top: calc( var( --scw-spacing-1 ) * 7.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 34 );
 }
@@ -9043,7 +9043,7 @@
 @mixin comp-scw-link-state-hover-icon-right--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
-  padding-right: var( --scw-spacing-10 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.6 );
   padding-top: calc( var( --scw-spacing-1 ) * 7.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 34 );
 }
@@ -9092,7 +9092,7 @@
 @mixin comp-scw-link-state-hover-icon-right-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -9100,7 +9100,7 @@
 @mixin comp-scw-link-state-hover-icon-right-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -9110,7 +9110,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
   } @else {
@@ -9119,12 +9119,12 @@
 }
 @mixin comp-scw-link-state-hover-icon-right-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-hover-icon-right-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-hover-icon-right-label--height {
@@ -9201,7 +9201,7 @@
 @mixin comp-scw-link-state-hover-icon-right-right-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -9209,7 +9209,7 @@
 @mixin comp-scw-link-state-hover-icon-right-right-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -9230,12 +9230,12 @@
 }
 @mixin comp-scw-link-state-focused-icon-left--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-focused-icon-left--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-focused-icon-left--height {
@@ -9267,7 +9267,7 @@
 @mixin comp-scw-link-state-focused-icon-left--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 11.3 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 12.8 );
   height: 39px;
 }
@@ -9275,7 +9275,7 @@
 @mixin comp-scw-link-state-focused-icon-left--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 22.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 12.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 28.6 );
 }
@@ -9283,7 +9283,7 @@
 @mixin comp-scw-link-state-focused-icon-left--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 22.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 12.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 28.6 );
 }
@@ -9332,7 +9332,7 @@
 @mixin comp-scw-link-state-focused-icon-left-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -9340,7 +9340,7 @@
 @mixin comp-scw-link-state-focused-icon-left-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -9350,7 +9350,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
   } @else {
@@ -9359,12 +9359,12 @@
 }
 @mixin comp-scw-link-state-focused-icon-left-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-focused-icon-left-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-focused-icon-left-label--height {
@@ -9442,7 +9442,7 @@
 @mixin comp-scw-link-state-focused-icon-left-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.9 );
-  margin-right: calc( var( --scw-spacing-1 ) * -1.2 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.8 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -9450,7 +9450,7 @@
 @mixin comp-scw-link-state-focused-icon-left-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.9 );
-  padding-right: calc( var( --scw-spacing-1 ) * -1.2 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.8 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -9470,12 +9470,12 @@
 }
 @mixin comp-scw-link-state-focused-icon-right--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-focused-icon-right--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-focused-icon-right--height {
@@ -9507,7 +9507,7 @@
 @mixin comp-scw-link-state-focused-icon-right--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 23 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 12.8 );
   height: 39px;
 }
@@ -9515,7 +9515,7 @@
 @mixin comp-scw-link-state-focused-icon-right--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
-  margin-right: var( --scw-spacing-10 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.6 );
   margin-top: calc( var( --scw-spacing-1 ) * 12.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 28.6 );
 }
@@ -9523,7 +9523,7 @@
 @mixin comp-scw-link-state-focused-icon-right--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
-  padding-right: var( --scw-spacing-10 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.6 );
   padding-top: calc( var( --scw-spacing-1 ) * 12.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 28.6 );
 }
@@ -9572,7 +9572,7 @@
 @mixin comp-scw-link-state-focused-icon-right-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -9580,7 +9580,7 @@
 @mixin comp-scw-link-state-focused-icon-right-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -9590,7 +9590,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
   } @else {
@@ -9599,12 +9599,12 @@
 }
 @mixin comp-scw-link-state-focused-icon-right-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-focused-icon-right-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-focused-icon-right-label--height {
@@ -9681,7 +9681,7 @@
 @mixin comp-scw-link-state-focused-icon-right-right-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -9689,7 +9689,7 @@
 @mixin comp-scw-link-state-focused-icon-right-right-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -9709,12 +9709,12 @@
 }
 @mixin comp-scw-link-state-disabled-icon-left--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-disabled-icon-left--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-disabled-icon-left--height {
@@ -9746,7 +9746,7 @@
 @mixin comp-scw-link-state-disabled-icon-left--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 11.3 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 17.7 );
   height: 39px;
 }
@@ -9754,7 +9754,7 @@
 @mixin comp-scw-link-state-disabled-icon-left--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 22.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 17.7 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }
@@ -9762,7 +9762,7 @@
 @mixin comp-scw-link-state-disabled-icon-left--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 22.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 17.7 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }
@@ -9811,7 +9811,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -9819,7 +9819,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -9829,7 +9829,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );
   } @else {
@@ -9838,12 +9838,12 @@
 }
 @mixin comp-scw-link-state-disabled-icon-left-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-disabled-icon-left-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-disabled-icon-left-label--height {
@@ -9921,7 +9921,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.7 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -9929,7 +9929,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.7 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -9948,12 +9948,12 @@
 }
 @mixin comp-scw-link-state-disabled-icon-right--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-disabled-icon-right--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-disabled-icon-right--height {
@@ -9985,7 +9985,7 @@
 @mixin comp-scw-link-state-disabled-icon-right--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 23 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 17.7 );
   height: 39px;
 }
@@ -9993,7 +9993,7 @@
 @mixin comp-scw-link-state-disabled-icon-right--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
-  margin-right: var( --scw-spacing-10 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.6 );
   margin-top: calc( var( --scw-spacing-1 ) * 17.7 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }
@@ -10001,7 +10001,7 @@
 @mixin comp-scw-link-state-disabled-icon-right--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
-  padding-right: var( --scw-spacing-10 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.6 );
   padding-top: calc( var( --scw-spacing-1 ) * 17.7 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }
@@ -10050,7 +10050,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10058,7 +10058,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10068,7 +10068,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );
   } @else {
@@ -10077,12 +10077,12 @@
 }
 @mixin comp-scw-link-state-disabled-icon-right-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-disabled-icon-right-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-disabled-icon-right-label--height {
@@ -10159,7 +10159,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-right-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -10167,7 +10167,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-right-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -10187,12 +10187,12 @@
 }
 @mixin comp-scw-link-state-hover--sizing {
-  width: 77px;
+  width: 71px;
   height: 39px;
 }
 @mixin comp-scw-link-state-hover--width {
-  width: 77px;
+  width: 71px;
 }
 @mixin comp-scw-link-state-hover--height {
@@ -10224,7 +10224,7 @@
 @mixin comp-scw-link-state-hover--absolute-layout {
   position: absolute;
   left: var( --scw-spacing-2 );
-  width: 77px;
+  width: 71px;
   top: calc( var( --scw-spacing-1 ) * 7.4 );
   height: 39px;
 }
@@ -10232,7 +10232,7 @@
 @mixin comp-scw-link-state-hover--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 34 );
   margin-top: calc( var( --scw-spacing-1 ) * 7.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 34 );
 }
@@ -10240,7 +10240,7 @@
 @mixin comp-scw-link-state-hover--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 34 );
   padding-top: calc( var( --scw-spacing-1 ) * 7.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 34 );
 }
@@ -10289,7 +10289,7 @@
 @mixin comp-scw-link-state-hover-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10297,7 +10297,7 @@
 @mixin comp-scw-link-state-hover-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10307,7 +10307,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
   } @else {
@@ -10316,12 +10316,12 @@
 }
 @mixin comp-scw-link-state-hover-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-hover-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-hover-label--height {
@@ -10399,7 +10399,7 @@
 @mixin comp-scw-link-state-hover-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-6 );
-  margin-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10407,7 +10407,7 @@
 @mixin comp-scw-link-state-hover-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-6 );
-  padding-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10433,12 +10433,12 @@
 }
 @mixin comp-scw-link-state-hover-design-outlined--sizing {
-  width: 77px;
+  width: 71px;
   height: 39px;
 }
 @mixin comp-scw-link-state-hover-design-outlined--width {
-  width: 77px;
+  width: 71px;
 }
 @mixin comp-scw-link-state-hover-design-outlined--height {
@@ -10470,7 +10470,7 @@
 @mixin comp-scw-link-state-hover-design-outlined--absolute-layout {
   position: absolute;
   left: var( --scw-spacing-2 );
-  width: 77px;
+  width: 71px;
   top: calc( var( --scw-spacing-1 ) * 28.8 );
   height: 39px;
 }
@@ -10478,7 +10478,7 @@
 @mixin comp-scw-link-state-hover-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 34 );
   margin-top: calc( var( --scw-spacing-1 ) * 28.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 12.6 );
 }
@@ -10486,7 +10486,7 @@
 @mixin comp-scw-link-state-hover-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 34 );
   padding-top: calc( var( --scw-spacing-1 ) * 28.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 12.6 );
 }
@@ -10535,7 +10535,7 @@
 @mixin comp-scw-link-state-hover-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10543,7 +10543,7 @@
 @mixin comp-scw-link-state-hover-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10553,7 +10553,7 @@
   $themeVar: '--scw-color'
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-01 , var( --scw-color-primary-01 ) );
   } @else {
@@ -10562,12 +10562,12 @@
 }
 @mixin comp-scw-link-state-hover-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-hover-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-hover-design-outlined-label--height {
@@ -10645,7 +10645,7 @@
 @mixin comp-scw-link-state-hover-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-6 );
-  margin-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10653,7 +10653,7 @@
 @mixin comp-scw-link-state-hover-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-6 );
-  padding-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10679,12 +10679,12 @@
 }
 @mixin comp-scw-link-state-hover-icon-left-design-outlined--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-hover-icon-left-design-outlined--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-hover-icon-left-design-outlined--height {
@@ -10716,7 +10716,7 @@
 @mixin comp-scw-link-state-hover-icon-left-design-outlined--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 11.3 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 28.8 );
   height: 39px;
 }
@@ -10724,7 +10724,7 @@
 @mixin comp-scw-link-state-hover-icon-left-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 22.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 28.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 12.6 );
 }
@@ -10732,7 +10732,7 @@
 @mixin comp-scw-link-state-hover-icon-left-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 22.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 28.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 12.6 );
 }
@@ -10781,7 +10781,7 @@
 @mixin comp-scw-link-state-hover-icon-left-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -10789,7 +10789,7 @@
 @mixin comp-scw-link-state-hover-icon-left-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -10799,7 +10799,7 @@
   $themeVar: '--scw-color'
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-01 , var( --scw-color-primary-01 ) );
   } @else {
@@ -10808,12 +10808,12 @@
 }
 @mixin comp-scw-link-state-hover-icon-left-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-hover-icon-left-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-hover-icon-left-design-outlined-label--height {
@@ -10891,7 +10891,7 @@
 @mixin comp-scw-link-state-hover-icon-left-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 1.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10899,7 +10899,7 @@
 @mixin comp-scw-link-state-hover-icon-left-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -10919,12 +10919,12 @@
 }
 @mixin comp-scw-link-state-focused--sizing {
-  width: 77px;
+  width: 71px;
   height: 39px;
 }
 @mixin comp-scw-link-state-focused--width {
-  width: 77px;
+  width: 71px;
 }
 @mixin comp-scw-link-state-focused--height {
@@ -10956,7 +10956,7 @@
 @mixin comp-scw-link-state-focused--absolute-layout {
   position: absolute;
   left: var( --scw-spacing-2 );
-  width: 77px;
+  width: 71px;
   top: calc( var( --scw-spacing-1 ) * 12.8 );
   height: 39px;
 }
@@ -10964,7 +10964,7 @@
 @mixin comp-scw-link-state-focused--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 34 );
   margin-top: calc( var( --scw-spacing-1 ) * 12.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 28.6 );
 }
@@ -10972,7 +10972,7 @@
 @mixin comp-scw-link-state-focused--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 34 );
   padding-top: calc( var( --scw-spacing-1 ) * 12.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 28.6 );
 }
@@ -11021,7 +11021,7 @@
 @mixin comp-scw-link-state-focused-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11029,7 +11029,7 @@
 @mixin comp-scw-link-state-focused-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11039,7 +11039,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
   } @else {
@@ -11048,12 +11048,12 @@
 }
 @mixin comp-scw-link-state-focused-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-focused-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-focused-label--height {
@@ -11131,7 +11131,7 @@
 @mixin comp-scw-link-state-focused-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-6 );
-  margin-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11139,7 +11139,7 @@
 @mixin comp-scw-link-state-focused-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-6 );
-  padding-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11166,12 +11166,12 @@
 }
 @mixin comp-scw-link-state-focused-design-outlined--sizing {
-  width: 77px;
+  width: 71px;
   height: 39px;
 }
 @mixin comp-scw-link-state-focused-design-outlined--width {
-  width: 77px;
+  width: 71px;
 }
 @mixin comp-scw-link-state-focused-design-outlined--height {
@@ -11203,7 +11203,7 @@
 @mixin comp-scw-link-state-focused-design-outlined--absolute-layout {
   position: absolute;
   left: var( --scw-spacing-2 );
-  width: 77px;
+  width: 71px;
   top: calc( var( --scw-spacing-1 ) * 34.2 );
   height: 39px;
 }
@@ -11211,7 +11211,7 @@
 @mixin comp-scw-link-state-focused-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 34 );
   margin-top: calc( var( --scw-spacing-1 ) * 34.2 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 7.2 );
 }
@@ -11219,7 +11219,7 @@
 @mixin comp-scw-link-state-focused-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 34 );
   padding-top: calc( var( --scw-spacing-1 ) * 34.2 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 7.2 );
 }
@@ -11268,7 +11268,7 @@
 @mixin comp-scw-link-state-focused-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11276,7 +11276,7 @@
 @mixin comp-scw-link-state-focused-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11286,7 +11286,7 @@
   $themeVar: '--scw-color'
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-04 , var( --scw-color-primary-04 ) );
   } @else {
@@ -11295,12 +11295,12 @@
 }
 @mixin comp-scw-link-state-focused-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-focused-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-focused-design-outlined-label--height {
@@ -11378,7 +11378,7 @@
 @mixin comp-scw-link-state-focused-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-6 );
-  margin-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11386,7 +11386,7 @@
 @mixin comp-scw-link-state-focused-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-6 );
-  padding-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11413,12 +11413,12 @@
 }
 @mixin comp-scw-link-state-focused-icon-left-design-outlined--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-focused-icon-left-design-outlined--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-focused-icon-left-design-outlined--height {
@@ -11450,7 +11450,7 @@
 @mixin comp-scw-link-state-focused-icon-left-design-outlined--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 11.3 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 34.2 );
   height: 39px;
 }
@@ -11458,7 +11458,7 @@
 @mixin comp-scw-link-state-focused-icon-left-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 22.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 34.2 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 7.2 );
 }
@@ -11466,7 +11466,7 @@
 @mixin comp-scw-link-state-focused-icon-left-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 22.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 34.2 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 7.2 );
 }
@@ -11515,7 +11515,7 @@
 @mixin comp-scw-link-state-focused-icon-left-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -11523,7 +11523,7 @@
 @mixin comp-scw-link-state-focused-icon-left-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -11533,7 +11533,7 @@
   $themeVar: '--scw-color'
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-04 , var( --scw-color-primary-04 ) );
   } @else {
@@ -11542,12 +11542,12 @@
 }
 @mixin comp-scw-link-state-focused-icon-left-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-focused-icon-left-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-focused-icon-left-design-outlined-label--height {
@@ -11625,7 +11625,7 @@
 @mixin comp-scw-link-state-focused-icon-left-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 1.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11633,7 +11633,7 @@
 @mixin comp-scw-link-state-focused-icon-left-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11652,12 +11652,12 @@
 }
 @mixin comp-scw-link-state-disabled--sizing {
-  width: 77px;
+  width: 71px;
   height: 39px;
 }
 @mixin comp-scw-link-state-disabled--width {
-  width: 77px;
+  width: 71px;
 }
 @mixin comp-scw-link-state-disabled--height {
@@ -11689,7 +11689,7 @@
 @mixin comp-scw-link-state-disabled--absolute-layout {
   position: absolute;
   left: var( --scw-spacing-2 );
-  width: 77px;
+  width: 71px;
   top: calc( var( --scw-spacing-1 ) * 17.7 );
   height: 39px;
 }
@@ -11697,7 +11697,7 @@
 @mixin comp-scw-link-state-disabled--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 34 );
   margin-top: calc( var( --scw-spacing-1 ) * 17.7 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }
@@ -11705,7 +11705,7 @@
 @mixin comp-scw-link-state-disabled--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 34 );
   padding-top: calc( var( --scw-spacing-1 ) * 17.7 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }
@@ -11754,7 +11754,7 @@
 @mixin comp-scw-link-state-disabled-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11762,7 +11762,7 @@
 @mixin comp-scw-link-state-disabled-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11772,7 +11772,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );
   } @else {
@@ -11781,12 +11781,12 @@
 }
 @mixin comp-scw-link-state-disabled-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-disabled-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-disabled-label--height {
@@ -11864,7 +11864,7 @@
 @mixin comp-scw-link-state-disabled-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-6 );
-  margin-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11872,7 +11872,7 @@
 @mixin comp-scw-link-state-disabled-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-6 );
-  padding-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -11898,12 +11898,12 @@
 }
 @mixin comp-scw-link-state-disabled-design-outlined--sizing {
-  width: 77px;
+  width: 71px;
   height: 39px;
 }
 @mixin comp-scw-link-state-disabled-design-outlined--width {
-  width: 77px;
+  width: 71px;
 }
 @mixin comp-scw-link-state-disabled-design-outlined--height {
@@ -11935,7 +11935,7 @@
 @mixin comp-scw-link-state-disabled-design-outlined--absolute-layout {
   position: absolute;
   left: var( --scw-spacing-2 );
-  width: 77px;
+  width: 71px;
   top: calc( var( --scw-spacing-1 ) * 39.6 );
   height: 39px;
 }
@@ -11943,7 +11943,7 @@
 @mixin comp-scw-link-state-disabled-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 34 );
   margin-top: calc( var( --scw-spacing-1 ) * 39.6 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.8 );
 }
@@ -11951,7 +11951,7 @@
 @mixin comp-scw-link-state-disabled-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 33.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 34 );
   padding-top: calc( var( --scw-spacing-1 ) * 39.6 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.8 );
 }
@@ -12000,7 +12000,7 @@
 @mixin comp-scw-link-state-disabled-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -12008,7 +12008,7 @@
 @mixin comp-scw-link-state-disabled-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -12018,7 +12018,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );
   } @else {
@@ -12027,12 +12027,12 @@
 }
 @mixin comp-scw-link-state-disabled-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-disabled-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-disabled-design-outlined-label--height {
@@ -12110,7 +12110,7 @@
 @mixin comp-scw-link-state-disabled-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-6 );
-  margin-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -12118,7 +12118,7 @@
 @mixin comp-scw-link-state-disabled-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-6 );
-  padding-right: calc( var( --scw-spacing-1 ) * -0.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -12144,12 +12144,12 @@
 }
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined--height {
@@ -12181,7 +12181,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 11.3 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 39.6 );
   height: 39px;
 }
@@ -12189,7 +12189,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 22.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 39.6 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.8 );
 }
@@ -12197,7 +12197,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 22.3 );
   padding-top: calc( var( --scw-spacing-1 ) * 39.6 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.8 );
 }
@@ -12246,7 +12246,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -12254,7 +12254,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -12264,7 +12264,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );
   } @else {
@@ -12273,12 +12273,12 @@
 }
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined-label--height {
@@ -12356,7 +12356,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 1.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -12364,7 +12364,7 @@
 @mixin comp-scw-link-state-disabled-icon-left-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -12390,12 +12390,12 @@
 }
 @mixin comp-scw-link-icon-right-design-outlined--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-icon-right-design-outlined--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-icon-right-design-outlined--height {
@@ -12427,7 +12427,7 @@
 @mixin comp-scw-link-icon-right-design-outlined--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 23 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 23.8 );
   height: 39px;
 }
@@ -12435,7 +12435,7 @@
 @mixin comp-scw-link-icon-right-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
-  margin-right: var( --scw-spacing-10 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.6 );
   margin-top: calc( var( --scw-spacing-1 ) * 23.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 17.6 );
 }
@@ -12443,7 +12443,7 @@
 @mixin comp-scw-link-icon-right-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
-  padding-right: var( --scw-spacing-10 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.6 );
   padding-top: calc( var( --scw-spacing-1 ) * 23.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 17.6 );
 }
@@ -12492,7 +12492,7 @@
 @mixin comp-scw-link-icon-right-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.6 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }
@@ -12500,7 +12500,7 @@
 @mixin comp-scw-link-icon-right-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }
@@ -12510,7 +12510,7 @@
   $themeVar: '--scw-color'
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-04 , var( --scw-color-primary-04 ) );
   } @else {
@@ -12519,12 +12519,12 @@
 }
 @mixin comp-scw-link-icon-right-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-icon-right-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-icon-right-design-outlined-label--height {
@@ -12601,7 +12601,7 @@
 @mixin comp-scw-link-icon-right-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -12609,7 +12609,7 @@
 @mixin comp-scw-link-icon-right-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -12636,12 +12636,12 @@
 }
 @mixin comp-scw-link-state-hover-icon-right-design-outlined--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-hover-icon-right-design-outlined--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-hover-icon-right-design-outlined--height {
@@ -12673,7 +12673,7 @@
 @mixin comp-scw-link-state-hover-icon-right-design-outlined--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 23 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 28.8 );
   height: 39px;
 }
@@ -12681,7 +12681,7 @@
 @mixin comp-scw-link-state-hover-icon-right-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
-  margin-right: var( --scw-spacing-10 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.6 );
   margin-top: calc( var( --scw-spacing-1 ) * 28.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 12.6 );
 }
@@ -12689,7 +12689,7 @@
 @mixin comp-scw-link-state-hover-icon-right-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
-  padding-right: var( --scw-spacing-10 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.6 );
   padding-top: calc( var( --scw-spacing-1 ) * 28.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 12.6 );
 }
@@ -12738,7 +12738,7 @@
 @mixin comp-scw-link-state-hover-icon-right-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.6 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }
@@ -12746,7 +12746,7 @@
 @mixin comp-scw-link-state-hover-icon-right-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }
@@ -12756,7 +12756,7 @@
   $themeVar: '--scw-color'
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-01 , var( --scw-color-primary-01 ) );
   } @else {
@@ -12765,12 +12765,12 @@
 }
 @mixin comp-scw-link-state-hover-icon-right-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-hover-icon-right-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-hover-icon-right-design-outlined-label--height {
@@ -12847,7 +12847,7 @@
 @mixin comp-scw-link-state-hover-icon-right-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -12855,7 +12855,7 @@
 @mixin comp-scw-link-state-hover-icon-right-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -12883,12 +12883,12 @@
 }
 @mixin comp-scw-link-state-focused-icon-right-design-outlined--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-focused-icon-right-design-outlined--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-focused-icon-right-design-outlined--height {
@@ -12920,7 +12920,7 @@
 @mixin comp-scw-link-state-focused-icon-right-design-outlined--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 23 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 34.2 );
   height: 39px;
 }
@@ -12928,7 +12928,7 @@
 @mixin comp-scw-link-state-focused-icon-right-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
-  margin-right: var( --scw-spacing-10 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.6 );
   margin-top: calc( var( --scw-spacing-1 ) * 34.2 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 7.2 );
 }
@@ -12936,7 +12936,7 @@
 @mixin comp-scw-link-state-focused-icon-right-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
-  padding-right: var( --scw-spacing-10 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.6 );
   padding-top: calc( var( --scw-spacing-1 ) * 34.2 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 7.2 );
 }
@@ -12985,7 +12985,7 @@
 @mixin comp-scw-link-state-focused-icon-right-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.6 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }
@@ -12993,7 +12993,7 @@
 @mixin comp-scw-link-state-focused-icon-right-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }
@@ -13003,7 +13003,7 @@
   $themeVar: '--scw-color'
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-04 , var( --scw-color-primary-04 ) );
   } @else {
@@ -13012,12 +13012,12 @@
 }
 @mixin comp-scw-link-state-focused-icon-right-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-focused-icon-right-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-focused-icon-right-design-outlined-label--height {
@@ -13094,7 +13094,7 @@
 @mixin comp-scw-link-state-focused-icon-right-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -13102,7 +13102,7 @@
 @mixin comp-scw-link-state-focused-icon-right-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -13129,12 +13129,12 @@
 }
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined--sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined--width {
-  width: 101px;
+  width: 95px;
 }
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined--height {
@@ -13166,7 +13166,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined--absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 23 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 39.6 );
   height: 39px;
 }
@@ -13174,7 +13174,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
-  margin-right: var( --scw-spacing-10 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.6 );
   margin-top: calc( var( --scw-spacing-1 ) * 39.6 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.8 );
 }
@@ -13182,7 +13182,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
-  padding-right: var( --scw-spacing-10 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.6 );
   padding-top: calc( var( --scw-spacing-1 ) * 39.6 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.8 );
 }
@@ -13231,7 +13231,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined-left-icon--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.6 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }
@@ -13239,7 +13239,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined-left-icon--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }
@@ -13249,7 +13249,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );
   } @else {
@@ -13258,12 +13258,12 @@
 }
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined-label--sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined-label--width {
-  width: 45px;
+  width: 39px;
 }
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined-label--height {
@@ -13340,7 +13340,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined-right-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -13348,7 +13348,7 @@
 @mixin comp-scw-link-state-disabled-icon-right-design-outlined-right-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -47464,4 +47464,1168 @@
   padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.25 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.25 );
+}
+@mixin comp-scw-rich-text (
+  $bgThemeVar: false,
+  $borderThemeVar: false
+) {
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  }
+  border-radius: 5px 5px 5px 5px;
+  border-width: 1px;
+  border-style: solid;
+  @if $borderThemeVar {
+    border-color: var( #{$borderThemeVar} , rgba(151,71,255,1) );
+  } @else {
+    border-color: rgba(151,71,255,1);
+  }
+}
+@mixin comp-scw-rich-text--sizing {
+  width: 487px;
+  height: 569px;
+}
+@mixin comp-scw-rich-text--width {
+  width: 487px;
+}
+@mixin comp-scw-rich-text--height {
+  height: 569px;
+}
+@mixin comp-scw-rich-text--padding {
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+@mixin comp-scw-rich-text--figma-autolayout {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+  & > *:not(:last-child) {
+        margin-bottom: var( --scw-spacing-2 );
+        --margin-bottom: var( --scw-spacing-2 );
+      }
+}
+@mixin comp-scw-rich-text--absolute-layout {
+}
+@mixin comp-scw-rich-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+@mixin comp-scw-rich-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+@mixin comp-scw-rich-text-default (
+  $bgThemeVar: false,
+  $borderThemeVar: false
+) {
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  }
+}
+@mixin comp-scw-rich-text-default--sizing {
+  width: 447px;
+  height: 64px;
+}
+@mixin comp-scw-rich-text-default--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-default--height {
+  height: 64px;
+}
+@mixin comp-scw-rich-text-default--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-default--figma-autolayout {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+  & > *:not(:last-child) {
+        margin-right: 0px;
+        --margin-right: 0px;
+      }
+}
+@mixin comp-scw-rich-text-default--absolute-layout {
+}
+@mixin comp-scw-rich-text-default--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: var( --scw-spacing-2 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 48.5 );
+}
+@mixin comp-scw-rich-text-default--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 48.5 );
+}
+@mixin comp-scw-rich-text-default-text (
+  $themeVar: false
+) {
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-condensed-10-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  flex: 1;
+}
+@mixin comp-scw-rich-text-default-text--sizing {
+  width: 447px;
+  height: 54px;
+}
+@mixin comp-scw-rich-text-default-text--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-default-text--height {
+  height: 54px;
+}
+@mixin comp-scw-rich-text-default-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+@mixin comp-scw-rich-text-default-text--absolute-layout {
+}
+@mixin comp-scw-rich-text-default-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-default-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h2 (
+  $bgThemeVar: false,
+  $borderThemeVar: false
+) {
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  }
+}
+@mixin comp-scw-rich-text-size-h2--sizing {
+  width: 447px;
+  height: 51px;
+}
+@mixin comp-scw-rich-text-size-h2--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-h2--height {
+  height: 51px;
+}
+@mixin comp-scw-rich-text-size-h2--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h2--figma-autolayout {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+  & > *:not(:last-child) {
+        margin-right: 0px;
+        --margin-right: 0px;
+      }
+}
+@mixin comp-scw-rich-text-size-h2--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-h2--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 10.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 41.4 );
+}
+@mixin comp-scw-rich-text-size-h2--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 10.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 41.4 );
+}
+@mixin comp-scw-rich-text-size-h2-text (
+  $themeVar: false
+) {
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-09-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  flex: 1;
+}
+@mixin comp-scw-rich-text-size-h2-text--sizing {
+  width: 447px;
+  height: 41px;
+}
+@mixin comp-scw-rich-text-size-h2-text--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-h2-text--height {
+  height: 41px;
+}
+@mixin comp-scw-rich-text-size-h2-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+@mixin comp-scw-rich-text-size-h2-text--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-h2-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h2-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h3 (
+  $bgThemeVar: false,
+  $borderThemeVar: false
+) {
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  }
+}
+@mixin comp-scw-rich-text-size-h3--sizing {
+  width: 447px;
+  height: 42px;
+}
+@mixin comp-scw-rich-text-size-h3--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-h3--height {
+  height: 42px;
+}
+@mixin comp-scw-rich-text-size-h3--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h3--figma-autolayout {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+  & > *:not(:last-child) {
+        margin-right: 0px;
+        --margin-right: 0px;
+      }
+}
+@mixin comp-scw-rich-text-size-h3--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-h3--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 17.5 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 35.2 );
+}
+@mixin comp-scw-rich-text-size-h3--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 17.5 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 35.2 );
+}
+@mixin comp-scw-rich-text-size-h3-text (
+  $themeVar: false
+) {
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-08-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  flex: 1;
+}
+@mixin comp-scw-rich-text-size-h3-text--sizing {
+  width: 447px;
+  height: 32px;
+}
+@mixin comp-scw-rich-text-size-h3-text--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-h3-text--height {
+  height: 32px;
+}
+@mixin comp-scw-rich-text-size-h3-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+@mixin comp-scw-rich-text-size-h3-text--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-h3-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h3-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h4 (
+  $bgThemeVar: false,
+  $borderThemeVar: false
+) {
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  }
+}
+@mixin comp-scw-rich-text-size-h4--sizing {
+  width: 447px;
+  height: 37px;
+}
+@mixin comp-scw-rich-text-size-h4--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-h4--height {
+  height: 37px;
+}
+@mixin comp-scw-rich-text-size-h4--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h4--figma-autolayout {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+  & > *:not(:last-child) {
+        margin-right: 0px;
+        --margin-right: 0px;
+      }
+}
+@mixin comp-scw-rich-text-size-h4--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-h4--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 23.7 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 29.5 );
+}
+@mixin comp-scw-rich-text-size-h4--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 23.7 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 29.5 );
+}
+@mixin comp-scw-rich-text-size-h4-text (
+  $themeVar: false
+) {
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-06-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  flex: 1;
+}
+@mixin comp-scw-rich-text-size-h4-text--sizing {
+  width: 447px;
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-h4-text--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-h4-text--height {
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-h4-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+@mixin comp-scw-rich-text-size-h4-text--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-h4-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h4-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h5 (
+  $bgThemeVar: false,
+  $borderThemeVar: false
+) {
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  }
+}
+@mixin comp-scw-rich-text-size-h5--sizing {
+  width: 447px;
+  height: 37px;
+}
+@mixin comp-scw-rich-text-size-h5--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-h5--height {
+  height: 37px;
+}
+@mixin comp-scw-rich-text-size-h5--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h5--figma-autolayout {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+  & > *:not(:last-child) {
+        margin-right: 0px;
+        --margin-right: 0px;
+      }
+}
+@mixin comp-scw-rich-text-size-h5--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-h5--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 29.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 23.8 );
+}
+@mixin comp-scw-rich-text-size-h5--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 29.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 23.8 );
+}
+@mixin comp-scw-rich-text-size-h5-text (
+  $themeVar: false
+) {
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-06-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  flex: 1;
+}
+@mixin comp-scw-rich-text-size-h5-text--sizing {
+  width: 447px;
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-h5-text--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-h5-text--height {
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-h5-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+@mixin comp-scw-rich-text-size-h5-text--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-h5-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h5-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h6 (
+  $bgThemeVar: false,
+  $borderThemeVar: false
+) {
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  }
+}
+@mixin comp-scw-rich-text-size-h6--sizing {
+  width: 447px;
+  height: 37px;
+}
+@mixin comp-scw-rich-text-size-h6--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-h6--height {
+  height: 37px;
+}
+@mixin comp-scw-rich-text-size-h6--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h6--figma-autolayout {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+  & > *:not(:last-child) {
+        margin-right: 0px;
+        --margin-right: 0px;
+      }
+}
+@mixin comp-scw-rich-text-size-h6--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-h6--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 18.1 );
+}
+@mixin comp-scw-rich-text-size-h6--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 18.1 );
+}
+@mixin comp-scw-rich-text-size-h6-text (
+  $themeVar: false
+) {
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-06-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  flex: 1;
+}
+@mixin comp-scw-rich-text-size-h6-text--sizing {
+  width: 447px;
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-h6-text--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-h6-text--height {
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-h6-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+@mixin comp-scw-rich-text-size-h6-text--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-h6-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-h6-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+@mixin comp-scw-rich-text-size-p (
+  $bgThemeVar: false,
+  $borderThemeVar: false
+) {
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  }
+}
+@mixin comp-scw-rich-text-size-p--sizing {
+  width: 447px;
+  height: 47px;
+}
+@mixin comp-scw-rich-text-size-p--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-p--height {
+  height: 47px;
+}
+@mixin comp-scw-rich-text-size-p--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-2 );
+}
+@mixin comp-scw-rich-text-size-p--figma-autolayout {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-2 );
+  & > *:not(:last-child) {
+        margin-right: 0px;
+        --margin-right: 0px;
+      }
+}
+@mixin comp-scw-rich-text-size-p--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-p--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 40.8 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 11.4 );
+}
+@mixin comp-scw-rich-text-size-p--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 40.8 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 11.4 );
+}
+@mixin comp-scw-rich-text-size-p-text (
+  $themeVar: false
+) {
+  text-align: LEFT;
+  font: var( --scw-type-text-06-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  flex: 1;
+}
+@mixin comp-scw-rich-text-size-p-text--sizing {
+  width: 447px;
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-p-text--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-p-text--height {
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-p-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+@mixin comp-scw-rich-text-size-p-text--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-p-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var( --scw-spacing-2 );
+}
+@mixin comp-scw-rich-text-size-p-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-2 );
+}
+@mixin comp-scw-rich-text-size-bold (
+  $bgThemeVar: false,
+  $borderThemeVar: false
+) {
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  }
+}
+@mixin comp-scw-rich-text-size-bold--sizing {
+  width: 447px;
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-bold--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-bold--height {
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-bold--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+@mixin comp-scw-rich-text-size-bold--figma-autolayout {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) {
+        margin-right: 0px;
+        --margin-right: 0px;
+      }
+}
+@mixin comp-scw-rich-text-size-bold--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-bold--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 47.5 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 6.7 );
+}
+@mixin comp-scw-rich-text-size-bold--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 47.5 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 6.7 );
+}
+@mixin comp-scw-rich-text-size-bold-text (
+  $themeVar: false
+) {
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-06-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  flex: 1;
+}
+@mixin comp-scw-rich-text-size-bold-text--sizing {
+  width: 447px;
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-bold-text--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-bold-text--height {
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-bold-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+@mixin comp-scw-rich-text-size-bold-text--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-bold-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+@mixin comp-scw-rich-text-size-bold-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+@mixin comp-scw-rich-text-size-link (
+  $bgThemeVar: false,
+  $borderThemeVar: false
+) {
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  }
+}
+@mixin comp-scw-rich-text-size-link--sizing {
+  width: 447px;
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-link--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-link--height {
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-link--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+@mixin comp-scw-rich-text-size-link--figma-autolayout {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) {
+        margin-right: 0px;
+        --margin-right: 0px;
+      }
+}
+@mixin comp-scw-rich-text-size-link--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-link--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 52.2 );
+  margin-bottom: var( --scw-spacing-2 );
+}
+@mixin comp-scw-rich-text-size-link--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 52.2 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+@mixin comp-scw-rich-text-size-link-text (
+  $themeVar: '--scw-color'
+) {
+  text-align: LEFT;
+  font: 400 1.125rem/1.688rem 'Proxima Nova';
+  @if $themeVar {
+    color: var( #{$themeVar} , var( --scw-color-primary ) );
+  } @else {
+    color: var( --scw-color-primary );
+  }
+  flex: 1;
+}
+@mixin comp-scw-rich-text-size-link-text--sizing {
+  width: 447px;
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-link-text--width {
+  width: 447px;
+}
+@mixin comp-scw-rich-text-size-link-text--height {
+  height: 27px;
+}
+@mixin comp-scw-rich-text-size-link-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+@mixin comp-scw-rich-text-size-link-text--absolute-layout {
+}
+@mixin comp-scw-rich-text-size-link-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+@mixin comp-scw-rich-text-size-link-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
 }