scu-web-components 1.2.4 → 1.2.5

package/dist/tokens/source/componentScssMixins.scss

@@ -135748,9 +135748,9 @@
   text-align: LEFT;
   font: var( --scw-type-text-02-font );
   @if $themeVar {
-    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );
+    color: var( #{$themeVar}-03 , var( --scw-color-grey-03 ) );
   } @else {
-    color: var( --scw-color-grey-04 );
+    color: var( --scw-color-grey-03 );
   } 
 }
 
@@ -136118,9 +136118,9 @@
   text-align: LEFT;
   font: 400 0.8125rem/1.016rem 'Proxima Nova';
   @if $themeVar {
-    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );
+    color: var( #{$themeVar}-03 , var( --scw-color-grey-03 ) );
   } @else {
-    color: var( --scw-color-grey-04 );
+    color: var( --scw-color-grey-03 );
   } 
 }
 
@@ -141627,9 +141627,9 @@
   text-align: LEFT;
   font: var( --scw-type-text-02-font );
   @if $themeVar {
-    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );
+    color: var( #{$themeVar}-03 , var( --scw-color-grey-03 ) );
   } @else {
-    color: var( --scw-color-grey-04 );
+    color: var( --scw-color-grey-03 );
   } 
 }
 
@@ -141997,9 +141997,9 @@
   text-align: LEFT;
   font: 400 0.8125rem/1.016rem 'Proxima Nova';
   @if $themeVar {
-    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );
+    color: var( #{$themeVar}-03 , var( --scw-color-grey-03 ) );
   } @else {
-    color: var( --scw-color-grey-04 );
+    color: var( --scw-color-grey-03 );
   } 
 }
 
@@ -212084,12 +212084,12 @@
 }
 
 @mixin comp-scw-testimonial-card--sizing {
-  width: 832px;
+  width: 1244px;
   height: 349px;
 }
 
 @mixin comp-scw-testimonial-card--width {
-  width: 832px;
+  width: 1244px;
 }
 
 @mixin comp-scw-testimonial-card--height {
@@ -212185,7 +212185,7 @@
 @mixin comp-scw-testimonial-card-default--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 45.2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 86.4 );
   margin-top: calc( var( --scw-spacing-1 ) * 1.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 3.15 );
 }
@@ -212193,7 +212193,7 @@
 @mixin comp-scw-testimonial-card-default--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 45.2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 86.4 );
   padding-top: calc( var( --scw-spacing-1 ) * 1.75 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 3.15 );
 }
@@ -212282,16 +212282,16 @@
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left--sizing {
-  width: 60px;
-  height: 60px;
+  width: 40px;
+  height: 40px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left--width {
-  width: 60px;
+  width: 40px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left--height {
-  height: 60px;
+  height: 40px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left--padding {
@@ -212311,18 +212311,18 @@
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 15 );
-  margin-right: calc( var( --scw-spacing-1 ) * 15 );
+  margin-left: calc( var( --scw-spacing-1 ) * 16 );
+  margin-right: calc( var( --scw-spacing-1 ) * 16 );
   margin-top: var( --scw-spacing-2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 22 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 15 );
-  padding-right: calc( var( --scw-spacing-1 ) * 15 );
+  padding-left: calc( var( --scw-spacing-1 ) * 16 );
+  padding-right: calc( var( --scw-spacing-1 ) * 16 );
   padding-top: var( --scw-spacing-2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 22 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );
 }
 
 
@@ -212338,16 +212338,16 @@
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left-vector--sizing {
-  width: 50px;
-  height: 35.7143px;
+  width: 33.3333px;
+  height: 23.8095px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left-vector--width {
-  width: 50px;
+  width: 33.3333px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left-vector--height {
-  height: 35.7143px;
+  height: 23.8095px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left-vector--padding {
@@ -212363,26 +212363,26 @@
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left-vector--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 0.5 );
-  right: calc( var( --scw-spacing-1 ) * 0.5 );
-  top: calc( var( --scw-spacing-1 ) * 1.2 );
-  bottom: calc( var( --scw-spacing-1 ) * 1.228571319580078 ); 
+  left: calc( var( --scw-spacing-1 ) * 0.33330078125 );
+  right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );
+  top: calc( var( --scw-spacing-1 ) * 0.8 );
+  bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 ); 
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left-vector--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 1.228571319580078 );
+  margin-left: calc( var( --scw-spacing-1 ) * 0.33330078125 );
+  margin-right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 );
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-quote-left-vector--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 1.228571319580078 );
+  padding-left: calc( var( --scw-spacing-1 ) * 0.33330078125 );
+  padding-right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 );
 }
 
 
