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

scu-web-components 0.0.48 → 0.0.50

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

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

@@ -206,7 +206,7 @@
 @mixin comp-scw-card-default-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -371,7 +371,7 @@
 @mixin comp-scw-card-default-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -580,7 +580,7 @@
 @mixin comp-scw-card-color-mortgage-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -745,7 +745,7 @@
 @mixin comp-scw-card-color-mortgage-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -954,7 +954,7 @@
 @mixin comp-scw-card-color-savings-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -1119,7 +1119,7 @@
 @mixin comp-scw-card-color-savings-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -1328,7 +1328,7 @@
 @mixin comp-scw-card-color-student-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -1550,7 +1550,7 @@
 @mixin comp-scw-card-color-student-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -1759,7 +1759,7 @@
 @mixin comp-scw-card-color-investments-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -1924,7 +1924,7 @@
 @mixin comp-scw-card-color-investments-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -2133,7 +2133,7 @@
 @mixin comp-scw-card-color-checking-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -2298,7 +2298,7 @@
 @mixin comp-scw-card-color-checking-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -2507,7 +2507,7 @@
 @mixin comp-scw-card-color-credit-cards-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -2672,7 +2672,7 @@
 @mixin comp-scw-card-color-credit-cards-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -3049,7 +3049,7 @@
 @mixin comp-scw-card-size-medium-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -3258,7 +3258,7 @@
 @mixin comp-scw-card-size-medium-color-mortgage-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -3423,7 +3423,7 @@
 @mixin comp-scw-card-size-medium-color-mortgage-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -3632,7 +3632,7 @@
 @mixin comp-scw-card-size-medium-color-savings-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -3797,7 +3797,7 @@
 @mixin comp-scw-card-size-medium-color-savings-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -4006,7 +4006,7 @@
 @mixin comp-scw-card-size-medium-color-student-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -4171,7 +4171,7 @@
 @mixin comp-scw-card-size-medium-color-student-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -4380,7 +4380,7 @@
 @mixin comp-scw-card-size-medium-color-investments-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -4545,7 +4545,7 @@
 @mixin comp-scw-card-size-medium-color-investments-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -4754,7 +4754,7 @@
 @mixin comp-scw-card-size-medium-color-checking-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -4919,7 +4919,7 @@
 @mixin comp-scw-card-size-medium-color-checking-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -5128,7 +5128,7 @@
 @mixin comp-scw-card-size-medium-color-credit-cards-super-heading (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
@@ -5293,7 +5293,7 @@
 @mixin comp-scw-card-size-medium-color-credit-cards-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -6804,7 +6804,7 @@
 @mixin comp-scw-link-default (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -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 );
 }
@@ -7114,7 +7114,7 @@
 @mixin comp-scw-link-design-text-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-font );
@@ -7167,7 +7167,7 @@
 @mixin comp-scw-link-design-text-underline (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -7295,7 +7295,7 @@
 @mixin comp-scw-link-state-hover-design-text-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-font );
@@ -7348,7 +7348,7 @@
 @mixin comp-scw-link-state-hover-design-text-underline (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -7659,7 +7659,7 @@
 @mixin comp-scw-link-state-focused-design-text-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-font );
@@ -7712,7 +7712,7 @@
 @mixin comp-scw-link-state-focused-design-text-underline (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -7770,7 +7770,7 @@
 @mixin comp-scw-link-design-outlined (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -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,17 +7898,17 @@
 @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 );
 }
 @mixin comp-scw-link-design-outlined-label (
-  $themeVar: '--scw-color'
+  $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}-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 );
 }
@@ -8016,7 +8016,7 @@
 @mixin comp-scw-link-icon-left-design-outlined (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -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,17 +8144,17 @@
 @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 );
 }
 @mixin comp-scw-link-icon-left-design-outlined-label (
-  $themeVar: '--scw-color'
+  $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}-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,14 +8254,14 @@
 @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 );
 }
 @mixin comp-scw-link-icon-left (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -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,14 +8493,14 @@
 @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 );
 }
 @mixin comp-scw-link-icon-right (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -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 );
@@ -8739,7 +8739,7 @@
 @mixin comp-scw-link-state-hover-icon-left (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -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,14 +8971,14 @@
 @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 );
 }
 @mixin comp-scw-link-state-hover-icon-right (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -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 );
@@ -9217,7 +9217,7 @@
 @mixin comp-scw-link-state-focused-icon-left (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -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,14 +9450,14 @@
 @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 );
 }
 @mixin comp-scw-link-state-focused-icon-right (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -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 );
@@ -10175,7 +10175,7 @@
 @mixin comp-scw-link-state-hover (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -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 );
 }
@@ -10415,7 +10415,7 @@
 @mixin comp-scw-link-state-hover-design-outlined (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -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,17 +10543,17 @@
 @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 );
 }
 @mixin comp-scw-link-state-hover-design-outlined-label (
-  $themeVar: '--scw-color'
+  $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}-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 );
 }
@@ -10661,7 +10661,7 @@
 @mixin comp-scw-link-state-hover-icon-left-design-outlined (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -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,17 +10789,17 @@
 @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 );
 }
 @mixin comp-scw-link-state-hover-icon-left-design-outlined-label (
-  $themeVar: '--scw-color'
+  $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}-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,14 +10899,14 @@
 @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 );
 }
 @mixin comp-scw-link-state-focused (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -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 );
 }
@@ -11147,7 +11147,7 @@
 @mixin comp-scw-link-state-focused-design-outlined (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -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,17 +11276,17 @@
 @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 );
 }
 @mixin comp-scw-link-state-focused-design-outlined-label (
-  $themeVar: '--scw-color'
+  $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}-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 );
 }
@@ -11394,7 +11394,7 @@
 @mixin comp-scw-link-state-focused-icon-left-design-outlined (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -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,17 +11523,17 @@
 @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 );
 }
 @mixin comp-scw-link-state-focused-icon-left-design-outlined-label (
-  $themeVar: '--scw-color'
+  $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}-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 );
 }
@@ -12372,7 +12372,7 @@
 @mixin comp-scw-link-icon-right-design-outlined (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -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,17 +12500,17 @@
 @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 );
 }
 @mixin comp-scw-link-icon-right-design-outlined-label (
-  $themeVar: '--scw-color'
+  $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}-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 );
@@ -12618,7 +12618,7 @@
 @mixin comp-scw-link-state-hover-icon-right-design-outlined (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -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,17 +12746,17 @@
 @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 );
 }
 @mixin comp-scw-link-state-hover-icon-right-design-outlined-label (
-  $themeVar: '--scw-color'
+  $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}-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 );
@@ -12864,7 +12864,7 @@
 @mixin comp-scw-link-state-focused-icon-right-design-outlined (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -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,17 +12993,17 @@
 @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 );
 }
 @mixin comp-scw-link-state-focused-icon-right-design-outlined-label (
-  $themeVar: '--scw-color'
+  $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}-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 );
@@ -13615,7 +13615,7 @@
 @mixin comp-scw-menu-item-state-hover-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-07-font );
@@ -13920,7 +13920,7 @@
 @mixin comp-scw-menu-item-state-selected-selected (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -14468,7 +14468,7 @@
 @mixin comp-scw-menu-item-design-utility-state-hover-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -14528,7 +14528,7 @@
 @mixin comp-scw-menu-item-design-utility-state-hover-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-font );
@@ -14950,7 +14950,7 @@
 @mixin comp-scw-menu-item-design-utility-state-selected-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -15010,7 +15010,7 @@
 @mixin comp-scw-menu-item-design-utility-state-selected-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-font );
