npm - scu-web-components - Versions diffs - 0.0.73 → 0.0.75 - Mend

scu-web-components 0.0.73 → 0.0.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (370) hide show

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

@@ -32814,108 +32814,420 @@
       "outputSegmentRef": "default-mixins.html-autolayout-padding"
     }
   },
-  "components-scw-stepper-default-scw-stepper-item-": {
+  "components-scw-stepper-default-scw-stepper-item-01-": {
     "module-info": {
       "output": "",
-      "path": "comp-scw-stepper/default-scw-stepper-item-mixins",
-      "namespace": "default-scw-stepper-item-mixins"
+      "path": "comp-scw-stepper/default-scw-stepper-item-01-mixins",
+      "namespace": "default-scw-stepper-item-01-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
       "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegmentRef": "default-scw-stepper-item-mixins.box"
+      "outputSegmentRef": "default-scw-stepper-item-01-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--sizing {\n  width: 10px;\n  height: 10px;\n}",
       "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-mixins.sizing"
+      "outputSegmentRef": "default-scw-stepper-item-01-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--width {\n  width: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--width {\n  width: 10px;\n}",
       "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-mixins.width"
+      "outputSegmentRef": "default-scw-stepper-item-01-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--height {\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--height {\n  height: 10px;\n}",
       "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-mixins.height"
+      "outputSegmentRef": "default-scw-stepper-item-01-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-mixins.padding"
+      "outputSegmentRef": "default-scw-stepper-item-01-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--figma-autolayout { \n   \n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--figma-autolayout { \n   \n}",
       "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "default-scw-stepper-item-mixins.figma-autolayout"
+      "outputSegmentRef": "default-scw-stepper-item-01-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--absolute-layout {\n   \n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--absolute-layout {\n   \n}",
       "outputSegment": "\n@mixin absolute-layout {\n   \n}",
-      "outputSegmentRef": "default-scw-stepper-item-mixins.absolute-layout"
+      "outputSegmentRef": "default-scw-stepper-item-01-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
       "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-mixins.html-autolayout-margins"
+      "outputSegmentRef": "default-scw-stepper-item-01-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-mixins.html-autolayout-padding"
+      "outputSegmentRef": "default-scw-stepper-item-01-mixins.html-autolayout-padding"
     }
   },
-  "components-scw-stepper-default-scw-stepper-item-circle-": {
+  "components-scw-stepper-default-scw-stepper-item-01-circle-": {
     "module-info": {
       "output": "",
-      "path": "comp-scw-stepper/default-scw-stepper-item-circle-mixins",
-      "namespace": "default-scw-stepper-item-circle-mixins"
+      "path": "comp-scw-stepper/default-scw-stepper-item-01-circle-mixins",
+      "namespace": "default-scw-stepper-item-01-circle-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
       "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
-      "outputSegmentRef": "default-scw-stepper-item-circle-mixins.box"
+      "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
       "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-circle-mixins.sizing"
+      "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--width {\n  width: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--width {\n  width: 10px;\n}",
       "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-circle-mixins.width"
+      "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--height {\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--height {\n  height: 10px;\n}",
       "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-circle-mixins.height"
+      "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-circle-mixins.padding"
+      "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--figma-autolayout { \n   \n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--figma-autolayout { \n   \n}",
       "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "default-scw-stepper-item-circle-mixins.figma-autolayout"
+      "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
       "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
-      "outputSegmentRef": "default-scw-stepper-item-circle-mixins.absolute-layout"
+      "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
       "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-circle-mixins.html-autolayout-margins"
+      "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "default-scw-stepper-item-circle-mixins.html-autolayout-padding"
+      "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-02-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/default-scw-stepper-item-02-mixins",
+      "namespace": "default-scw-stepper-item-02-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-02-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/default-scw-stepper-item-02-circle-mixins",
+      "namespace": "default-scw-stepper-item-02-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-03-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/default-scw-stepper-item-03-mixins",
+      "namespace": "default-scw-stepper-item-03-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-03-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/default-scw-stepper-item-03-circle-mixins",
+      "namespace": "default-scw-stepper-item-03-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-03-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-04-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/default-scw-stepper-item-04-mixins",
+      "namespace": "default-scw-stepper-item-04-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-04-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/default-scw-stepper-item-04-circle-mixins",
+      "namespace": "default-scw-stepper-item-04-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-04-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-scw-stepper-item-04-circle-mixins.html-autolayout-padding"
     }
   },
   "components-scw-stepper-focused-page-2-": {
@@ -32935,299 +33247,923 @@
       "outputSegmentRef": "focused-page-2-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2--width {\n  width: 154px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 154px;\n}",
-      "outputSegmentRef": "focused-page-2-mixins.width"
+      "output": "\n@mixin comp-scw-stepper-focused-page-2--width {\n  width: 154px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 154px;\n}",
+      "outputSegmentRef": "focused-page-2-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n      } \n}",
+      "outputSegmentRef": "focused-page-2-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 154px;\n  top: var( --scw-spacing-5 );\n  height: 10px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 154px;\n  top: var( --scw-spacing-5 );\n  height: 10px; \n}",
+      "outputSegmentRef": "focused-page-2-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  margin-top: var( --scw-spacing-5 );\n  margin-bottom: var( --scw-spacing-8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  margin-top: var( --scw-spacing-5 );\n  margin-bottom: var( --scw-spacing-8 );\n}",
+      "outputSegmentRef": "focused-page-2-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  padding-top: var( --scw-spacing-5 );\n  padding-bottom: var( --scw-spacing-8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  padding-top: var( --scw-spacing-5 );\n  padding-bottom: var( --scw-spacing-8 );\n}",
+      "outputSegmentRef": "focused-page-2-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-01-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-01-mixins",
+      "namespace": "focused-page-2-scw-stepper-item-01-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-01-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-01-circle-mixins",
+      "namespace": "focused-page-2-scw-stepper-item-01-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-01-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-01-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-02-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-02-mixins",
+      "namespace": "focused-page-2-scw-stepper-item-02-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-02-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-02-circle-mixins",
+      "namespace": "focused-page-2-scw-stepper-item-02-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-02-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-02-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-03-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-03-mixins",
+      "namespace": "focused-page-2-scw-stepper-item-03-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-03-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-03-circle-mixins",
+      "namespace": "focused-page-2-scw-stepper-item-03-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-03-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-03-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-04-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-04-mixins",
+      "namespace": "focused-page-2-scw-stepper-item-04-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-04-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-04-circle-mixins",
+      "namespace": "focused-page-2-scw-stepper-item-04-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-04-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-04-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-3-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-3-mixins",
+      "namespace": "focused-page-3-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-3-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3--sizing {\n  width: 154px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 154px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3--width {\n  width: 154px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 154px;\n}",
+      "outputSegmentRef": "focused-page-3-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n      } \n}",
+      "outputSegmentRef": "focused-page-3-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 154px;\n  top: var( --scw-spacing-8 );\n  height: 10px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 154px;\n  top: var( --scw-spacing-8 );\n  height: 10px; \n}",
+      "outputSegmentRef": "focused-page-3-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: var( --scw-spacing-5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: var( --scw-spacing-5 );\n}",
+      "outputSegmentRef": "focused-page-3-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: var( --scw-spacing-5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: var( --scw-spacing-5 );\n}",
+      "outputSegmentRef": "focused-page-3-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-01-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-01-mixins",
+      "namespace": "focused-page-3-scw-stepper-item-01-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-01-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-01-circle-mixins",
+      "namespace": "focused-page-3-scw-stepper-item-01-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-01-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-01-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-02-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-02-mixins",
+      "namespace": "focused-page-3-scw-stepper-item-02-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2--height {\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--height {\n  height: 10px;\n}",
       "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-2-mixins.height"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-2-mixins.padding"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n      } \n}",
-      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n      } \n}",
-      "outputSegmentRef": "focused-page-2-mixins.figma-autolayout"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 154px;\n  top: var( --scw-spacing-5 );\n  height: 10px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 154px;\n  top: var( --scw-spacing-5 );\n  height: 10px; \n}",
-      "outputSegmentRef": "focused-page-2-mixins.absolute-layout"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  margin-top: var( --scw-spacing-5 );\n  margin-bottom: var( --scw-spacing-8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  margin-top: var( --scw-spacing-5 );\n  margin-bottom: var( --scw-spacing-8 );\n}",
-      "outputSegmentRef": "focused-page-2-mixins.html-autolayout-margins"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  padding-top: var( --scw-spacing-5 );\n  padding-bottom: var( --scw-spacing-8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  padding-top: var( --scw-spacing-5 );\n  padding-bottom: var( --scw-spacing-8 );\n}",
-      "outputSegmentRef": "focused-page-2-mixins.html-autolayout-padding"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-mixins.html-autolayout-padding"
     }
   },
