scu-web-components 0.0.73 → 0.0.75

package/dist/tokens/source/componentScssMixins.scss

@@ -39700,7 +39700,7 @@
 }
 
 
-@mixin comp-scw-stepper-default-scw-stepper-item (
+@mixin comp-scw-stepper-default-scw-stepper-item-01 (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -39711,35 +39711,35 @@
   } 
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item--sizing {
+@mixin comp-scw-stepper-default-scw-stepper-item-01--sizing {
   width: 10px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item--width {
+@mixin comp-scw-stepper-default-scw-stepper-item-01--width {
   width: 10px;
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item--height {
+@mixin comp-scw-stepper-default-scw-stepper-item-01--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item--padding {
+@mixin comp-scw-stepper-default-scw-stepper-item-01--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item--figma-autolayout { 
+@mixin comp-scw-stepper-default-scw-stepper-item-01--figma-autolayout { 
    
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item--absolute-layout {
+@mixin comp-scw-stepper-default-scw-stepper-item-01--absolute-layout {
    
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item--html-autolayout-margins {
+@mixin comp-scw-stepper-default-scw-stepper-item-01--html-autolayout-margins {
   display: inline-block;
   margin-left: 0px;
   margin-right: calc( var( --scw-spacing-1 ) * 14.4 );
@@ -39747,7 +39747,7 @@
   margin-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item--html-autolayout-padding {
+@mixin comp-scw-stepper-default-scw-stepper-item-01--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: calc( var( --scw-spacing-1 ) * 14.4 );
@@ -39756,7 +39756,7 @@
 }
 
 
-@mixin comp-scw-stepper-default-scw-stepper-item-circle (
+@mixin comp-scw-stepper-default-scw-stepper-item-01-circle (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -39768,31 +39768,31 @@
   border-radius: 50% 50% 50% 50%; 
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item-circle--sizing {
+@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--sizing {
   width: 10px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item-circle--width {
+@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--width {
   width: 10px;
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item-circle--height {
+@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item-circle--padding {
+@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item-circle--figma-autolayout { 
+@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--figma-autolayout { 
    
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item-circle--absolute-layout {
+@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--absolute-layout {
   position: absolute;
   left: 0px;
   right: 0px;
@@ -39800,7 +39800,7 @@
   bottom: 0px; 
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item-circle--html-autolayout-margins {
+@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--html-autolayout-margins {
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
@@ -39808,7 +39808,358 @@
   margin-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-default-scw-stepper-item-circle--html-autolayout-padding {
+@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
@@ -39828,67 +40179,957 @@
   } 
 }
 
-@mixin comp-scw-stepper-focused-page-2--sizing {
-  width: 154px;
+@mixin comp-scw-stepper-focused-page-2--sizing {
+  width: 154px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2--width {
+  width: 154px;
+}
+
+@mixin comp-scw-stepper-focused-page-2--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2--figma-autolayout { 
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) { 
+        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
+        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
+      } 
+}
+
+@mixin comp-scw-stepper-focused-page-2--absolute-layout {
+  position: absolute;
+  left: var( --scw-spacing-2 );
+  width: 154px;
+  top: var( --scw-spacing-5 );
+  height: 10px; 
+}
+
+@mixin comp-scw-stepper-focused-page-2--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );
+  margin-top: var( --scw-spacing-5 );
+  margin-bottom: var( --scw-spacing-8 );
+}
+
+@mixin comp-scw-stepper-focused-page-2--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );
+  padding-top: var( --scw-spacing-5 );
+  padding-bottom: var( --scw-spacing-8 );
+}
+
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );
+  } @else {
+    background-color: var( --scw-color-grey-07 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-3 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-focused-page-3--sizing {
+  width: 154px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3--width {
+  width: 154px;
+}
+
+@mixin comp-scw-stepper-focused-page-3--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-3--figma-autolayout { 
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) { 
+        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
+        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
+      } 
+}
+
+@mixin comp-scw-stepper-focused-page-3--absolute-layout {
+  position: absolute;
+  left: var( --scw-spacing-2 );
+  width: 154px;
+  top: var( --scw-spacing-8 );
+  height: 10px; 
+}
+
+@mixin comp-scw-stepper-focused-page-3--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );
+  margin-top: var( --scw-spacing-8 );
+  margin-bottom: var( --scw-spacing-5 );
+}
+
+@mixin comp-scw-stepper-focused-page-3--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );
+  padding-top: var( --scw-spacing-8 );
+  padding-bottom: var( --scw-spacing-5 );
+}
+
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--sizing {
+  width: 10px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-2--width {
-  width: 154px;
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--width {
+  width: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-2--height {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-2--padding {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-2--figma-autolayout { 
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );
+  } @else {
+    background-color: var( --scw-color-grey-07 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
-  & > *:not(:last-child) { 
-        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
-        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
-      } 
 }
 
-@mixin comp-scw-stepper-focused-page-2--absolute-layout {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--absolute-layout {
   position: absolute;
-  left: var( --scw-spacing-2 );
-  width: 154px;
-  top: var( --scw-spacing-5 );
-  height: 10px; 
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
 }
 
-@mixin comp-scw-stepper-focused-page-2--html-autolayout-margins {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );
-  margin-top: var( --scw-spacing-5 );
-  margin-bottom: var( --scw-spacing-8 );
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-2--html-autolayout-padding {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );
-  padding-top: var( --scw-spacing-5 );
-  padding-bottom: var( --scw-spacing-8 );
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
 }
 
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item (
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04 (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -39899,52 +41140,52 @@
   } 
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--sizing {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--sizing {
   width: 10px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--width {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--width {
   width: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--height {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--padding {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--figma-autolayout { 
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--figma-autolayout { 
    
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--absolute-layout {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--absolute-layout {
    
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--html-autolayout-margins {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--html-autolayout-margins {
   display: inline-block;
-  margin-left: 0px;
-  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--html-autolayout-padding {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--html-autolayout-padding {
   display: inline-block;
-  padding-left: 0px;
-  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle (
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -39956,31 +41197,31 @@
   border-radius: 50% 50% 50% 50%; 
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--sizing {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--sizing {
   width: 10px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--width {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--width {
   width: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--height {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--padding {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--figma-autolayout { 
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--figma-autolayout { 
    
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--absolute-layout {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--absolute-layout {
   position: absolute;
   left: 0px;
   right: 0px;
@@ -39988,7 +41229,7 @@
   bottom: 0px; 
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--html-autolayout-margins {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--html-autolayout-margins {
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
@@ -39996,7 +41237,7 @@
   margin-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--html-autolayout-padding {
+@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
@@ -40005,7 +41246,7 @@
 }
 
 
-@mixin comp-scw-stepper-focused-page-3 (
+@mixin comp-scw-stepper-focused-page-4 (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -40016,27 +41257,27 @@
   } 
 }
 
-@mixin comp-scw-stepper-focused-page-3--sizing {
+@mixin comp-scw-stepper-focused-page-4--sizing {
   width: 154px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-3--width {
+@mixin comp-scw-stepper-focused-page-4--width {
   width: 154px;
 }
 
-@mixin comp-scw-stepper-focused-page-3--height {
+@mixin comp-scw-stepper-focused-page-4--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-3--padding {
+@mixin comp-scw-stepper-focused-page-4--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-3--figma-autolayout { 
+@mixin comp-scw-stepper-focused-page-4--figma-autolayout { 
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
@@ -40051,32 +41292,32 @@
       } 
 }
 
-@mixin comp-scw-stepper-focused-page-3--absolute-layout {
+@mixin comp-scw-stepper-focused-page-4--absolute-layout {
   position: absolute;
   left: var( --scw-spacing-2 );
   width: 154px;
-  top: var( --scw-spacing-8 );
+  top: var( --scw-spacing-11 );
   height: 10px; 
 }
 
-@mixin comp-scw-stepper-focused-page-3--html-autolayout-margins {
+@mixin comp-scw-stepper-focused-page-4--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
   margin-right: calc( var( --scw-spacing-1 ) * 3.3 );
-  margin-top: var( --scw-spacing-8 );
-  margin-bottom: var( --scw-spacing-5 );
+  margin-top: var( --scw-spacing-11 );
+  margin-bottom: var( --scw-spacing-2 );
 }
 
-@mixin comp-scw-stepper-focused-page-3--html-autolayout-padding {
+@mixin comp-scw-stepper-focused-page-4--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
   padding-right: calc( var( --scw-spacing-1 ) * 3.3 );
-  padding-top: var( --scw-spacing-8 );
-  padding-bottom: var( --scw-spacing-5 );
+  padding-top: var( --scw-spacing-11 );
+  padding-bottom: var( --scw-spacing-2 );
 }
 
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item (
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01 (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -40087,35 +41328,35 @@
   } 
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--sizing {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--sizing {
   width: 10px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--width {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--width {
   width: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--height {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--padding {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--figma-autolayout { 
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--figma-autolayout { 
    
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--absolute-layout {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--absolute-layout {
    
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--html-autolayout-margins {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--html-autolayout-margins {
   display: inline-block;
   margin-left: 0px;
   margin-right: calc( var( --scw-spacing-1 ) * 14.4 );
@@ -40123,7 +41364,7 @@
   margin-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--html-autolayout-padding {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: calc( var( --scw-spacing-1 ) * 14.4 );
@@ -40132,7 +41373,7 @@
 }
 
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle (
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -40144,31 +41385,31 @@
   border-radius: 50% 50% 50% 50%; 
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--sizing {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--sizing {
   width: 10px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--width {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--width {
   width: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--height {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--padding {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--figma-autolayout { 
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--figma-autolayout { 
    
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--absolute-layout {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--absolute-layout {
   position: absolute;
   left: 0px;
   right: 0px;
@@ -40176,7 +41417,7 @@
   bottom: 0px; 
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--html-autolayout-margins {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--html-autolayout-margins {
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
@@ -40184,7 +41425,7 @@
   margin-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--html-autolayout-padding {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
@@ -40193,7 +41434,7 @@
 }
 
 
-@mixin comp-scw-stepper-focused-page-4 (
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02 (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -40204,67 +41445,113 @@
   } 
 }
 
-@mixin comp-scw-stepper-focused-page-4--sizing {
-  width: 154px;
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--sizing {
+  width: 10px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-4--width {
-  width: 154px;
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--width {
+  width: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-4--height {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-4--padding {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-4--figma-autolayout { 
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
-  & > *:not(:last-child) { 
-        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
-        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
-      } 
 }
 
-@mixin comp-scw-stepper-focused-page-4--absolute-layout {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--absolute-layout {
   position: absolute;
-  left: var( --scw-spacing-2 );
-  width: 154px;
-  top: var( --scw-spacing-11 );
-  height: 10px; 
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
 }
 
-@mixin comp-scw-stepper-focused-page-4--html-autolayout-margins {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );
-  margin-top: var( --scw-spacing-11 );
-  margin-bottom: var( --scw-spacing-2 );
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-4--html-autolayout-padding {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );
-  padding-top: var( --scw-spacing-11 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
 }
 
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item (
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03 (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -40275,52 +41562,52 @@
   } 
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--sizing {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--sizing {
   width: 10px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--width {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--width {
   width: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--height {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--padding {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--figma-autolayout { 
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--figma-autolayout { 
    
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--absolute-layout {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--absolute-layout {
    
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--html-autolayout-margins {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--html-autolayout-margins {
   display: inline-block;
-  margin-left: 0px;
-  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--html-autolayout-padding {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--html-autolayout-padding {
   display: inline-block;
-  padding-left: 0px;
-  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle (
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -40332,31 +41619,148 @@
   border-radius: 50% 50% 50% 50%; 
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--sizing {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04 (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--width {
+  width: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--height {
+  height: 10px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--absolute-layout {
+   
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );
+  } @else {
+    background-color: var( --scw-color-grey-07 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--sizing {
   width: 10px;
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--width {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--width {
   width: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--height {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--height {
   height: 10px;
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--padding {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--figma-autolayout { 
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--figma-autolayout { 
    
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--absolute-layout {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--absolute-layout {
   position: absolute;
   left: 0px;
   right: 0px;
@@ -40364,7 +41768,7 @@
   bottom: 0px; 
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--html-autolayout-margins {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--html-autolayout-margins {
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
@@ -40372,7 +41776,7 @@
   margin-bottom: 0px;
 }
 
-@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--html-autolayout-padding {
+@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;