@@ -15303,7 +15303,7 @@
 @mixin comp-scw-alert (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -15372,7 +15372,7 @@
 @mixin comp-scw-alert-message (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: CENTER;
   font: var( --scw-type-text-bold-font );
@@ -15426,7 +15426,7 @@
 @mixin comp-scw-alert-description (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: CENTER;
   font: var( --scw-type-text-font );
@@ -16633,7 +16633,7 @@
 @mixin comp-scw-icon-color-primary-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -16813,7 +16813,7 @@
 @mixin comp-scw-icon-color-mortgage-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -16993,7 +16993,7 @@
 @mixin comp-scw-icon-color-savings-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -17173,7 +17173,7 @@
 @mixin comp-scw-icon-color-student-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -17353,7 +17353,7 @@
 @mixin comp-scw-icon-color-credit-cards-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -17533,7 +17533,7 @@
 @mixin comp-scw-icon-color-investments-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -17713,7 +17713,7 @@
 @mixin comp-scw-icon-color-checking-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -17773,7 +17773,7 @@
 @mixin comp-scw-icon-background-color-primary (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -17954,7 +17954,7 @@
 @mixin comp-scw-icon-background-color-information (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -18135,7 +18135,7 @@
 @mixin comp-scw-icon-background-color-warning (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -18316,7 +18316,7 @@
 @mixin comp-scw-icon-background-color-error (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -18497,7 +18497,7 @@
 @mixin comp-scw-icon-background-color-success (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -18678,7 +18678,7 @@
 @mixin comp-scw-icon-background-color-mortgage (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -18859,7 +18859,7 @@
 @mixin comp-scw-icon-background-color-savings (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -19040,7 +19040,7 @@
 @mixin comp-scw-icon-background-color-student (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -19221,7 +19221,7 @@
 @mixin comp-scw-icon-background-color-credit-cards (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -19402,7 +19402,7 @@
 @mixin comp-scw-icon-background-color-investments (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -19583,7 +19583,7 @@
 @mixin comp-scw-icon-background-color-checking (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -20066,7 +20066,7 @@
 @mixin comp-scw-icon-state-hover-color-primary-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -20247,7 +20247,7 @@
 @mixin comp-scw-icon-state-hover-color-mortgage-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -20428,7 +20428,7 @@
 @mixin comp-scw-icon-state-hover-color-savings-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -20609,7 +20609,7 @@
 @mixin comp-scw-icon-state-hover-color-student-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -20790,7 +20790,7 @@
 @mixin comp-scw-icon-state-hover-color-credit-cards-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -20971,7 +20971,7 @@
 @mixin comp-scw-icon-state-hover-color-investments-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -21152,7 +21152,7 @@
 @mixin comp-scw-icon-state-hover-color-checking-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -21212,7 +21212,7 @@
 @mixin comp-scw-icon-state-hover-background-color-primary (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -21393,7 +21393,7 @@
 @mixin comp-scw-icon-state-hover-background-color-information (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -21574,7 +21574,7 @@
 @mixin comp-scw-icon-state-hover-background-color-warning (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -21755,7 +21755,7 @@
 @mixin comp-scw-icon-state-hover-background-color-error (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -21936,7 +21936,7 @@
 @mixin comp-scw-icon-state-hover-background-color-success (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -22117,7 +22117,7 @@
 @mixin comp-scw-icon-state-hover-background-color-mortgage (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -22298,7 +22298,7 @@
 @mixin comp-scw-icon-state-hover-background-color-savings (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -22479,7 +22479,7 @@
 @mixin comp-scw-icon-state-hover-background-color-student (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -22660,7 +22660,7 @@
 @mixin comp-scw-icon-state-hover-background-color-credit-cards (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -22841,7 +22841,7 @@
 @mixin comp-scw-icon-state-hover-background-color-investments (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -23022,7 +23022,7 @@
 @mixin comp-scw-icon-state-hover-background-color-checking (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -23507,7 +23507,7 @@
 @mixin comp-scw-icon-state-focused-color-primary-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -23689,7 +23689,7 @@
 @mixin comp-scw-icon-state-focused-color-mortgage-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -23871,7 +23871,7 @@
 @mixin comp-scw-icon-state-focused-color-savings-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -24053,7 +24053,7 @@
 @mixin comp-scw-icon-state-focused-color-student-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -24235,7 +24235,7 @@
 @mixin comp-scw-icon-state-focused-color-credit-cards-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -24417,7 +24417,7 @@
 @mixin comp-scw-icon-state-focused-color-investments-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -24599,7 +24599,7 @@
 @mixin comp-scw-icon-state-focused-color-checking-icon-vector (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -24659,7 +24659,7 @@
 @mixin comp-scw-icon-state-focused-background-color-primary (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -24841,7 +24841,7 @@
 @mixin comp-scw-icon-state-focused-background-color-information (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -25023,7 +25023,7 @@
 @mixin comp-scw-icon-state-focused-background-color-warning (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -25205,7 +25205,7 @@
 @mixin comp-scw-icon-state-focused-background-color-error (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -25387,7 +25387,7 @@
 @mixin comp-scw-icon-state-focused-background-color-success (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -25569,7 +25569,7 @@
 @mixin comp-scw-icon-state-focused-background-color-mortgage (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -25751,7 +25751,7 @@
 @mixin comp-scw-icon-state-focused-background-color-savings (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -25933,7 +25933,7 @@
 @mixin comp-scw-icon-state-focused-background-color-student (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -26115,7 +26115,7 @@
 @mixin comp-scw-icon-state-focused-background-color-credit-cards (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -26297,7 +26297,7 @@
 @mixin comp-scw-icon-state-focused-background-color-investments (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -26479,7 +26479,7 @@
 @mixin comp-scw-icon-state-focused-background-color-checking (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -30224,7 +30224,7 @@
 @mixin comp-scw-heading-default-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-10-font );
@@ -30341,7 +30341,7 @@
 @mixin comp-scw-heading-state-disabled-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-10-font );
@@ -30460,7 +30460,7 @@
 @mixin comp-scw-heading-state-focused-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-10-font );
@@ -30588,7 +30588,7 @@
 @mixin comp-scw-heading-state-hover-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-10-font );
@@ -30642,7 +30642,7 @@
 @mixin comp-scw-heading-state-hover-underline (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -30759,7 +30759,7 @@
 @mixin comp-scw-heading-size-h2-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-09-font );
@@ -30876,7 +30876,7 @@
 @mixin comp-scw-heading-size-h2-state-disabled-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-09-font );
@@ -31004,7 +31004,7 @@
 @mixin comp-scw-heading-size-h2-state-hover-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-09-font );
@@ -31058,7 +31058,7 @@
 @mixin comp-scw-heading-size-h2-state-hover-underline (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -31177,7 +31177,7 @@
 @mixin comp-scw-heading-size-h2-state-focused-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-09-font );
@@ -31294,7 +31294,7 @@
 @mixin comp-scw-heading-size-h3-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-08-font );
@@ -31422,7 +31422,7 @@
 @mixin comp-scw-heading-size-h3-state-hover-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-08-font );
@@ -31476,7 +31476,7 @@
 @mixin comp-scw-heading-size-h3-state-hover-underline (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -31595,7 +31595,7 @@
 @mixin comp-scw-heading-size-h3-state-focused-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-08-font );
@@ -31712,7 +31712,7 @@
 @mixin comp-scw-heading-size-h3-state-disabled-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-08-font );
@@ -31829,7 +31829,7 @@
 @mixin comp-scw-heading-size-h4-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-07-font );
@@ -31957,7 +31957,7 @@
 @mixin comp-scw-heading-size-h4-state-hover-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-07-font );
@@ -32011,7 +32011,7 @@
 @mixin comp-scw-heading-size-h4-state-hover-underline (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -32130,7 +32130,7 @@
 @mixin comp-scw-heading-size-h4-state-focused-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-07-font );
@@ -32247,7 +32247,7 @@
 @mixin comp-scw-heading-size-h4-state-disabled-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-07-font );
@@ -32364,7 +32364,7 @@
 @mixin comp-scw-heading-size-h5-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-06-font );
@@ -32492,7 +32492,7 @@
 @mixin comp-scw-heading-size-h5-state-hover-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-06-font );
@@ -32546,7 +32546,7 @@
 @mixin comp-scw-heading-size-h5-state-hover-underline (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -32665,7 +32665,7 @@
 @mixin comp-scw-heading-size-h5-state-focused-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-06-font );
@@ -32782,7 +32782,7 @@
 @mixin comp-scw-heading-size-h5-state-disabled-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-06-font );
@@ -32975,7 +32975,7 @@
 @mixin comp-scw-page-alert-default-icon (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -33208,7 +33208,7 @@
 @mixin comp-scw-page-alert-state-hover (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -33280,7 +33280,7 @@
 @mixin comp-scw-page-alert-state-hover-icon (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -33586,7 +33586,7 @@
 @mixin comp-scw-page-alert-state-focused-icon (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -33891,7 +33891,7 @@
 @mixin comp-scw-page-alert-type-warning-icon (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -34196,7 +34196,7 @@
 @mixin comp-scw-page-alert-type-warning-state-disabled-icon (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -34429,7 +34429,7 @@
 @mixin comp-scw-page-alert-type-warning-state-hover (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -34501,7 +34501,7 @@
 @mixin comp-scw-page-alert-type-warning-state-hover-icon (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -34807,7 +34807,7 @@
 @mixin comp-scw-page-alert-type-warning-state-focused-icon (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -35112,7 +35112,7 @@
 @mixin comp-scw-page-alert-state-disabled-icon (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -38397,7 +38397,7 @@
 @mixin comp-scw-single-input-field (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -38772,7 +38772,7 @@
 @mixin comp-scw-single-input-field-right-action-edit (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -38972,7 +38972,7 @@
 @mixin comp-scw-single-input-field-bg-default (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -39124,7 +39124,7 @@
 @mixin comp-scw-single-input-field-bg-invalid (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -39200,7 +39200,7 @@
 @mixin comp-scw-single-input-field-bg-focused (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -39410,7 +39410,7 @@
 @mixin comp-scw-single-input-field-v2-default-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -39686,7 +39686,7 @@
 @mixin comp-scw-single-input-field-v2-right-icon-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -40019,7 +40019,7 @@
 @mixin comp-scw-single-input-field-v2-right-icon-right-icon-2-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -40407,7 +40407,7 @@
 @mixin comp-scw-single-input-field-v2-left-icon-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -40808,7 +40808,7 @@
 @mixin comp-scw-single-input-field-v2-left-icon-right-icon-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -41265,7 +41265,7 @@
 @mixin comp-scw-single-input-field-v2-left-icon-right-icon-right-icon-2-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -41778,7 +41778,7 @@
 @mixin comp-scw-single-input-field-v2-right-action-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -41995,7 +41995,7 @@
 @mixin comp-scw-single-input-field-v2-right-action-content-right-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -42123,7 +42123,7 @@
 @mixin comp-scw-single-input-field-v2-right-action-right-icon-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -42396,7 +42396,7 @@
 @mixin comp-scw-single-input-field-v2-right-action-right-icon-content-right-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -42524,7 +42524,7 @@
 @mixin comp-scw-single-input-field-v2-right-action-right-icon-right-icon-2-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -42853,7 +42853,7 @@
 @mixin comp-scw-single-input-field-v2-right-action-right-icon-right-icon-2-content-right-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -42981,7 +42981,7 @@
 @mixin comp-scw-single-input-field-v2-left-icon-right-action-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -43323,7 +43323,7 @@
 @mixin comp-scw-single-input-field-v2-left-icon-right-action-content-right-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -43451,7 +43451,7 @@
 @mixin comp-scw-single-input-field-v2-left-icon-right-action-right-icon-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -43849,7 +43849,7 @@
 @mixin comp-scw-single-input-field-v2-left-icon-right-action-right-icon-content-right-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -43977,7 +43977,7 @@
 @mixin comp-scw-single-input-field-v2-left-icon-right-action-right-icon-right-icon-2-bg (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
@@ -44431,7 +44431,7 @@
 @mixin comp-scw-single-input-field-v2-left-icon-right-action-right-icon-right-icon-2-content-right-action (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -45801,7 +45801,7 @@
 @mixin comp-scw-input-field-bg-invalid (
   $bgThemeVar: false,
-  $borderThemeVar: '--scw-color'
+  $borderThemeVar: false
 ) {
   @if $bgThemeVar {
     background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );
@@ -46977,7 +46977,7 @@
 @mixin comp-scw-input-feedback-base-default-scw-input-feedback (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-04-font );
@@ -47223,7 +47223,7 @@
 @mixin comp-scw-input-right-action-default (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -47347,7 +47347,7 @@
 @mixin comp-scw-input-right-action-text (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
@@ -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: false
+) {
+  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;
 }