npm - scu-web-components - Versions diffs - 0.0.46 → 0.0.47 - Mend

scu-web-components 0.0.46 → 0.0.47

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

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

@@ -81329,6 +81329,2492 @@
       "outputSegmentRef": "state-disabled-content-description-vars.$right"
     }
   },
+  "components-scw-stepper-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper-icon/index-vars",
+      "namespace": "index-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-icon-background-color: rgba(0,0,0,0);",
+      "outputSegment": "$background-color: rgba(0,0,0,0);",
+      "outputSegmentRef": "index-vars.$background-color"
+    },
+    "stroke-color": {
+      "output": "$comp-scw-stepper-icon-stroke-color: rgba(151,71,255,1);",
+      "outputSegment": "$stroke-color: rgba(151,71,255,1);",
+      "outputSegmentRef": "index-vars.$stroke-color"
+    },
+    "stroke-weight": {
+      "output": "$comp-scw-stepper-icon-stroke-weight: 1px;",
+      "outputSegment": "$stroke-weight: 1px;",
+      "outputSegmentRef": "index-vars.$stroke-weight"
+    },
+    "stroke-align": {
+      "output": "$comp-scw-stepper-icon-stroke-align: INSIDE;",
+      "outputSegment": "$stroke-align: INSIDE;",
+      "outputSegmentRef": "index-vars.$stroke-align"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-stepper-icon-corner-radius-top-left: 5px;",
+      "outputSegment": "$corner-radius-top-left: 5px;",
+      "outputSegmentRef": "index-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-stepper-icon-corner-radius-top-right: 5px;",
+      "outputSegment": "$corner-radius-top-right: 5px;",
+      "outputSegmentRef": "index-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-stepper-icon-corner-radius-bottom-right: 5px;",
+      "outputSegment": "$corner-radius-bottom-right: 5px;",
+      "outputSegmentRef": "index-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-stepper-icon-corner-radius-bottom-left: 5px;",
+      "outputSegment": "$corner-radius-bottom-left: 5px;",
+      "outputSegmentRef": "index-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-icon-width: 50px;",
+      "outputSegment": "$width: 50px;",
+      "outputSegmentRef": "index-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-icon-height: 80px;",
+      "outputSegment": "$height: 80px;",
+      "outputSegmentRef": "index-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-icon-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "index-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-icon-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "index-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-icon-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "index-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-icon-layout-context: NONE;",
+      "outputSegment": "$layout-context: NONE;",
+      "outputSegmentRef": "index-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-icon-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "index-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-icon-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "index-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-icon-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "index-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-icon-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "index-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-icon-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "index-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-icon-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "index-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-icon-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "index-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-icon-top-percent: 0%;",
+      "outputSegment": "$top-percent: 0%;",
+      "outputSegmentRef": "index-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-icon-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "index-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-icon-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "index-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-icon-left-percent: 0%;",
+      "outputSegment": "$left-percent: 0%;",
+      "outputSegmentRef": "index-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-icon-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "index-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-icon-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "index-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-icon-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "index-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-icon-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "index-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-icon-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "index-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-icon-default-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper-icon/default-vars",
+      "namespace": "default-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-icon-default-background-color: rgba(255,255,255,1);",
+      "outputSegment": "$background-color: rgba(255,255,255,1);",
+      "outputSegmentRef": "default-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-icon-default-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "default-vars.$blend-mode"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-icon-default-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "default-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-icon-default-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "default-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-icon-default-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "default-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-icon-default-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "default-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-icon-default-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-icon-default-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "default-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-icon-default-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "default-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-icon-default-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-icon-default-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-icon-default-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "default-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-icon-default-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "default-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-icon-default-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "default-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-icon-default-top: var( --scw-spacing-2 );",
+      "outputSegment": "$top: var( --scw-spacing-2 );",
+      "outputSegmentRef": "default-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-icon-default-top-percent: 31.25%;",
+      "outputSegment": "$top-percent: 31.25%;",
+      "outputSegmentRef": "default-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-icon-default-bottom: var( --scw-spacing-5 );",
+      "outputSegment": "$bottom: var( --scw-spacing-5 );",
+      "outputSegmentRef": "default-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-icon-default-left: var( --scw-spacing-2 );",
+      "outputSegment": "$left: var( --scw-spacing-2 );",
+      "outputSegmentRef": "default-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-icon-default-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "default-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-icon-default-right: var( --scw-spacing-2 );",
+      "outputSegment": "$right: var( --scw-spacing-2 );",
+      "outputSegmentRef": "default-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-icon-default-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "default-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-icon-default-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "default-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-icon-default-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "default-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-icon-default-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "default-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-icon-default-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper-icon/default-circle-vars",
+      "namespace": "default-circle-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-icon-default-circle-background-color: var( --scw-color-grey-092 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-092 );",
+      "outputSegmentRef": "default-circle-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-icon-default-circle-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "default-circle-vars.$blend-mode"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-stepper-icon-default-circle-corner-radius-top-left: 50%;",
+      "outputSegment": "$corner-radius-top-left: 50%;",
+      "outputSegmentRef": "default-circle-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-stepper-icon-default-circle-corner-radius-top-right: 50%;",
+      "outputSegment": "$corner-radius-top-right: 50%;",
+      "outputSegmentRef": "default-circle-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-stepper-icon-default-circle-corner-radius-bottom-right: 50%;",
+      "outputSegment": "$corner-radius-bottom-right: 50%;",
+      "outputSegmentRef": "default-circle-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-stepper-icon-default-circle-corner-radius-bottom-left: 50%;",
+      "outputSegment": "$corner-radius-bottom-left: 50%;",
+      "outputSegmentRef": "default-circle-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-icon-default-circle-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "default-circle-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-icon-default-circle-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "default-circle-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-icon-default-circle-constraint-horizontal: STRETCH;",
+      "outputSegment": "$constraint-horizontal: STRETCH;",
+      "outputSegmentRef": "default-circle-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-icon-default-circle-constraint-vertical: STRETCH;",
+      "outputSegment": "$constraint-vertical: STRETCH;",
+      "outputSegmentRef": "default-circle-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-icon-default-circle-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-circle-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-icon-default-circle-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "default-circle-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-icon-default-circle-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "default-circle-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-icon-default-circle-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-circle-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-icon-default-circle-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-circle-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-icon-default-circle-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "default-circle-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-icon-default-circle-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "default-circle-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-icon-default-circle-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "default-circle-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-icon-default-circle-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "default-circle-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-icon-default-circle-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "default-circle-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-icon-default-circle-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "default-circle-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-icon-default-circle-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "default-circle-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-icon-default-circle-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "default-circle-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-icon-default-circle-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "default-circle-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-icon-default-circle-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "default-circle-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-icon-default-circle-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "default-circle-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-icon-default-circle-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "default-circle-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-icon-default-circle-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "default-circle-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-icon-state-focused-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper-icon/state-focused-vars",
+      "namespace": "state-focused-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-icon-state-focused-background-color: rgba(255,255,255,1);",
+      "outputSegment": "$background-color: rgba(255,255,255,1);",
+      "outputSegmentRef": "state-focused-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-icon-state-focused-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "state-focused-vars.$blend-mode"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-icon-state-focused-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "state-focused-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-icon-state-focused-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "state-focused-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-icon-state-focused-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "state-focused-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-icon-state-focused-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "state-focused-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-icon-state-focused-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "state-focused-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-icon-state-focused-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "state-focused-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-icon-state-focused-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "state-focused-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-icon-state-focused-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "state-focused-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-icon-state-focused-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "state-focused-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-icon-state-focused-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "state-focused-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-icon-state-focused-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "state-focused-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-icon-state-focused-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "state-focused-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-icon-state-focused-top: var( --scw-spacing-5 );",
+      "outputSegment": "$top: var( --scw-spacing-5 );",
+      "outputSegmentRef": "state-focused-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-icon-state-focused-top-percent: 68.75%;",
+      "outputSegment": "$top-percent: 68.75%;",
+      "outputSegmentRef": "state-focused-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-icon-state-focused-bottom: var( --scw-spacing-2 );",
+      "outputSegment": "$bottom: var( --scw-spacing-2 );",
+      "outputSegmentRef": "state-focused-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-icon-state-focused-left: var( --scw-spacing-2 );",
+      "outputSegment": "$left: var( --scw-spacing-2 );",
+      "outputSegmentRef": "state-focused-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-icon-state-focused-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "state-focused-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-icon-state-focused-right: var( --scw-spacing-2 );",
+      "outputSegment": "$right: var( --scw-spacing-2 );",
+      "outputSegmentRef": "state-focused-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-icon-state-focused-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "state-focused-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-icon-state-focused-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "state-focused-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-icon-state-focused-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "state-focused-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-icon-state-focused-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "state-focused-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-icon-state-focused-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper-icon/state-focused-circle-vars",
+      "namespace": "state-focused-circle-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-background-color: var( --scw-color-grey-07 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-07 );",
+      "outputSegmentRef": "state-focused-circle-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "state-focused-circle-vars.$blend-mode"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-corner-radius-top-left: 50%;",
+      "outputSegment": "$corner-radius-top-left: 50%;",
+      "outputSegmentRef": "state-focused-circle-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-corner-radius-top-right: 50%;",
+      "outputSegment": "$corner-radius-top-right: 50%;",
+      "outputSegmentRef": "state-focused-circle-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-corner-radius-bottom-right: 50%;",
+      "outputSegment": "$corner-radius-bottom-right: 50%;",
+      "outputSegmentRef": "state-focused-circle-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-corner-radius-bottom-left: 50%;",
+      "outputSegment": "$corner-radius-bottom-left: 50%;",
+      "outputSegmentRef": "state-focused-circle-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "state-focused-circle-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "state-focused-circle-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-constraint-horizontal: STRETCH;",
+      "outputSegment": "$constraint-horizontal: STRETCH;",
+      "outputSegmentRef": "state-focused-circle-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-constraint-vertical: STRETCH;",
+      "outputSegment": "$constraint-vertical: STRETCH;",
+      "outputSegmentRef": "state-focused-circle-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "state-focused-circle-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "state-focused-circle-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "state-focused-circle-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "state-focused-circle-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "state-focused-circle-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "state-focused-circle-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "state-focused-circle-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "state-focused-circle-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "state-focused-circle-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "state-focused-circle-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "state-focused-circle-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "state-focused-circle-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "state-focused-circle-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "state-focused-circle-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "state-focused-circle-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "state-focused-circle-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "state-focused-circle-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-icon-state-focused-circle-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "state-focused-circle-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/index-vars",
+      "namespace": "index-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-background-color: rgba(0,0,0,0);",
+      "outputSegment": "$background-color: rgba(0,0,0,0);",
+      "outputSegmentRef": "index-vars.$background-color"
+    },
+    "stroke-color": {
+      "output": "$comp-scw-stepper-stroke-color: rgba(151,71,255,1);",
+      "outputSegment": "$stroke-color: rgba(151,71,255,1);",
+      "outputSegmentRef": "index-vars.$stroke-color"
+    },
+    "stroke-weight": {
+      "output": "$comp-scw-stepper-stroke-weight: 1px;",
+      "outputSegment": "$stroke-weight: 1px;",
+      "outputSegmentRef": "index-vars.$stroke-weight"
+    },
+    "stroke-align": {
+      "output": "$comp-scw-stepper-stroke-align: INSIDE;",
+      "outputSegment": "$stroke-align: INSIDE;",
+      "outputSegmentRef": "index-vars.$stroke-align"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-stepper-corner-radius-top-left: 5px;",
+      "outputSegment": "$corner-radius-top-left: 5px;",
+      "outputSegmentRef": "index-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-stepper-corner-radius-top-right: 5px;",
+      "outputSegment": "$corner-radius-top-right: 5px;",
+      "outputSegmentRef": "index-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-stepper-corner-radius-bottom-right: 5px;",
+      "outputSegment": "$corner-radius-bottom-right: 5px;",
+      "outputSegmentRef": "index-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-stepper-corner-radius-bottom-left: 5px;",
+      "outputSegment": "$corner-radius-bottom-left: 5px;",
+      "outputSegmentRef": "index-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-width: 207px;",
+      "outputSegment": "$width: 207px;",
+      "outputSegmentRef": "index-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-height: 140px;",
+      "outputSegment": "$height: 140px;",
+      "outputSegmentRef": "index-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "index-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "index-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "index-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-layout-context: NONE;",
+      "outputSegment": "$layout-context: NONE;",
+      "outputSegmentRef": "index-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "index-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "index-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "index-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "index-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "index-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "index-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "index-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-top-percent: 0%;",
+      "outputSegment": "$top-percent: 0%;",
+      "outputSegmentRef": "index-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "index-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "index-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-left-percent: 0%;",
+      "outputSegment": "$left-percent: 0%;",
+      "outputSegmentRef": "index-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "index-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "index-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "index-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "index-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "index-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-default-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/default-vars",
+      "namespace": "default-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-default-background-color: rgba(255,255,255,1);",
+      "outputSegment": "$background-color: rgba(255,255,255,1);",
+      "outputSegmentRef": "default-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-default-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "default-vars.$blend-mode"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-default-width: 154px;",
+      "outputSegment": "$width: 154px;",
+      "outputSegmentRef": "default-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-default-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "default-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-default-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "default-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-default-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "default-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-default-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-default-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "default-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-default-layout-mode: HORIZONTAL;",
+      "outputSegment": "$layout-mode: HORIZONTAL;",
+      "outputSegmentRef": "default-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-default-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-default-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-default-item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+      "outputSegment": "$item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+      "outputSegmentRef": "default-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-default-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "default-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-default-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "default-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-default-top: var( --scw-spacing-2 );",
+      "outputSegment": "$top: var( --scw-spacing-2 );",
+      "outputSegmentRef": "default-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-default-top-percent: 17.86%;",
+      "outputSegment": "$top-percent: 17.86%;",
+      "outputSegmentRef": "default-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-default-bottom: var( --scw-spacing-11 );",
+      "outputSegment": "$bottom: var( --scw-spacing-11 );",
+      "outputSegmentRef": "default-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-default-left: var( --scw-spacing-2 );",
+      "outputSegment": "$left: var( --scw-spacing-2 );",
+      "outputSegmentRef": "default-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-default-left-percent: 46.86%;",
+      "outputSegment": "$left-percent: 46.86%;",
+      "outputSegmentRef": "default-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-default-right: calc( var( --scw-spacing-1 ) * 3.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.3 );",
+      "outputSegmentRef": "default-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-default-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "default-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-default-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "default-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-default-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "default-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-default-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "default-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/default-scw-stepper-item-vars",
+      "namespace": "default-scw-stepper-item-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-background-color: rgba(255,255,255,1);",
+      "outputSegment": "$background-color: rgba(255,255,255,1);",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$blend-mode"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-layout-align: INHERIT;",
+      "outputSegment": "$layout-align: INHERIT;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-left-percent: 3.25%;",
+      "outputSegment": "$left-percent: 3.25%;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-right: calc( var( --scw-spacing-1 ) * 14.4 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 14.4 );",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$padding-bottom"
+    },
+    "margin-right": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-margin-right: 0px;",
+      "outputSegment": "$margin-right: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-vars.$margin-right"
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/default-scw-stepper-item-circle-vars",
+      "namespace": "default-scw-stepper-item-circle-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-background-color: var( --scw-color-grey-07 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-07 );",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$blend-mode"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-corner-radius-top-left: 50%;",
+      "outputSegment": "$corner-radius-top-left: 50%;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-corner-radius-top-right: 50%;",
+      "outputSegment": "$corner-radius-top-right: 50%;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-corner-radius-bottom-right: 50%;",
+      "outputSegment": "$corner-radius-bottom-right: 50%;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-corner-radius-bottom-left: 50%;",
+      "outputSegment": "$corner-radius-bottom-left: 50%;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-constraint-horizontal: STRETCH;",
+      "outputSegment": "$constraint-horizontal: STRETCH;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-constraint-vertical: STRETCH;",
+      "outputSegment": "$constraint-vertical: STRETCH;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-default-scw-stepper-item-circle-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "default-scw-stepper-item-circle-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-focused-page-2-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-vars",
+      "namespace": "focused-page-2-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-focused-page-2-background-color: rgba(255,255,255,1);",
+      "outputSegment": "$background-color: rgba(255,255,255,1);",
+      "outputSegmentRef": "focused-page-2-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-focused-page-2-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "focused-page-2-vars.$blend-mode"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-focused-page-2-width: 154px;",
+      "outputSegment": "$width: 154px;",
+      "outputSegmentRef": "focused-page-2-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-focused-page-2-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "focused-page-2-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-focused-page-2-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "focused-page-2-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-focused-page-2-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "focused-page-2-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-focused-page-2-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "focused-page-2-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-focused-page-2-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "focused-page-2-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-focused-page-2-layout-mode: HORIZONTAL;",
+      "outputSegment": "$layout-mode: HORIZONTAL;",
+      "outputSegmentRef": "focused-page-2-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-2-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-2-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-2-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-2-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-focused-page-2-item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+      "outputSegment": "$item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+      "outputSegmentRef": "focused-page-2-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-focused-page-2-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "focused-page-2-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-focused-page-2-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "focused-page-2-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-focused-page-2-top: var( --scw-spacing-5 );",
+      "outputSegment": "$top: var( --scw-spacing-5 );",
+      "outputSegmentRef": "focused-page-2-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-focused-page-2-top-percent: 39.29%;",
+      "outputSegment": "$top-percent: 39.29%;",
+      "outputSegmentRef": "focused-page-2-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-focused-page-2-bottom: var( --scw-spacing-8 );",
+      "outputSegment": "$bottom: var( --scw-spacing-8 );",
+      "outputSegmentRef": "focused-page-2-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-focused-page-2-left: var( --scw-spacing-2 );",
+      "outputSegment": "$left: var( --scw-spacing-2 );",
+      "outputSegmentRef": "focused-page-2-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-focused-page-2-left-percent: 46.86%;",
+      "outputSegment": "$left-percent: 46.86%;",
+      "outputSegmentRef": "focused-page-2-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-focused-page-2-right: calc( var( --scw-spacing-1 ) * 3.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.3 );",
+      "outputSegmentRef": "focused-page-2-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-focused-page-2-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "focused-page-2-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-focused-page-2-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "focused-page-2-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-focused-page-2-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "focused-page-2-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-focused-page-2-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "focused-page-2-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-vars",
+      "namespace": "focused-page-2-scw-stepper-item-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-background-color: rgba(255,255,255,1);",
+      "outputSegment": "$background-color: rgba(255,255,255,1);",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$blend-mode"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-layout-align: INHERIT;",
+      "outputSegment": "$layout-align: INHERIT;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-left-percent: 3.25%;",
+      "outputSegment": "$left-percent: 3.25%;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-right: calc( var( --scw-spacing-1 ) * 14.4 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 14.4 );",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$padding-bottom"
+    },
+    "margin-right": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-margin-right: 0px;",
+      "outputSegment": "$margin-right: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-vars.$margin-right"
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-2-scw-stepper-item-circle-vars",
+      "namespace": "focused-page-2-scw-stepper-item-circle-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-background-color: var( --scw-color-grey-092 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-092 );",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$blend-mode"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-corner-radius-top-left: 50%;",
+      "outputSegment": "$corner-radius-top-left: 50%;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-corner-radius-top-right: 50%;",
+      "outputSegment": "$corner-radius-top-right: 50%;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-corner-radius-bottom-right: 50%;",
+      "outputSegment": "$corner-radius-bottom-right: 50%;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-corner-radius-bottom-left: 50%;",
+      "outputSegment": "$corner-radius-bottom-left: 50%;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-constraint-horizontal: STRETCH;",
+      "outputSegment": "$constraint-horizontal: STRETCH;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-constraint-vertical: STRETCH;",
+      "outputSegment": "$constraint-vertical: STRETCH;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-focused-page-2-scw-stepper-item-circle-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "focused-page-2-scw-stepper-item-circle-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-focused-page-3-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-3-vars",
+      "namespace": "focused-page-3-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-focused-page-3-background-color: rgba(255,255,255,1);",
+      "outputSegment": "$background-color: rgba(255,255,255,1);",
+      "outputSegmentRef": "focused-page-3-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-focused-page-3-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "focused-page-3-vars.$blend-mode"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-focused-page-3-width: 154px;",
+      "outputSegment": "$width: 154px;",
+      "outputSegmentRef": "focused-page-3-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-focused-page-3-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "focused-page-3-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-focused-page-3-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "focused-page-3-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-focused-page-3-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "focused-page-3-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-focused-page-3-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "focused-page-3-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-focused-page-3-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "focused-page-3-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-focused-page-3-layout-mode: HORIZONTAL;",
+      "outputSegment": "$layout-mode: HORIZONTAL;",
+      "outputSegmentRef": "focused-page-3-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-3-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-3-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-3-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-3-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-focused-page-3-item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+      "outputSegment": "$item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+      "outputSegmentRef": "focused-page-3-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-focused-page-3-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "focused-page-3-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-focused-page-3-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "focused-page-3-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-focused-page-3-top: var( --scw-spacing-8 );",
+      "outputSegment": "$top: var( --scw-spacing-8 );",
+      "outputSegmentRef": "focused-page-3-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-focused-page-3-top-percent: 60.71%;",
+      "outputSegment": "$top-percent: 60.71%;",
+      "outputSegmentRef": "focused-page-3-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-focused-page-3-bottom: var( --scw-spacing-5 );",
+      "outputSegment": "$bottom: var( --scw-spacing-5 );",
+      "outputSegmentRef": "focused-page-3-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-focused-page-3-left: var( --scw-spacing-2 );",
+      "outputSegment": "$left: var( --scw-spacing-2 );",
+      "outputSegmentRef": "focused-page-3-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-focused-page-3-left-percent: 46.86%;",
+      "outputSegment": "$left-percent: 46.86%;",
+      "outputSegmentRef": "focused-page-3-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-focused-page-3-right: calc( var( --scw-spacing-1 ) * 3.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.3 );",
+      "outputSegmentRef": "focused-page-3-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-focused-page-3-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "focused-page-3-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-focused-page-3-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "focused-page-3-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-focused-page-3-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "focused-page-3-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-focused-page-3-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "focused-page-3-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-vars",
+      "namespace": "focused-page-3-scw-stepper-item-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-background-color: rgba(255,255,255,1);",
+      "outputSegment": "$background-color: rgba(255,255,255,1);",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$blend-mode"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-layout-align: INHERIT;",
+      "outputSegment": "$layout-align: INHERIT;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-left-percent: 3.25%;",
+      "outputSegment": "$left-percent: 3.25%;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-right: calc( var( --scw-spacing-1 ) * 14.4 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 14.4 );",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$padding-bottom"
+    },
+    "margin-right": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-margin-right: 0px;",
+      "outputSegment": "$margin-right: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$margin-right"
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-circle-vars",
+      "namespace": "focused-page-3-scw-stepper-item-circle-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-background-color: var( --scw-color-grey-092 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-092 );",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$blend-mode"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-corner-radius-top-left: 50%;",
+      "outputSegment": "$corner-radius-top-left: 50%;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-corner-radius-top-right: 50%;",
+      "outputSegment": "$corner-radius-top-right: 50%;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-corner-radius-bottom-right: 50%;",
+      "outputSegment": "$corner-radius-bottom-right: 50%;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-corner-radius-bottom-left: 50%;",
+      "outputSegment": "$corner-radius-bottom-left: 50%;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-constraint-horizontal: STRETCH;",
+      "outputSegment": "$constraint-horizontal: STRETCH;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-constraint-vertical: STRETCH;",
+      "outputSegment": "$constraint-vertical: STRETCH;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-focused-page-4-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-4-vars",
+      "namespace": "focused-page-4-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-focused-page-4-background-color: rgba(255,255,255,1);",
+      "outputSegment": "$background-color: rgba(255,255,255,1);",
+      "outputSegmentRef": "focused-page-4-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-focused-page-4-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "focused-page-4-vars.$blend-mode"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-focused-page-4-width: 154px;",
+      "outputSegment": "$width: 154px;",
+      "outputSegmentRef": "focused-page-4-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-focused-page-4-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "focused-page-4-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-focused-page-4-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "focused-page-4-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-focused-page-4-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "focused-page-4-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-focused-page-4-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "focused-page-4-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-focused-page-4-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "focused-page-4-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-focused-page-4-layout-mode: HORIZONTAL;",
+      "outputSegment": "$layout-mode: HORIZONTAL;",
+      "outputSegmentRef": "focused-page-4-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-4-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-4-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-4-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-4-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-focused-page-4-item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+      "outputSegment": "$item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+      "outputSegmentRef": "focused-page-4-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-focused-page-4-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "focused-page-4-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-focused-page-4-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "focused-page-4-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-focused-page-4-top: var( --scw-spacing-11 );",
+      "outputSegment": "$top: var( --scw-spacing-11 );",
+      "outputSegmentRef": "focused-page-4-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-focused-page-4-top-percent: 82.14%;",
+      "outputSegment": "$top-percent: 82.14%;",
+      "outputSegmentRef": "focused-page-4-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-focused-page-4-bottom: var( --scw-spacing-2 );",
+      "outputSegment": "$bottom: var( --scw-spacing-2 );",
+      "outputSegmentRef": "focused-page-4-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-focused-page-4-left: var( --scw-spacing-2 );",
+      "outputSegment": "$left: var( --scw-spacing-2 );",
+      "outputSegmentRef": "focused-page-4-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-focused-page-4-left-percent: 46.86%;",
+      "outputSegment": "$left-percent: 46.86%;",
+      "outputSegmentRef": "focused-page-4-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-focused-page-4-right: calc( var( --scw-spacing-1 ) * 3.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.3 );",
+      "outputSegmentRef": "focused-page-4-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-focused-page-4-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "focused-page-4-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-focused-page-4-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "focused-page-4-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-focused-page-4-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "focused-page-4-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-focused-page-4-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "focused-page-4-vars.$padding-bottom"
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-vars",
+      "namespace": "focused-page-4-scw-stepper-item-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-background-color: rgba(255,255,255,1);",
+      "outputSegment": "$background-color: rgba(255,255,255,1);",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$blend-mode"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-layout-align: INHERIT;",
+      "outputSegment": "$layout-align: INHERIT;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-left-percent: 3.25%;",
+      "outputSegment": "$left-percent: 3.25%;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-right: calc( var( --scw-spacing-1 ) * 14.4 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 14.4 );",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$padding-bottom"
+    },
+    "margin-right": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-margin-right: 0px;",
+      "outputSegment": "$margin-right: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-vars.$margin-right"
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-circle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-circle-vars",
+      "namespace": "focused-page-4-scw-stepper-item-circle-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-background-color: var( --scw-color-grey-092 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-092 );",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$blend-mode"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-corner-radius-top-left: 50%;",
+      "outputSegment": "$corner-radius-top-left: 50%;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-corner-radius-top-right: 50%;",
+      "outputSegment": "$corner-radius-top-right: 50%;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-corner-radius-bottom-right: 50%;",
+      "outputSegment": "$corner-radius-bottom-right: 50%;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-corner-radius-bottom-left: 50%;",
+      "outputSegment": "$corner-radius-bottom-left: 50%;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-width: 10px;",
+      "outputSegment": "$width: 10px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-height: 10px;",
+      "outputSegment": "$height: 10px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-constraint-horizontal: STRETCH;",
+      "outputSegment": "$constraint-horizontal: STRETCH;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-constraint-vertical: STRETCH;",
+      "outputSegment": "$constraint-vertical: STRETCH;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-layout-context: ABSOLUTE;",
+      "outputSegment": "$layout-context: ABSOLUTE;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-stepper-focused-page-4-scw-stepper-item-circle-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-vars.$padding-bottom"
+    }
+  },
   "components-scw-input-": {
     "module-info": {
       "output": "",