scu-web-components 0.0.49 → 0.0.51

package/dist/tokens/source/componentScssMixins.scss

@@ -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 {
@@ -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 ) );
@@ -7905,7 +7905,7 @@
 
 
 @mixin comp-scw-link-design-outlined-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-06-font );
@@ -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 ) );
@@ -8151,7 +8151,7 @@
 
 
 @mixin comp-scw-link-icon-left-design-outlined-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-06-font );
@@ -8261,7 +8261,7 @@
 
 
 @mixin comp-scw-link-icon-left (
-  $bgThemeVar: '--scw-color', 
+  $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
   @if $bgThemeVar {
@@ -8500,7 +8500,7 @@
 
 
 @mixin comp-scw-link-icon-right (
-  $bgThemeVar: '--scw-color', 
+  $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
   @if $bgThemeVar {
@@ -8739,7 +8739,7 @@
 
 
 @mixin comp-scw-link-state-hover-icon-left (
-  $bgThemeVar: '--scw-color', 
+  $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
   @if $bgThemeVar {
@@ -8978,7 +8978,7 @@
 
 
 @mixin comp-scw-link-state-hover-icon-right (
-  $bgThemeVar: '--scw-color', 
+  $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
   @if $bgThemeVar {
@@ -9217,7 +9217,7 @@
 
 
 @mixin comp-scw-link-state-focused-icon-left (
-  $bgThemeVar: '--scw-color', 
+  $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
   @if $bgThemeVar {
@@ -9457,7 +9457,7 @@
 
 
 @mixin comp-scw-link-state-focused-icon-right (
-  $bgThemeVar: '--scw-color', 
+  $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
   @if $bgThemeVar {
@@ -10175,7 +10175,7 @@
 
 
 @mixin comp-scw-link-state-hover (
-  $bgThemeVar: '--scw-color', 
+  $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
   @if $bgThemeVar {
@@ -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 ) );
@@ -10550,7 +10550,7 @@
 
 
 @mixin comp-scw-link-state-hover-design-outlined-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-06-font );
@@ -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 ) );
@@ -10796,7 +10796,7 @@
 
 
 @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-condensed-06-font );
@@ -10906,7 +10906,7 @@
 
 
 @mixin comp-scw-link-state-focused (
-  $bgThemeVar: '--scw-color', 
+  $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
   @if $bgThemeVar {
@@ -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 ) );
@@ -11283,7 +11283,7 @@
 
 
 @mixin comp-scw-link-state-focused-design-outlined-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-06-font );
@@ -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 ) );
@@ -11530,7 +11530,7 @@
 
 
 @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-condensed-06-font );
@@ -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 ) );
@@ -12507,7 +12507,7 @@
 
 
 @mixin comp-scw-link-icon-right-design-outlined-label (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-06-font );
@@ -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 ) );
@@ -12753,7 +12753,7 @@
 
 
 @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-condensed-06-font );
@@ -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 ) );
@@ -13000,7 +13000,7 @@
 
 
 @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-condensed-06-font );
@@ -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 {
@@ -47615,9 +47615,9 @@
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-10-font );
   @if $themeVar {
-    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+    color: var( #{$themeVar} , var( --scw-color-primary ) );
   } @else {
-    color: var( --scw-color-grey-02 );
+    color: var( --scw-color-primary );
   }
   flex: 1; 
 }
@@ -47736,9 +47736,9 @@
   text-align: LEFT;
   font: var( --scw-type-text-bold-09-font );
   @if $themeVar {
-    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+    color: var( #{$themeVar} , var( --scw-color-primary ) );
   } @else {
-    color: var( --scw-color-grey-02 );
+    color: var( --scw-color-primary );
   }
   flex: 1; 
 }
@@ -47857,9 +47857,9 @@
   text-align: LEFT;
   font: var( --scw-type-text-bold-08-font );
   @if $themeVar {
-    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+    color: var( #{$themeVar} , var( --scw-color-primary ) );
   } @else {
-    color: var( --scw-color-grey-02 );
+    color: var( --scw-color-primary );
   }
   flex: 1; 
 }