-  "components-scw-stepper-focused-page-2-scw-stepper-item-": {
+  "components-scw-stepper-focused-page-3-scw-stepper-item-02-circle-": {
     "module-info": {
       "output": "",
-      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-mixins",
-      "namespace": "focused-page-2-scw-stepper-item-mixins"
+      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-02-circle-mixins",
+      "namespace": "focused-page-3-scw-stepper-item-02-circle-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-mixins.box"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-circle-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
       "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-mixins.sizing"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-circle-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--width {\n  width: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--width {\n  width: 10px;\n}",
       "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-mixins.width"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-circle-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--height {\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--height {\n  height: 10px;\n}",
       "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-mixins.height"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-circle-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-mixins.padding"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-circle-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--figma-autolayout { \n   \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--figma-autolayout { \n   \n}",
       "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-mixins.figma-autolayout"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-circle-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--absolute-layout {\n   \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-mixins.absolute-layout"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-circle-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-mixins.html-autolayout-margins"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-circle-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-mixins.html-autolayout-padding"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-02-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-02-circle-mixins.html-autolayout-padding"
     }
   },
-  "components-scw-stepper-focused-page-2-scw-stepper-item-circle-": {
+  "components-scw-stepper-focused-page-3-scw-stepper-item-03-": {
     "module-info": {
       "output": "",
-      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-circle-mixins",
-      "namespace": "focused-page-2-scw-stepper-item-circle-mixins"
+      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-03-mixins",
+      "namespace": "focused-page-3-scw-stepper-item-03-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-mixins.box"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--sizing {\n  width: 10px;\n  height: 10px;\n}",
       "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-mixins.sizing"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--width {\n  width: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--width {\n  width: 10px;\n}",
       "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-mixins.width"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--height {\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--height {\n  height: 10px;\n}",
       "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-mixins.height"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-mixins.padding"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--figma-autolayout { \n   \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--figma-autolayout { \n   \n}",
       "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-mixins.figma-autolayout"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-mixins.absolute-layout"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-mixins.html-autolayout-margins"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-2-scw-stepper-item-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-mixins.html-autolayout-padding"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-mixins.html-autolayout-padding"
     }
   },
-  "components-scw-stepper-focused-page-3-": {
+  "components-scw-stepper-focused-page-3-scw-stepper-item-03-circle-": {
     "module-info": {
       "output": "",
-      "path": "comp-scw-stepper/focused-page-3-mixins",
-      "namespace": "focused-page-3-mixins"
+      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-03-circle-mixins",
+      "namespace": "focused-page-3-scw-stepper-item-03-circle-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegmentRef": "focused-page-3-mixins.box"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-circle-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3--sizing {\n  width: 154px;\n  height: 10px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 154px;\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-3-mixins.sizing"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-circle-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3--width {\n  width: 154px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 154px;\n}",
-      "outputSegmentRef": "focused-page-3-mixins.width"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-circle-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3--height {\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--height {\n  height: 10px;\n}",
       "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-3-mixins.height"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-circle-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-3-mixins.padding"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-circle-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n      } \n}",
-      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n      } \n}",
-      "outputSegmentRef": "focused-page-3-mixins.figma-autolayout"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-circle-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 154px;\n  top: var( --scw-spacing-8 );\n  height: 10px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 154px;\n  top: var( --scw-spacing-8 );\n  height: 10px; \n}",
-      "outputSegmentRef": "focused-page-3-mixins.absolute-layout"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-circle-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: var( --scw-spacing-5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: var( --scw-spacing-5 );\n}",
-      "outputSegmentRef": "focused-page-3-mixins.html-autolayout-margins"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-circle-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: var( --scw-spacing-5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: var( --scw-spacing-5 );\n}",
-      "outputSegmentRef": "focused-page-3-mixins.html-autolayout-padding"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-03-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-03-circle-mixins.html-autolayout-padding"
     }
   },
-  "components-scw-stepper-focused-page-3-scw-stepper-item-": {
+  "components-scw-stepper-focused-page-3-scw-stepper-item-04-": {
     "module-info": {
       "output": "",
-      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-mixins",
-      "namespace": "focused-page-3-scw-stepper-item-mixins"
+      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-04-mixins",
+      "namespace": "focused-page-3-scw-stepper-item-04-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
       "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-mixins.box"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--sizing {\n  width: 10px;\n  height: 10px;\n}",
       "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-mixins.sizing"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--width {\n  width: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--width {\n  width: 10px;\n}",
       "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-mixins.width"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--height {\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--height {\n  height: 10px;\n}",
       "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-mixins.height"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-mixins.padding"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--figma-autolayout { \n   \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--figma-autolayout { \n   \n}",
       "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-mixins.figma-autolayout"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--absolute-layout {\n   \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--absolute-layout {\n   \n}",
       "outputSegment": "\n@mixin absolute-layout {\n   \n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-mixins.absolute-layout"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-mixins.html-autolayout-margins"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-mixins.html-autolayout-padding"
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-mixins.html-autolayout-padding"
     }
   },
-  "components-scw-stepper-focused-page-3-scw-stepper-item-circle-": {
+  "components-scw-stepper-focused-page-3-scw-stepper-item-04-circle-": {
     "module-info": {
       "output": "",
-      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-circle-mixins",
-      "namespace": "focused-page-3-scw-stepper-item-circle-mixins"
+      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-04-circle-mixins",
+      "namespace": "focused-page-3-scw-stepper-item-04-circle-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
       "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-mixins.box"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-circle-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
       "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-mixins.sizing"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-circle-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--width {\n  width: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--width {\n  width: 10px;\n}",
       "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-mixins.width"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-circle-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--height {\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--height {\n  height: 10px;\n}",
       "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-mixins.height"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-circle-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-mixins.padding"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-circle-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--figma-autolayout { \n   \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--figma-autolayout { \n   \n}",
       "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-mixins.figma-autolayout"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-circle-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
       "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-mixins.absolute-layout"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-circle-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
       "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-mixins.html-autolayout-margins"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-circle-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-3-scw-stepper-item-04-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-mixins.html-autolayout-padding"
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-04-circle-mixins.html-autolayout-padding"
     }
   },
   "components-scw-stepper-focused-page-4-": {
@@ -33282,108 +34218,420 @@
       "outputSegmentRef": "focused-page-4-mixins.html-autolayout-padding"
     }
   },
-  "components-scw-stepper-focused-page-4-scw-stepper-item-": {
+  "components-scw-stepper-focused-page-4-scw-stepper-item-01-": {
     "module-info": {
       "output": "",
-      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-mixins",
-      "namespace": "focused-page-4-scw-stepper-item-mixins"
+      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-01-mixins",
+      "namespace": "focused-page-4-scw-stepper-item-01-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
       "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.box"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--sizing {\n  width: 10px;\n  height: 10px;\n}",
       "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.sizing"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--width {\n  width: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--width {\n  width: 10px;\n}",
       "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.width"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--height {\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--height {\n  height: 10px;\n}",
       "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.height"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.padding"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--figma-autolayout { \n   \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--figma-autolayout { \n   \n}",
       "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.figma-autolayout"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--absolute-layout {\n   \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--absolute-layout {\n   \n}",
       "outputSegment": "\n@mixin absolute-layout {\n   \n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.absolute-layout"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
       "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.html-autolayout-margins"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.html-autolayout-padding"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-01-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-01-circle-mixins",
+      "namespace": "focused-page-4-scw-stepper-item-01-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-01-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-01-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-02-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-02-mixins",
+      "namespace": "focused-page-4-scw-stepper-item-02-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-02-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-02-circle-mixins",
+      "namespace": "focused-page-4-scw-stepper-item-02-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-02-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-02-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-03-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-03-mixins",
+      "namespace": "focused-page-4-scw-stepper-item-03-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-mixins.html-autolayout-padding"
     }
   },
-  "components-scw-stepper-focused-page-4-scw-stepper-item-circle-": {
+  "components-scw-stepper-focused-page-4-scw-stepper-item-03-circle-": {
     "module-info": {
       "output": "",
-      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-circle-mixins",
-      "namespace": "focused-page-4-scw-stepper-item-circle-mixins"
+      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-03-circle-mixins",
+      "namespace": "focused-page-4-scw-stepper-item-03-circle-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
       "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.box"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-circle-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-circle-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-circle-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-circle-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-circle-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-circle-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-circle-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-circle-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-03-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-03-circle-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-04-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-04-mixins",
+      "namespace": "focused-page-4-scw-stepper-item-04-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--width {\n  width: 10px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--height {\n  height: 10px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-04-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-04-circle-mixins",
+      "namespace": "focused-page-4-scw-stepper-item-04-circle-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-circle-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
       "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.sizing"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-circle-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--width {\n  width: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--width {\n  width: 10px;\n}",
       "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.width"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-circle-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--height {\n  height: 10px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--height {\n  height: 10px;\n}",
       "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.height"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-circle-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.padding"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-circle-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--figma-autolayout { \n   \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--figma-autolayout { \n   \n}",
       "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.figma-autolayout"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-circle-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
       "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.absolute-layout"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-circle-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
       "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.html-autolayout-margins"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-circle-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-04-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
       "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.html-autolayout-padding"
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-04-circle-mixins.html-autolayout-padding"
     }
   },
   "components-scw-link-": {