@@ -212402,7 +212402,7 @@
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-body--sizing {
   width: 300px;
-  height: 110px;
+  height: 133px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-body--width {
@@ -212410,7 +212410,7 @@
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-body--height {
-  height: 110px;
+  height: 133px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-body--padding {
@@ -212428,16 +212428,16 @@
   display: inline-block;
   margin-left: var( --scw-spacing-3 );
   margin-right: var( --scw-spacing-3 );
-  margin-top: var( --scw-spacing-10 );
-  margin-bottom: var( --scw-spacing-9 );
+  margin-top: var( --scw-spacing-8 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 8.7 );
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-body--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-3 );
   padding-right: var( --scw-spacing-3 );
-  padding-top: var( --scw-spacing-10 );
-  padding-bottom: var( --scw-spacing-9 );
+  padding-top: var( --scw-spacing-8 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 8.7 );
 }
 
 
@@ -212454,7 +212454,7 @@
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-source--sizing {
   width: 182px;
-  height: 50px;
+  height: 47px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-source--width {
@@ -212462,7 +212462,7 @@
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-source--height {
-  height: 50px;
+  height: 47px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-source--padding {
@@ -212495,7 +212495,7 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 8.9 );
-  margin-top: calc( var( --scw-spacing-1 ) * 23 );
+  margin-top: calc( var( --scw-spacing-1 ) * 23.3 );
   margin-bottom: var( --scw-spacing-2 );
 }
 
@@ -212503,7 +212503,7 @@
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 8.9 );
-  padding-top: calc( var( --scw-spacing-1 ) * 23 );
+  padding-top: calc( var( --scw-spacing-1 ) * 23.3 );
   padding-bottom: var( --scw-spacing-2 );
 }
 
@@ -212512,7 +212512,7 @@
   $themeVar: false
 ) { 
   text-align: CENTER;
-  font: var( --scw-type-text-semibold-font );
+  font: var( --scw-type-text-04-font );
   @if $themeVar {
     color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
   } @else {
@@ -212523,7 +212523,7 @@
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-source-author--sizing {
   width: 182px;
-  height: 27px;
+  height: 24px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-source-author--width {
@@ -212531,7 +212531,7 @@
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-source-author--height {
-  height: 27px;
+  height: 24px;
 }
 
 @mixin comp-scw-testimonial-card-default-testimonial-container-source-author--padding {
@@ -212603,7 +212603,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 2.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 2.4 );
   margin-bottom: 0px;
 }
 
@@ -212611,7 +212611,7 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 2.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 2.4 );
   padding-bottom: 0px;
 }
 
@@ -212673,7 +212673,7 @@
 @mixin comp-scw-testimonial-card-state-default--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 44.2 );
-  margin-right: var( --scw-spacing-3 );
+  margin-right: calc( var( --scw-spacing-1 ) * 44.2 );
   margin-top: var( --scw-spacing-2 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 2.9 );
 }
@@ -212681,7 +212681,7 @@
 @mixin comp-scw-testimonial-card-state-default--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 44.2 );
-  padding-right: var( --scw-spacing-3 );
+  padding-right: calc( var( --scw-spacing-1 ) * 44.2 );
   padding-top: var( --scw-spacing-2 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 2.9 );
 }
@@ -212770,16 +212770,16 @@
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left--sizing {
-  width: 50px;
-  height: 50px;
+  width: 40px;
+  height: 40px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left--width {
-  width: 50px;
+  width: 40px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left--height {
-  height: 50px;
+  height: 40px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left--padding {
@@ -212799,18 +212799,18 @@
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 15.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 15.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 16 );
+  margin-right: calc( var( --scw-spacing-1 ) * 16 );
   margin-top: var( --scw-spacing-2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 23 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 15.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 15.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 16 );
+  padding-right: calc( var( --scw-spacing-1 ) * 16 );
   padding-top: var( --scw-spacing-2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 23 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );
 }
 
 
@@ -212826,16 +212826,16 @@
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector--sizing {
-  width: 41.6667px;
-  height: 29.7619px;
+  width: 33.3333px;
+  height: 23.8095px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector--width {
-  width: 41.6667px;
+  width: 33.3333px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector--height {
-  height: 29.7619px;
+  height: 23.8095px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector--padding {
@@ -212851,26 +212851,26 @@
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
-  right: calc( var( --scw-spacing-1 ) * 0.41663436889648436 );
-  top: var( --scw-spacing-1 );
-  bottom: calc( var( --scw-spacing-1 ) * 1.0238094329833984 ); 
+  left: calc( var( --scw-spacing-1 ) * 0.33330078125 );
+  right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );
+  top: calc( var( --scw-spacing-1 ) * 0.8 );
+  bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 ); 
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
-  margin-right: calc( var( --scw-spacing-1 ) * 0.41663436889648436 );
-  margin-top: var( --scw-spacing-1 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 1.0238094329833984 );
+  margin-left: calc( var( --scw-spacing-1 ) * 0.33330078125 );
+  margin-right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 );
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
-  padding-right: calc( var( --scw-spacing-1 ) * 0.41663436889648436 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 1.0238094329833984 );
+  padding-left: calc( var( --scw-spacing-1 ) * 0.33330078125 );
+  padding-right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 );
 }
 
 
@@ -212890,7 +212890,7 @@
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-body--sizing {
   width: 300px;
-  height: 120px;
+  height: 133px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-body--width {
@@ -212898,7 +212898,7 @@
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-body--height {
-  height: 120px;
+  height: 133px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-body--padding {
@@ -212916,16 +212916,16 @@
   display: inline-block;
   margin-left: var( --scw-spacing-3 );
   margin-right: var( --scw-spacing-3 );
-  margin-top: var( --scw-spacing-9 );
-  margin-bottom: var( --scw-spacing-9 );
+  margin-top: var( --scw-spacing-8 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 8.7 );
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-body--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-3 );
   padding-right: var( --scw-spacing-3 );
-  padding-top: var( --scw-spacing-9 );
-  padding-bottom: var( --scw-spacing-9 );
+  padding-top: var( --scw-spacing-8 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 8.7 );
 }
 
 
@@ -212942,7 +212942,7 @@
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-source--sizing {
   width: 182px;
-  height: 50px;
+  height: 47px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-source--width {
@@ -212950,7 +212950,7 @@
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-source--height {
-  height: 50px;
+  height: 47px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-source--padding {
@@ -212983,7 +212983,7 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 8.9 );
-  margin-top: calc( var( --scw-spacing-1 ) * 23 );
+  margin-top: calc( var( --scw-spacing-1 ) * 23.3 );
   margin-bottom: var( --scw-spacing-2 );
 }
 
@@ -212991,7 +212991,7 @@
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 8.9 );
-  padding-top: calc( var( --scw-spacing-1 ) * 23 );
+  padding-top: calc( var( --scw-spacing-1 ) * 23.3 );
   padding-bottom: var( --scw-spacing-2 );
 }
 
@@ -213000,7 +213000,7 @@
   $themeVar: false
 ) { 
   text-align: CENTER;
-  font: var( --scw-type-text-semibold-font );
+  font: var( --scw-type-text-04-font );
   @if $themeVar {
     color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
   } @else {
@@ -213011,7 +213011,7 @@
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-source-author--sizing {
   width: 182px;
-  height: 27px;
+  height: 24px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-source-author--width {
@@ -213019,7 +213019,7 @@
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-source-author--height {
-  height: 27px;
+  height: 24px;
 }
 
 @mixin comp-scw-testimonial-card-state-default-testimonial-container-source-author--padding {
@@ -213091,7 +213091,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 2.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 2.4 );
   margin-bottom: 0px;
 }
 
@@ -213099,6 +213099,502 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 2.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 2.4 );
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-testimonial-card-state-image (
+  $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-testimonial-card-state-image--sizing {
+  width: 360px;
+  height: 300px;
+}
+
+@mixin comp-scw-testimonial-card-state-image--width {
+  width: 360px;
+}
+
+@mixin comp-scw-testimonial-card-state-image--height {
+  height: 300px;
+}
+
+@mixin comp-scw-testimonial-card-state-image--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-testimonial-card-state-image--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: calc( var( --scw-spacing-1 ) * 2.5 ); 
+        --margin-bottom: calc( var( --scw-spacing-1 ) * 2.5 ); 
+      } 
+}
+
+@mixin comp-scw-testimonial-card-state-image--absolute-layout {
+  position: absolute;
+  left: calc( var( --scw-spacing-1 ) * 86.4 );
+  width: 360px;
+  top: calc( var( --scw-spacing-1 ) * 1.75 );
+  height: 300px; 
+}
+
+@mixin comp-scw-testimonial-card-state-image--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 86.4 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 1.75 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 3.15 );
+}
+
+@mixin comp-scw-testimonial-card-state-image--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 86.4 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 1.75 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 3.15 );
+}
+
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
+  } @else {
+    background-color: var( --scw-color-grey-10 );
+  }
+  border-radius: 10px 10px 10px 10px;
+  box-shadow: 0px 2px 19px 0px rgba(0,0,0,0.09);
+  align-self: stretch;
+  flex: 1; 
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container--sizing {
+  width: 360px;
+  height: 300px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container--width {
+  width: 360px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container--height {
+  height: 300px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container--padding {
+  padding-left: var( --scw-spacing-3 );
+  padding-right: var( --scw-spacing-3 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container--figma-autolayout { 
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: var( --scw-spacing-3 );
+  padding-right: var( --scw-spacing-3 );
+  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-testimonial-card-state-image-testimonial-container--absolute-layout {
+   
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper (
+  $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: 100px 100px 100px 100px; 
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper--sizing {
+  width: 80px;
+  height: 80px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper--width {
+  width: 80px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper--height {
+  height: 80px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper--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: calc( var( --scw-spacing-1 ) * -0.5 ); 
+        --margin-bottom: calc( var( --scw-spacing-1 ) * -0.5 ); 
+      } 
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper--absolute-layout {
+   
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 14 );
+  margin-right: calc( var( --scw-spacing-1 ) * 14 );
+  margin-top: var( --scw-spacing-2 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 20 );
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 14 );
+  padding-right: calc( var( --scw-spacing-1 ) * 14 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 20 );
+}
+
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper-image (
+  $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-testimonial-card-state-image-testimonial-container-wrapper-image--sizing {
+  width: 108.1903px;
+  height: 81.1429px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper-image--width {
+  width: 108.1903px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper-image--height {
+  height: 81.1429px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper-image--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper-image--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper-image--absolute-layout {
+   
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper-image--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * -1.40947265625 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.4095596313476562 );
+  margin-top: 0px;
+  margin-bottom: calc( var( --scw-spacing-1 ) * -0.11428680419921874 );
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-wrapper-image--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * -1.40947265625 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.4095596313476562 );
+  padding-top: 0px;
+  padding-bottom: calc( var( --scw-spacing-1 ) * -0.11428680419921874 );
+}
+
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-body (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: var( --scw-type-text-bold-04-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch;
+  flex: 1; 
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-body--sizing {
+  width: 300px;
+  height: 93px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-body--width {
+  width: 300px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-body--height {
+  height: 93px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-body--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-body--absolute-layout {
+   
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-body--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-3 );
+  margin-right: var( --scw-spacing-3 );
+  margin-top: var( --scw-spacing-12 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 8.7 );
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-body--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-3 );
+  padding-right: var( --scw-spacing-3 );
+  padding-top: var( --scw-spacing-12 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 8.7 );
+}
+
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source (
+  $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-testimonial-card-state-image-testimonial-container-source--sizing {
+  width: 182px;
+  height: 47px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source--width {
+  width: 182px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source--height {
+  height: 47px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source--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: 0px; 
+        --margin-bottom: 0px; 
+      } 
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source--absolute-layout {
+   
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 8.9 );
+  margin-right: calc( var( --scw-spacing-1 ) * 8.9 );
+  margin-top: calc( var( --scw-spacing-1 ) * 23.3 );
+  margin-bottom: var( --scw-spacing-2 );
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 8.9 );
+  padding-right: calc( var( --scw-spacing-1 ) * 8.9 );
+  padding-top: calc( var( --scw-spacing-1 ) * 23.3 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-author (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: var( --scw-type-text-04-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-testimonial-card-state-image-testimonial-container-source-author--sizing {
+  width: 182px;
+  height: 24px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-author--width {
+  width: 182px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-author--height {
+  height: 24px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-author--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-author--absolute-layout {
+   
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-author--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-author--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
+}
+
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-description (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: 400 0.9375rem/1.406rem 'Proxima Nova';
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch; 
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-description--sizing {
+  width: 182px;
+  height: 23px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-description--width {
+  width: 182px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-description--height {
+  height: 23px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-description--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-description--absolute-layout {
+   
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-description--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: calc( var( --scw-spacing-1 ) * 2.4 );
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-testimonial-card-state-image-testimonial-container-source-description--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: calc( var( --scw-spacing-1 ) * 2.4 );
   padding-bottom: 0px;
 }