@@ -48578,7 +48578,7 @@
 
 
 @mixin comp-scw-rich-text-size-link-text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) { 
   text-align: LEFT;
   font: 400 1.125rem/1.688rem 'Proxima Nova';
@@ -48628,4 +48628,896 @@
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-block (
+  $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-block--sizing {
+  width: 428px;
+  height: 304px;
+}
+
+@mixin comp-scw-block--width {
+  width: 428px;
+}
+
+@mixin comp-scw-block--height {
+  height: 304px;
+}
+
+@mixin comp-scw-block--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-block--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-block--absolute-layout {
+   
+}
+
+@mixin comp-scw-block--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-block--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-block-default (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  } 
+}
+
+@mixin comp-scw-block-default--sizing {
+  width: 388px;
+  height: 122px;
+}
+
+@mixin comp-scw-block-default--width {
+  width: 388px;
+}
+
+@mixin comp-scw-block-default--height {
+  height: 122px;
+}
+
+@mixin comp-scw-block-default--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-block-default--figma-autolayout { 
+  display: flex;
+  flex-flow: column 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-bottom: var( --scw-spacing-1 ); 
+        --margin-bottom: var( --scw-spacing-1 ); 
+      } 
+}
+
+@mixin comp-scw-block-default--absolute-layout {
+  position: absolute;
+  left: var( --scw-spacing-2 );
+  width: 388px;
+  top: var( --scw-spacing-2 );
+  height: 122px; 
+}
+
+@mixin comp-scw-block-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 ) * 16.2 );
+}
+
+@mixin comp-scw-block-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 ) * 16.2 );
+}
+
+
+@mixin comp-scw-block-default-heading (
+  $themeVar: false
+) { 
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-condensed-09-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch; 
+}
+
+@mixin comp-scw-block-default-heading--sizing {
+  width: 388px;
+  height: 41px;
+}
+
+@mixin comp-scw-block-default-heading--width {
+  width: 388px;
+}
+
+@mixin comp-scw-block-default-heading--height {
+  height: 41px;
+}
+
+@mixin comp-scw-block-default-heading--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-block-default-heading--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-default-heading--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: calc( var( --scw-spacing-1 ) * 8.1 );
+}
+
+@mixin comp-scw-block-default-heading--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: calc( var( --scw-spacing-1 ) * 8.1 );
+}
+
+
+@mixin comp-scw-block-default-body (
+  $themeVar: false
+) { 
+  text-align: LEFT;
+  font: var( --scw-type-text-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch; 
+}
+
+@mixin comp-scw-block-default-body--sizing {
+  width: 388px;
+  height: 24px;
+}
+
+@mixin comp-scw-block-default-body--width {
+  width: 388px;
+}
+
+@mixin comp-scw-block-default-body--height {
+  height: 24px;
+}
+
+@mixin comp-scw-block-default-body--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-block-default-body--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-default-body--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: calc( var( --scw-spacing-1 ) * 5.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+}
+
+@mixin comp-scw-block-default-body--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: calc( var( --scw-spacing-1 ) * 5.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+}
+
+
+@mixin comp-scw-block-default-scw-link (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );
+  } @else {
+    background-color: var( --scw-color-primary-03 );
+  }
+  border-radius: 6px 6px 6px 6px; 
+}
+
+@mixin comp-scw-block-default-scw-link--sizing {
+  width: 77px;
+  height: 37px;
+}
+
+@mixin comp-scw-block-default-scw-link--width {
+  width: 77px;
+}
+
+@mixin comp-scw-block-default-scw-link--height {
+  height: 37px;
+}
+
+@mixin comp-scw-block-default-scw-link--padding {
+  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+}
+
+@mixin comp-scw-block-default-scw-link--figma-autolayout { 
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  & > *:not(:last-child) { 
+        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); 
+        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); 
+      } 
+}
+
+@mixin comp-scw-block-default-scw-link--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-default-scw-link--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: calc( var( --scw-spacing-1 ) * 31.1 );
+  margin-top: calc( var( --scw-spacing-1 ) * 8.5 );
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-block-default-scw-link--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: calc( var( --scw-spacing-1 ) * 31.1 );
+  padding-top: calc( var( --scw-spacing-1 ) * 8.5 );
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-block-default-scw-link-left-icon (
+  $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: 6px 6px 6px 6px; 
+}
+
+@mixin comp-scw-block-default-scw-link-left-icon--sizing {
+  width: 24px;
+  height: 24px;
+}
+
+@mixin comp-scw-block-default-scw-link-left-icon--width {
+  width: 24px;
+}
+
+@mixin comp-scw-block-default-scw-link-left-icon--height {
+  height: 24px;
+}
+
+@mixin comp-scw-block-default-scw-link-left-icon--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-block-default-scw-link-left-icon--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-block-default-scw-link-left-icon--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-default-scw-link-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-top: calc( var( --scw-spacing-1 ) * 0.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+}
+
+@mixin comp-scw-block-default-scw-link-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-top: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+}
+
+
+@mixin comp-scw-block-default-scw-link-label (
+  $themeVar: false
+) { 
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-06-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
+  } @else {
+    color: var( --scw-color-grey-10 );
+  } 
+}
+
+@mixin comp-scw-block-default-scw-link-label--sizing {
+  width: 45px;
+  height: 27px;
+}
+
+@mixin comp-scw-block-default-scw-link-label--width {
+  width: 45px;
+}
+
+@mixin comp-scw-block-default-scw-link-label--height {
+  height: 27px;
+}
+
+@mixin comp-scw-block-default-scw-link-label--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-block-default-scw-link-label--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-default-scw-link-label--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+}
+
+@mixin comp-scw-block-default-scw-link-label--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+}
+
+
+@mixin comp-scw-block-default-scw-link-right-icon (
+  $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: 6px 6px 6px 6px; 
+}
+
+@mixin comp-scw-block-default-scw-link-right-icon--sizing {
+  width: 24px;
+  height: 24px;
+}
+
+@mixin comp-scw-block-default-scw-link-right-icon--width {
+  width: 24px;
+}
+
+@mixin comp-scw-block-default-scw-link-right-icon--height {
+  height: 24px;
+}
+
+@mixin comp-scw-block-default-scw-link-right-icon--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-block-default-scw-link-right-icon--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-block-default-scw-link-right-icon--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-default-scw-link-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-top: calc( var( --scw-spacing-1 ) * 0.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+}
+
+@mixin comp-scw-block-default-scw-link-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-top: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+}
+
+
+@mixin comp-scw-block-alignment-center (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  } 
+}
+
+@mixin comp-scw-block-alignment-center--sizing {
+  width: 388px;
+  height: 122px;
+}
+
+@mixin comp-scw-block-alignment-center--width {
+  width: 388px;
+}
+
+@mixin comp-scw-block-alignment-center--height {
+  height: 122px;
+}
+
+@mixin comp-scw-block-alignment-center--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-block-alignment-center--figma-autolayout { 
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) { 
+        margin-bottom: var( --scw-spacing-1 ); 
+        --margin-bottom: var( --scw-spacing-1 ); 
+      } 
+}
+
+@mixin comp-scw-block-alignment-center--absolute-layout {
+  position: absolute;
+  left: var( --scw-spacing-2 );
+  width: 388px;
+  top: calc( var( --scw-spacing-1 ) * 16.2 );
+  height: 122px; 
+}
+
+@mixin comp-scw-block-alignment-center--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 ) * 16.2 );
+  margin-bottom: var( --scw-spacing-2 );
+}
+
+@mixin comp-scw-block-alignment-center--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 ) * 16.2 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+
+
+@mixin comp-scw-block-alignment-center-heading (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: var( --scw-type-text-bold-condensed-09-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch; 
+}
+
+@mixin comp-scw-block-alignment-center-heading--sizing {
+  width: 388px;
+  height: 41px;
+}
+
+@mixin comp-scw-block-alignment-center-heading--width {
+  width: 388px;
+}
+
+@mixin comp-scw-block-alignment-center-heading--height {
+  height: 41px;
+}
+
+@mixin comp-scw-block-alignment-center-heading--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-block-alignment-center-heading--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-alignment-center-heading--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: calc( var( --scw-spacing-1 ) * 8.1 );
+}
+
+@mixin comp-scw-block-alignment-center-heading--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: calc( var( --scw-spacing-1 ) * 8.1 );
+}
+
+
+@mixin comp-scw-block-alignment-center-body (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: var( --scw-type-text-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch; 
+}
+
+@mixin comp-scw-block-alignment-center-body--sizing {
+  width: 388px;
+  height: 24px;
+}
+
+@mixin comp-scw-block-alignment-center-body--width {
+  width: 388px;
+}
+
+@mixin comp-scw-block-alignment-center-body--height {
+  height: 24px;
+}
+
+@mixin comp-scw-block-alignment-center-body--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-block-alignment-center-body--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-alignment-center-body--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: calc( var( --scw-spacing-1 ) * 5.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+}
+
+@mixin comp-scw-block-alignment-center-body--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: calc( var( --scw-spacing-1 ) * 5.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+}
+
+
+@mixin comp-scw-block-alignment-center-scw-link (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );
+  } @else {
+    background-color: var( --scw-color-primary-03 );
+  }
+  border-radius: 6px 6px 6px 6px; 
+}
+
+@mixin comp-scw-block-alignment-center-scw-link--sizing {
+  width: 77px;
+  height: 37px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link--width {
+  width: 77px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link--height {
+  height: 37px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link--padding {
+  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+}
+
+@mixin comp-scw-block-alignment-center-scw-link--figma-autolayout { 
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  & > *:not(:last-child) { 
+        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); 
+        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); 
+      } 
+}
+
+@mixin comp-scw-block-alignment-center-scw-link--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-alignment-center-scw-link--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 15.55 );
+  margin-right: calc( var( --scw-spacing-1 ) * 15.55 );
+  margin-top: calc( var( --scw-spacing-1 ) * 8.5 );
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 15.55 );
+  padding-right: calc( var( --scw-spacing-1 ) * 15.55 );
+  padding-top: calc( var( --scw-spacing-1 ) * 8.5 );
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-block-alignment-center-scw-link-left-icon (
+  $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: 6px 6px 6px 6px; 
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-left-icon--sizing {
+  width: 24px;
+  height: 24px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-left-icon--width {
+  width: 24px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-left-icon--height {
+  height: 24px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-left-icon--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-left-icon--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-left-icon--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-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-top: calc( var( --scw-spacing-1 ) * 0.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-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-top: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+}
+
+
+@mixin comp-scw-block-alignment-center-scw-link-label (
+  $themeVar: false
+) { 
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-06-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
+  } @else {
+    color: var( --scw-color-grey-10 );
+  } 
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-label--sizing {
+  width: 45px;
+  height: 27px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-label--width {
+  width: 45px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-label--height {
+  height: 27px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-label--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-label--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-label--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-label--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+}
+
+
+@mixin comp-scw-block-alignment-center-scw-link-right-icon (
+  $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: 6px 6px 6px 6px; 
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-right-icon--sizing {
+  width: 24px;
+  height: 24px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-right-icon--width {
+  width: 24px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-right-icon--height {
+  height: 24px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-right-icon--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-right-icon--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-right-icon--absolute-layout {
+   
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-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-top: calc( var( --scw-spacing-1 ) * 0.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+}
+
+@mixin comp-scw-block-alignment-center-scw-link-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-top: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }