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

scu-web-components 0.0.75 → 0.0.77

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

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

@@ -4657,18 +4657,18 @@
       "outputSegmentRef": "default-icon-vector-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--sizing {\n  width: 41.6666px;\n  height: 41.6667px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 41.6666px;\n  height: 41.6667px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--sizing {\n  width: 41.667px;\n  height: 41.666px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 41.667px;\n  height: 41.666px;\n}",
       "outputSegmentRef": "default-icon-vector-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--width {\n  width: 41.6666px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 41.6666px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--width {\n  width: 41.667px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 41.667px;\n}",
       "outputSegmentRef": "default-icon-vector-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--height {\n  height: 41.6667px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 41.6667px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--height {\n  height: 41.666px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 41.666px;\n}",
       "outputSegmentRef": "default-icon-vector-mixins.height"
     },
     "padding": {
@@ -4682,18 +4682,18 @@
       "outputSegmentRef": "default-icon-vector-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 ); \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 ); \n}",
+      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416796875 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416796875 ); \n}",
       "outputSegmentRef": "default-icon-vector-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n}",
+      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
       "outputSegmentRef": "default-icon-vector-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n}",
+      "output": "\n@mixin comp-scw-icon-v2-default-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
       "outputSegmentRef": "default-icon-vector-mixins.html-autolayout-padding"
     }
   },
@@ -4813,18 +4813,18 @@
       "outputSegmentRef": "state-hover-icon-vector-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--sizing {\n  width: 41.6666px;\n  height: 41.6667px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 41.6666px;\n  height: 41.6667px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--sizing {\n  width: 41.667px;\n  height: 41.666px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 41.667px;\n  height: 41.666px;\n}",
       "outputSegmentRef": "state-hover-icon-vector-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--width {\n  width: 41.6666px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 41.6666px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--width {\n  width: 41.667px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 41.667px;\n}",
       "outputSegmentRef": "state-hover-icon-vector-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--height {\n  height: 41.6667px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 41.6667px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--height {\n  height: 41.666px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 41.666px;\n}",
       "outputSegmentRef": "state-hover-icon-vector-mixins.height"
     },
     "padding": {
@@ -4838,18 +4838,18 @@
       "outputSegmentRef": "state-hover-icon-vector-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 ); \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 ); \n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416796875 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416796875 ); \n}",
       "outputSegmentRef": "state-hover-icon-vector-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
       "outputSegmentRef": "state-hover-icon-vector-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-hover-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
       "outputSegmentRef": "state-hover-icon-vector-mixins.html-autolayout-padding"
     }
   },
@@ -4969,18 +4969,18 @@
       "outputSegmentRef": "state-focused-icon-vector-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--sizing {\n  width: 41.6666px;\n  height: 41.6665px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 41.6666px;\n  height: 41.6665px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--sizing {\n  width: 41.667px;\n  height: 41.666px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 41.667px;\n  height: 41.666px;\n}",
       "outputSegmentRef": "state-focused-icon-vector-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--width {\n  width: 41.6666px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 41.6666px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--width {\n  width: 41.667px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 41.667px;\n}",
       "outputSegmentRef": "state-focused-icon-vector-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--height {\n  height: 41.6665px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 41.6665px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--height {\n  height: 41.666px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 41.666px;\n}",
       "outputSegmentRef": "state-focused-icon-vector-mixins.height"
     },
     "padding": {
@@ -4994,18 +4994,18 @@
       "outputSegmentRef": "state-focused-icon-vector-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 ); \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 ); \n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416796875 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416796875 ); \n}",
       "outputSegmentRef": "state-focused-icon-vector-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
       "outputSegmentRef": "state-focused-icon-vector-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-focused-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
       "outputSegmentRef": "state-focused-icon-vector-mixins.html-autolayout-padding"
     }
   },
@@ -5125,18 +5125,18 @@
       "outputSegmentRef": "state-disabled-icon-vector-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--sizing {\n  width: 41.6666px;\n  height: 41.6665px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 41.6666px;\n  height: 41.6665px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--sizing {\n  width: 41.667px;\n  height: 41.666px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 41.667px;\n  height: 41.666px;\n}",
       "outputSegmentRef": "state-disabled-icon-vector-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--width {\n  width: 41.6666px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 41.6666px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--width {\n  width: 41.667px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 41.667px;\n}",
       "outputSegmentRef": "state-disabled-icon-vector-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--height {\n  height: 41.6665px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 41.6665px;\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--height {\n  height: 41.666px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 41.666px;\n}",
       "outputSegmentRef": "state-disabled-icon-vector-mixins.height"
     },
     "padding": {
@@ -5150,18 +5150,18 @@
       "outputSegmentRef": "state-disabled-icon-vector-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 ); \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 ); \n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416796875 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.416796875 ); \n}",
       "outputSegmentRef": "state-disabled-icon-vector-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
       "outputSegmentRef": "state-disabled-icon-vector-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n}",
+      "output": "\n@mixin comp-scw-icon-v2-state-disabled-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );\n}",
       "outputSegmentRef": "state-disabled-icon-vector-mixins.html-autolayout-padding"
     }
   },
@@ -5333,18 +5333,18 @@
       "outputSegmentRef": "default-icon-vector-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-icon-default-icon-vector--sizing {\n  width: 41.6665px;\n  height: 41.6666px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 41.6665px;\n  height: 41.6666px;\n}",
+      "output": "\n@mixin comp-scw-icon-default-icon-vector--sizing {\n  width: 41.6666px;\n  height: 41.667px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 41.6666px;\n  height: 41.667px;\n}",
       "outputSegmentRef": "default-icon-vector-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-icon-default-icon-vector--width {\n  width: 41.6665px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 41.6665px;\n}",
+      "output": "\n@mixin comp-scw-icon-default-icon-vector--width {\n  width: 41.6666px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 41.6666px;\n}",
       "outputSegmentRef": "default-icon-vector-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-icon-default-icon-vector--height {\n  height: 41.6666px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 41.6666px;\n}",
+      "output": "\n@mixin comp-scw-icon-default-icon-vector--height {\n  height: 41.667px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 41.667px;\n}",
       "outputSegmentRef": "default-icon-vector-mixins.height"
     },
     "padding": {
@@ -5358,18 +5358,18 @@
       "outputSegmentRef": "default-icon-vector-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-default-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  right: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  top: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.4166748046875 ); \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  right: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  top: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.4166748046875 ); \n}",
+      "output": "\n@mixin comp-scw-icon-default-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  top: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.4166015625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  top: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.4166015625 ); \n}",
       "outputSegmentRef": "default-icon-vector-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-default-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n}",
+      "output": "\n@mixin comp-scw-icon-default-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n}",
       "outputSegmentRef": "default-icon-vector-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-default-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.416650390625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n}",
+      "output": "\n@mixin comp-scw-icon-default-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.41669921875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4166015625 );\n}",
       "outputSegmentRef": "default-icon-vector-mixins.html-autolayout-padding"
     }
   },
@@ -25880,8 +25880,8 @@
       "namespace": "default-text-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-rich-text-default-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-rich-text-default-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "default-text-mixins.text"
     },
     "sizing": {
@@ -25979,8 +25979,8 @@
       "namespace": "size-h2-text-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-rich-text-size-h2-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-09-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-09-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-rich-text-size-h2-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-09-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-09-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "size-h2-text-mixins.text"
     },
     "sizing": {
@@ -26078,8 +26078,8 @@
       "namespace": "size-h3-text-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-rich-text-size-h3-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-rich-text-size-h3-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "size-h3-text-mixins.text"
     },
     "sizing": {
@@ -26672,8 +26672,8 @@
       "namespace": "size-link-text-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-rich-text-size-link-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1.125rem/1.688rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1.125rem/1.688rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-rich-text-size-link-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1.125rem/1.688rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1.125rem/1.688rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "size-link-text-mixins.text"
     },
     "sizing": {
@@ -26771,8 +26771,8 @@
       "namespace": "size-table-header-row-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-rich-text-size-table-header-row (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 6px 6px 0px 0px;\n  align-self: stretch; \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 6px 6px 0px 0px;\n  align-self: stretch; \n}",
+      "output": "\n@mixin comp-scw-rich-text-size-table-header-row (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-grey-03 ) );\n  } @else {\n    background-color: var( --scw-color-grey-03 );\n  }\n  border-radius: 6px 6px 0px 0px;\n  align-self: stretch; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-grey-03 ) );\n  } @else {\n    background-color: var( --scw-color-grey-03 );\n  }\n  border-radius: 6px 6px 0px 0px;\n  align-self: stretch; \n}",
       "outputSegmentRef": "size-table-header-row-mixins.box"
     },
     "sizing": {
@@ -30150,8 +30150,8 @@
       "namespace": "default-text-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-base-heading-default-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-base-heading-default-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "default-text-mixins.text"
     },
     "sizing": {
@@ -40174,8 +40174,8 @@
       "outputSegmentRef": "index-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-link-base--sizing {\n  width: 392px;\n  height: 364px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 392px;\n  height: 364px;\n}",
+      "output": "\n@mixin comp-scw-link-base--sizing {\n  width: 392px;\n  height: 454px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 392px;\n  height: 454px;\n}",
       "outputSegmentRef": "index-mixins.sizing"
     },
     "width": {
@@ -40184,8 +40184,8 @@
       "outputSegmentRef": "index-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-link-base--height {\n  height: 364px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 364px;\n}",
+      "output": "\n@mixin comp-scw-link-base--height {\n  height: 454px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 454px;\n}",
       "outputSegmentRef": "index-mixins.height"
     },
     "padding": {
@@ -40221,8 +40221,8 @@
       "namespace": "default-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-default (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-default (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    background-color: var( --scw-color-primary-07 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    border-color: var( --scw-color-primary-07 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    background-color: var( --scw-color-primary-07 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    border-color: var( --scw-color-primary-07 );\n  } \n}",
       "outputSegmentRef": "default-mixins.box"
     },
     "sizing": {
@@ -40256,13 +40256,13 @@
       "outputSegmentRef": "default-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-default--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-default--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
       "outputSegmentRef": "default-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-default--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-default--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
       "outputSegmentRef": "default-mixins.html-autolayout-padding"
     }
   },
@@ -40308,13 +40308,13 @@
       "outputSegmentRef": "default-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-default-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-default-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "default-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-default-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-default-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "default-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -40377,8 +40377,8 @@
       "namespace": "default-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-default-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-default-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "default-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -40429,8 +40429,8 @@
       "namespace": "default-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-default-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-default-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "default-label-mixins.box"
     },
     "sizing": {
@@ -40481,8 +40481,8 @@
       "namespace": "default-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-default-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-default-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "default-label-label-mixins.text"
     },
     "sizing": {
@@ -40563,13 +40563,13 @@
       "outputSegmentRef": "default-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-default-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-default-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "default-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-default-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-default-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "default-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -40632,8 +40632,8 @@
       "namespace": "default-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-default-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-default-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "default-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -40684,8 +40684,8 @@
       "namespace": "state-hover-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-state-hover (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    background-color: var( --scw-color-primary-02 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    border-color: var( --scw-color-primary-02 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    background-color: var( --scw-color-primary-02 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    border-color: var( --scw-color-primary-02 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-06 , var( --scw-color-primary-06 ) );\n  } @else {\n    background-color: var( --scw-color-primary-06 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-06 , var( --scw-color-primary-06 ) );\n  } @else {\n    border-color: var( --scw-color-primary-06 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-06 , var( --scw-color-primary-06 ) );\n  } @else {\n    background-color: var( --scw-color-primary-06 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-06 , var( --scw-color-primary-06 ) );\n  } @else {\n    border-color: var( --scw-color-primary-06 );\n  } \n}",
       "outputSegmentRef": "state-hover-mixins.box"
     },
     "sizing": {
@@ -40719,13 +40719,13 @@
       "outputSegmentRef": "state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
       "outputSegmentRef": "state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
       "outputSegmentRef": "state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -40771,13 +40771,13 @@
       "outputSegmentRef": "state-hover-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-state-hover-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-hover-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-state-hover-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-hover-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -40840,8 +40840,8 @@
       "namespace": "state-hover-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-state-hover-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "state-hover-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -40892,8 +40892,8 @@
       "namespace": "state-hover-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-state-hover-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "state-hover-label-mixins.box"
     },
     "sizing": {
@@ -40944,8 +40944,8 @@
       "namespace": "state-hover-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-state-hover-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "state-hover-label-label-mixins.text"
     },
     "sizing": {
@@ -41026,13 +41026,13 @@
       "outputSegmentRef": "state-hover-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-state-hover-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-hover-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-state-hover-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-hover-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -41095,8 +41095,8 @@
       "namespace": "state-hover-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-state-hover-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-hover-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "state-hover-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -41147,8 +41147,8 @@
       "namespace": "state-focused-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-state-focused (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    background-color: var( --scw-color-primary-07 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    border-color: var( --scw-color-primary-07 );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    background-color: var( --scw-color-primary-07 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    border-color: var( --scw-color-primary-07 );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
       "outputSegmentRef": "state-focused-mixins.box"
     },
     "sizing": {
@@ -41182,13 +41182,13 @@
       "outputSegmentRef": "state-focused-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
       "outputSegmentRef": "state-focused-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
       "outputSegmentRef": "state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -41234,13 +41234,13 @@
       "outputSegmentRef": "state-focused-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-state-focused-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-focused-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-state-focused-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-focused-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -41303,8 +41303,8 @@
       "namespace": "state-focused-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-state-focused-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "state-focused-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -41355,8 +41355,8 @@
       "namespace": "state-focused-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-state-focused-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "state-focused-label-mixins.box"
     },
     "sizing": {
@@ -41407,8 +41407,8 @@
       "namespace": "state-focused-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-state-focused-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "state-focused-label-label-mixins.text"
     },
     "sizing": {
@@ -41489,13 +41489,13 @@
       "outputSegmentRef": "state-focused-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-state-focused-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-focused-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-state-focused-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-focused-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -41558,8 +41558,8 @@
       "namespace": "state-focused-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-state-focused-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "state-focused-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -41610,8 +41610,8 @@
       "namespace": "state-disabled-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-state-disabled (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    background-color: var( --scw-color-grey-095 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    border-color: var( --scw-color-grey-095 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    background-color: var( --scw-color-grey-095 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    border-color: var( --scw-color-grey-095 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-disabled (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    border-color: var( --scw-color-grey-092 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    border-color: var( --scw-color-grey-092 );\n  } \n}",
       "outputSegmentRef": "state-disabled-mixins.box"
     },
     "sizing": {
@@ -41645,13 +41645,13 @@
       "outputSegmentRef": "state-disabled-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
       "outputSegmentRef": "state-disabled-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
       "outputSegmentRef": "state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -41697,13 +41697,13 @@
       "outputSegmentRef": "state-disabled-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-state-disabled-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-disabled-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-disabled-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-state-disabled-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-disabled-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-disabled-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -41818,8 +41818,8 @@
       "namespace": "state-disabled-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-state-disabled-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-disabled-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "state-disabled-label-mixins.box"
     },
     "sizing": {
@@ -41870,8 +41870,8 @@
       "namespace": "state-disabled-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-state-disabled-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    color: var( --scw-color-grey-08 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    color: var( --scw-color-grey-08 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-state-disabled-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    color: var( --scw-color-grey-07 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    color: var( --scw-color-grey-07 );\n  } \n}",
       "outputSegmentRef": "state-disabled-label-label-mixins.text"
     },
     "sizing": {
@@ -41952,13 +41952,13 @@
       "outputSegmentRef": "state-disabled-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-state-disabled-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-disabled-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-disabled-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-state-disabled-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-state-disabled-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "state-disabled-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -42073,8 +42073,8 @@
       "namespace": "design-outline-state-disabled-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    background-color: var( --scw-color-grey-095 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    border-color: var( --scw-color-grey-095 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    background-color: var( --scw-color-grey-095 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    border-color: var( --scw-color-grey-095 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    border-color: var( --scw-color-grey-092 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    border-color: var( --scw-color-grey-092 );\n  } \n}",
       "outputSegmentRef": "design-outline-state-disabled-mixins.box"
     },
     "sizing": {
@@ -42108,13 +42108,13 @@
       "outputSegmentRef": "design-outline-state-disabled-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
       "outputSegmentRef": "design-outline-state-disabled-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 29.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
       "outputSegmentRef": "design-outline-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -42160,13 +42160,13 @@
       "outputSegmentRef": "design-outline-state-disabled-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-disabled-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-disabled-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -42281,8 +42281,8 @@
       "namespace": "design-outline-state-disabled-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-outline-state-disabled-label-mixins.box"
     },
     "sizing": {
@@ -42333,8 +42333,8 @@
       "namespace": "design-outline-state-disabled-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    color: var( --scw-color-grey-08 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    color: var( --scw-color-grey-08 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    color: var( --scw-color-grey-07 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    color: var( --scw-color-grey-07 );\n  } \n}",
       "outputSegmentRef": "design-outline-state-disabled-label-label-mixins.text"
     },
     "sizing": {
@@ -42415,13 +42415,13 @@
       "outputSegmentRef": "design-outline-state-disabled-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-disabled-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-disabled-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-disabled-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -42536,8 +42536,8 @@
       "namespace": "design-outline-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    border-color: var( --scw-color-grey-08 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    border-color: var( --scw-color-grey-08 );\n  } \n}",
       "outputSegmentRef": "design-outline-mixins.box"
     },
     "sizing": {
@@ -42571,13 +42571,13 @@
       "outputSegmentRef": "design-outline-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
       "outputSegmentRef": "design-outline-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
       "outputSegmentRef": "design-outline-mixins.html-autolayout-padding"
     }
   },
@@ -42623,13 +42623,13 @@
       "outputSegmentRef": "design-outline-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -42692,8 +42692,8 @@
       "namespace": "design-outline-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-outline-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -42744,8 +42744,8 @@
       "namespace": "design-outline-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-outline-label-mixins.box"
     },
     "sizing": {
@@ -42796,8 +42796,8 @@
       "namespace": "design-outline-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-outline-label-label-mixins.text"
     },
     "sizing": {
@@ -42878,13 +42878,13 @@
       "outputSegmentRef": "design-outline-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -42947,8 +42947,8 @@
       "namespace": "design-outline-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-outline-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -42999,8 +42999,8 @@
       "namespace": "design-outline-state-focused-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    border-color: var( --scw-color-grey-08 );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    border-color: var( --scw-color-grey-08 );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
       "outputSegmentRef": "design-outline-state-focused-mixins.box"
     },
     "sizing": {
@@ -43034,13 +43034,13 @@
       "outputSegmentRef": "design-outline-state-focused-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
       "outputSegmentRef": "design-outline-state-focused-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 11.6 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
       "outputSegmentRef": "design-outline-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -43086,13 +43086,13 @@
       "outputSegmentRef": "design-outline-state-focused-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-focused-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-focused-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -43155,8 +43155,8 @@
       "namespace": "design-outline-state-focused-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-outline-state-focused-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -43207,8 +43207,8 @@
       "namespace": "design-outline-state-focused-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-outline-state-focused-label-mixins.box"
     },
     "sizing": {
@@ -43259,8 +43259,8 @@
       "namespace": "design-outline-state-focused-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-outline-state-focused-label-label-mixins.text"
     },
     "sizing": {
@@ -43341,13 +43341,13 @@
       "outputSegmentRef": "design-outline-state-focused-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-focused-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-focused-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -43410,8 +43410,8 @@
       "namespace": "design-outline-state-focused-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-outline-state-focused-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -43462,8 +43462,8 @@
       "namespace": "design-outline-state-hover-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    border-color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    border-color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    border-color: var( --scw-color-grey-08 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    border-color: var( --scw-color-grey-08 );\n  } \n}",
       "outputSegmentRef": "design-outline-state-hover-mixins.box"
     },
     "sizing": {
@@ -43497,13 +43497,13 @@
       "outputSegmentRef": "design-outline-state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
       "outputSegmentRef": "design-outline-state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.4 );\n}",
       "outputSegmentRef": "design-outline-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -43549,13 +43549,13 @@
       "outputSegmentRef": "design-outline-state-hover-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-hover-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-hover-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -43618,8 +43618,8 @@
       "namespace": "design-outline-state-hover-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-outline-state-hover-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -43670,8 +43670,8 @@
       "namespace": "design-outline-state-hover-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-outline-state-hover-label-mixins.box"
     },
     "sizing": {
@@ -43722,8 +43722,8 @@
       "namespace": "design-outline-state-hover-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-outline-state-hover-label-label-mixins.text"
     },
     "sizing": {
@@ -43804,13 +43804,13 @@
       "outputSegmentRef": "design-outline-state-hover-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-hover-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "design-outline-state-hover-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -43873,8 +43873,8 @@
       "namespace": "design-outline-state-hover-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-hover-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-outline-state-hover-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -43960,13 +43960,13 @@
       "outputSegmentRef": "design-block-link-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
       "outputSegmentRef": "design-block-link-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
       "outputSegmentRef": "design-block-link-mixins.html-autolayout-padding"
     }
   },
@@ -44012,13 +44012,13 @@
       "outputSegmentRef": "design-block-link-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -44081,8 +44081,8 @@
       "namespace": "design-block-link-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-block-link-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -44133,8 +44133,8 @@
       "namespace": "design-block-link-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-block-link-label-mixins.box"
     },
     "sizing": {
@@ -44185,8 +44185,8 @@
       "namespace": "design-block-link-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-block-link-label-label-mixins.text"
     },
     "sizing": {
@@ -44267,13 +44267,13 @@
       "outputSegmentRef": "design-block-link-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -44336,8 +44336,8 @@
       "namespace": "design-block-link-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-block-link-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -44423,13 +44423,13 @@
       "outputSegmentRef": "design-block-link-state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
       "outputSegmentRef": "design-block-link-state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
       "outputSegmentRef": "design-block-link-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -44475,13 +44475,13 @@
       "outputSegmentRef": "design-block-link-state-hover-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-hover-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-hover-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -44544,8 +44544,8 @@
       "namespace": "design-block-link-state-hover-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-block-link-state-hover-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -44596,8 +44596,8 @@
       "namespace": "design-block-link-state-hover-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-block-link-state-hover-label-mixins.box"
     },
     "sizing": {
@@ -44648,8 +44648,8 @@
       "namespace": "design-block-link-state-hover-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    color: var( --scw-color-primary-02 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    color: var( --scw-color-primary-02 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-block-link-state-hover-label-label-mixins.text"
     },
     "sizing": {
@@ -44730,13 +44730,13 @@
       "outputSegmentRef": "design-block-link-state-hover-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-hover-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-hover-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -44799,8 +44799,8 @@
       "namespace": "design-block-link-state-hover-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-block-link-state-hover-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -44886,13 +44886,13 @@
       "outputSegmentRef": "design-block-link-state-disabled-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
       "outputSegmentRef": "design-block-link-state-disabled-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
       "outputSegmentRef": "design-block-link-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -44938,13 +44938,13 @@
       "outputSegmentRef": "design-block-link-state-disabled-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-disabled-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-disabled-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -45007,8 +45007,8 @@
       "namespace": "design-block-link-state-disabled-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    background-color: var( --scw-color-grey-08 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    background-color: var( --scw-color-grey-08 );\n  } \n}",
       "outputSegmentRef": "design-block-link-state-disabled-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -45059,8 +45059,8 @@
       "namespace": "design-block-link-state-disabled-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-block-link-state-disabled-label-mixins.box"
     },
     "sizing": {
@@ -45193,13 +45193,13 @@
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -45262,8 +45262,8 @@
       "namespace": "design-block-link-state-disabled-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    background-color: var( --scw-color-grey-08 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    background-color: var( --scw-color-grey-08 );\n  } \n}",
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -45349,13 +45349,13 @@
       "outputSegmentRef": "design-block-link-state-focused-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
       "outputSegmentRef": "design-block-link-state-focused-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 27.6 );\n}",
       "outputSegmentRef": "design-block-link-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -45401,13 +45401,13 @@
       "outputSegmentRef": "design-block-link-state-focused-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-focused-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-focused-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -45470,8 +45470,8 @@
       "namespace": "design-block-link-state-focused-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-block-link-state-focused-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -45522,8 +45522,8 @@
       "namespace": "design-block-link-state-focused-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-block-link-state-focused-label-mixins.box"
     },
     "sizing": {
@@ -45574,8 +45574,8 @@
       "namespace": "design-block-link-state-focused-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    color: var( --scw-color-primary-02 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    color: var( --scw-color-primary-02 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-block-link-state-focused-label-label-mixins.text"
     },
     "sizing": {
@@ -45656,13 +45656,13 @@
       "outputSegmentRef": "design-block-link-state-focused-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-focused-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * -4.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "design-block-link-state-focused-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -45725,8 +45725,8 @@
       "namespace": "design-block-link-state-focused-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-block-link-state-focused-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -45812,13 +45812,13 @@
       "outputSegmentRef": "design-link-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.8 );\n}",
       "outputSegmentRef": "design-link-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.65 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.8 );\n}",
       "outputSegmentRef": "design-link-mixins.html-autolayout-padding"
     }
   },
@@ -45864,13 +45864,13 @@
       "outputSegmentRef": "design-link-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -45933,8 +45933,8 @@
       "namespace": "design-link-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-link-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -45985,8 +45985,8 @@
       "namespace": "design-link-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-link-label-mixins.box"
     },
     "sizing": {
@@ -46037,8 +46037,8 @@
       "namespace": "design-link-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-design-link-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-link-label-label-mixins.text"
     },
     "sizing": {
@@ -46119,13 +46119,13 @@
       "outputSegmentRef": "design-link-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  margin-right: var( --scw-spacing--4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  margin-right: var( --scw-spacing--4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  padding-right: var( --scw-spacing--4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  padding-right: var( --scw-spacing--4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -46188,8 +46188,8 @@
       "namespace": "design-link-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-link-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -46275,13 +46275,13 @@
       "outputSegmentRef": "design-link-state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 13.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 13.7 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.7 );\n}",
       "outputSegmentRef": "design-link-state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 13.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 13.7 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.7 );\n}",
       "outputSegmentRef": "design-link-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -46327,13 +46327,13 @@
       "outputSegmentRef": "design-link-state-hover-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-hover-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-hover-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -46396,8 +46396,8 @@
       "namespace": "design-link-state-hover-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-link-state-hover-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -46448,8 +46448,8 @@
       "namespace": "design-link-state-hover-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-link-state-hover-label-mixins.box"
     },
     "sizing": {
@@ -46500,8 +46500,8 @@
       "namespace": "design-link-state-hover-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    color: var( --scw-color-primary-02 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    color: var( --scw-color-primary-02 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-link-state-hover-label-label-mixins.text"
     },
     "sizing": {
@@ -46582,13 +46582,13 @@
       "outputSegmentRef": "design-link-state-hover-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  margin-right: var( --scw-spacing--4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  margin-right: var( --scw-spacing--4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-hover-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  padding-right: var( --scw-spacing--4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  padding-right: var( --scw-spacing--4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-hover-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -46651,8 +46651,8 @@
       "namespace": "design-link-state-hover-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-link-state-hover-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -46738,13 +46738,13 @@
       "outputSegmentRef": "design-link-state-disabled-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.8 );\n}",
       "outputSegmentRef": "design-link-state-disabled-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.3 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.8 );\n}",
       "outputSegmentRef": "design-link-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -46790,13 +46790,13 @@
       "outputSegmentRef": "design-link-state-disabled-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-disabled-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-disabled-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -46859,8 +46859,8 @@
       "namespace": "design-link-state-disabled-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    background-color: var( --scw-color-grey-08 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    background-color: var( --scw-color-grey-08 );\n  } \n}",
       "outputSegmentRef": "design-link-state-disabled-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -46911,8 +46911,8 @@
       "namespace": "design-link-state-disabled-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-link-state-disabled-label-mixins.box"
     },
     "sizing": {
@@ -47045,13 +47045,13 @@
       "outputSegmentRef": "design-link-state-disabled-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  margin-right: var( --scw-spacing--4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  margin-right: var( --scw-spacing--4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-disabled-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  padding-right: var( --scw-spacing--4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  padding-right: var( --scw-spacing--4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-disabled-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -47114,8 +47114,8 @@
       "namespace": "design-link-state-disabled-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    background-color: var( --scw-color-grey-08 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    background-color: var( --scw-color-grey-08 );\n  } \n}",
       "outputSegmentRef": "design-link-state-disabled-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -47201,13 +47201,13 @@
       "outputSegmentRef": "design-link-state-focused-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 13.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 13.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.6 );\n}",
       "outputSegmentRef": "design-link-state-focused-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 13.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 13.6 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.6 );\n}",
       "outputSegmentRef": "design-link-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -47253,13 +47253,13 @@
       "outputSegmentRef": "design-link-state-focused-left-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-focused-left-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-focused-left-icon-mixins.html-autolayout-padding"
     }
   },
@@ -47322,8 +47322,8 @@
       "namespace": "design-link-state-focused-left-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-link-state-focused-left-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -47374,8 +47374,8 @@
       "namespace": "design-link-state-focused-label-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-label (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
       "outputSegmentRef": "design-link-state-focused-label-mixins.box"
     },
     "sizing": {
@@ -47426,8 +47426,8 @@
       "namespace": "design-link-state-focused-label-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    color: var( --scw-color-primary-02 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    color: var( --scw-color-primary-02 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-label-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1rem/1.25rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-link-state-focused-label-label-mixins.text"
     },
     "sizing": {
@@ -47508,13 +47508,13 @@
       "outputSegmentRef": "design-link-state-focused-right-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  margin-right: var( --scw-spacing--4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  margin-right: var( --scw-spacing--4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-focused-right-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  padding-right: var( --scw-spacing--4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );\n  padding-right: var( --scw-spacing--4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * -2.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1 );\n}",
       "outputSegmentRef": "design-link-state-focused-right-icon-mixins.html-autolayout-padding"
     }
   },
@@ -47577,8 +47577,8 @@
       "namespace": "design-link-state-focused-right-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-link-state-focused-right-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -47629,8 +47629,8 @@
       "namespace": "design-solid-icon-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    background-color: var( --scw-color-primary-07 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    border-color: var( --scw-color-primary-07 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    background-color: var( --scw-color-primary-07 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    border-color: var( --scw-color-primary-07 );\n  } \n}",
       "outputSegmentRef": "design-solid-icon-mixins.box"
     },
     "sizing": {
@@ -47664,13 +47664,13 @@
       "outputSegmentRef": "design-solid-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
       "outputSegmentRef": "design-solid-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
       "outputSegmentRef": "design-solid-icon-mixins.html-autolayout-padding"
     }
   },
@@ -47785,8 +47785,8 @@
       "namespace": "design-solid-icon-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "design-solid-icon-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -47837,8 +47837,8 @@
       "namespace": "design-solid-icon-state-disabled-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-disabled (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    background-color: var( --scw-color-grey-095 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    border-color: var( --scw-color-grey-095 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    background-color: var( --scw-color-grey-095 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    border-color: var( --scw-color-grey-095 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-disabled (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    border-color: var( --scw-color-grey-095 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    border-color: var( --scw-color-grey-095 );\n  } \n}",
       "outputSegmentRef": "design-solid-icon-state-disabled-mixins.box"
     },
     "sizing": {
@@ -47872,13 +47872,13 @@
       "outputSegmentRef": "design-solid-icon-state-disabled-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.4 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.4 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.4 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.4 );\n  margin-right: var( --scw-spacing-4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
       "outputSegmentRef": "design-solid-icon-state-disabled-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.4 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.4 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.4 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.4 );\n  padding-right: var( --scw-spacing-4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
       "outputSegmentRef": "design-solid-icon-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -47993,8 +47993,8 @@
       "namespace": "design-solid-icon-state-disabled-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    background-color: var( --scw-color-grey-08 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-08 , var( --scw-color-grey-08 ) );\n  } @else {\n    background-color: var( --scw-color-grey-08 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  } \n}",
       "outputSegmentRef": "design-solid-icon-state-disabled-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -48045,8 +48045,8 @@
       "namespace": "design-solid-icon-state-hover-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-hover (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    background-color: var( --scw-color-primary-02 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    border-color: var( --scw-color-primary-02 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    background-color: var( --scw-color-primary-02 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    border-color: var( --scw-color-primary-02 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-hover (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-06 , var( --scw-color-primary-06 ) );\n  } @else {\n    background-color: var( --scw-color-primary-06 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-06 , var( --scw-color-primary-06 ) );\n  } @else {\n    border-color: var( --scw-color-primary-06 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-06 , var( --scw-color-primary-06 ) );\n  } @else {\n    background-color: var( --scw-color-primary-06 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-06 , var( --scw-color-primary-06 ) );\n  } @else {\n    border-color: var( --scw-color-primary-06 );\n  } \n}",
       "outputSegmentRef": "design-solid-icon-state-hover-mixins.box"
     },
     "sizing": {
@@ -48080,13 +48080,13 @@
       "outputSegmentRef": "design-solid-icon-state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
       "outputSegmentRef": "design-solid-icon-state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
       "outputSegmentRef": "design-solid-icon-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -48201,8 +48201,8 @@
       "namespace": "design-solid-icon-state-hover-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "design-solid-icon-state-hover-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -48253,8 +48253,8 @@
       "namespace": "design-solid-icon-state-focused-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-focused (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-focused (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    background-color: var( --scw-color-primary-07 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    border-color: var( --scw-color-primary-07 );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    background-color: var( --scw-color-primary-07 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    border-color: var( --scw-color-primary-07 );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
       "outputSegmentRef": "design-solid-icon-state-focused-mixins.box"
     },
     "sizing": {
@@ -48288,13 +48288,13 @@
       "outputSegmentRef": "design-solid-icon-state-focused-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
       "outputSegmentRef": "design-solid-icon-state-focused-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.8 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 24.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
       "outputSegmentRef": "design-solid-icon-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -48409,8 +48409,8 @@
       "namespace": "design-solid-icon-state-focused-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-focused-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-focused-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "design-solid-icon-state-focused-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -48496,13 +48496,13 @@
       "outputSegmentRef": "design-icon-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  margin-bottom: var( --scw-spacing-11 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  margin-bottom: var( --scw-spacing-11 );\n}",
       "outputSegmentRef": "design-icon-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  padding-bottom: var( --scw-spacing-11 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  padding-bottom: var( --scw-spacing-11 );\n}",
       "outputSegmentRef": "design-icon-mixins.html-autolayout-padding"
     }
   },
@@ -48617,8 +48617,8 @@
       "namespace": "design-icon-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-icon-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -48704,13 +48704,13 @@
       "outputSegmentRef": "design-icon-state-disabled-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  margin-bottom: var( --scw-spacing-11 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 31.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  margin-bottom: var( --scw-spacing-11 );\n}",
       "outputSegmentRef": "design-icon-state-disabled-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  padding-bottom: var( --scw-spacing-11 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 31.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.6 );\n  padding-bottom: var( --scw-spacing-11 );\n}",
       "outputSegmentRef": "design-icon-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -48912,13 +48912,13 @@
       "outputSegmentRef": "design-icon-state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 10.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 10.9 );\n}",
       "outputSegmentRef": "design-icon-state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 10.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 10.9 );\n}",
       "outputSegmentRef": "design-icon-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -49033,8 +49033,8 @@
       "namespace": "design-icon-state-hover-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-hover-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    background-color: var( --scw-color-primary-02 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-primary-02 ) );\n  } @else {\n    background-color: var( --scw-color-primary-02 );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-hover-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
       "outputSegmentRef": "design-icon-state-hover-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -49120,13 +49120,13 @@
       "outputSegmentRef": "design-icon-state-focused-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 10.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 10.9 );\n}",
       "outputSegmentRef": "design-icon-state-focused-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 10.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 22.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 13.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 10.9 );\n}",
       "outputSegmentRef": "design-icon-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -49241,8 +49241,8 @@
       "namespace": "design-icon-state-focused-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-focused-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  } \n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-focused-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
       "outputSegmentRef": "design-icon-state-focused-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -50147,8 +50147,8 @@
       "namespace": "clickable-text-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-icon-feature-base-clickable-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-icon-feature-base-clickable-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "clickable-text-mixins.text"
     },
     "sizing": {
@@ -50350,8 +50350,8 @@
       "namespace": "clickable-align-center-text-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-icon-feature-base-clickable-align-center-text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+      "output": "\n@mixin comp-scw-icon-feature-base-clickable-align-center-text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  align-self: stretch; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  align-self: stretch; \n}",
       "outputSegmentRef": "clickable-align-center-text-mixins.text"
     },
     "sizing": {
@@ -55372,5 +55372,1577 @@
       "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
       "outputSegmentRef": "align-horizontal-content-links-link-2-right-icon-mixins.html-autolayout-padding"
     }
+  },
+  "components-scw-callout-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/index-mixins",
+      "namespace": "index-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 5px 5px 5px 5px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , rgba(151,71,255,1) );\n  } @else {\n    border-color: rgba(151,71,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 5px 5px 5px 5px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , rgba(151,71,255,1) );\n  } @else {\n    border-color: rgba(151,71,255,1);\n  } \n}",
+      "outputSegmentRef": "index-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout--sizing {\n  width: 465px;\n  height: 412px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 465px;\n  height: 412px;\n}",
+      "outputSegmentRef": "index-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout--width {\n  width: 465px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 465px;\n}",
+      "outputSegmentRef": "index-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout--height {\n  height: 412px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 412px;\n}",
+      "outputSegmentRef": "index-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout--padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "index-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-bottom: var( --scw-spacing-2 ); \n        --margin-bottom: var( --scw-spacing-2 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-bottom: var( --scw-spacing-2 ); \n        --margin-bottom: var( --scw-spacing-2 ); \n      } \n}",
+      "outputSegmentRef": "index-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "index-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "index-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "index-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-mixins",
+      "namespace": "default-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 10px 10px 10px 10px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 10px 10px 10px 10px; \n}",
+      "outputSegmentRef": "default-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default--sizing {\n  width: 425px;\n  height: 176px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 425px;\n  height: 176px;\n}",
+      "outputSegmentRef": "default-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default--width {\n  width: 425px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 425px;\n}",
+      "outputSegmentRef": "default-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default--height {\n  height: 176px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 176px;\n}",
+      "outputSegmentRef": "default-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default--padding {\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegmentRef": "default-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+      "outputSegmentRef": "default-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.6 );\n}",
+      "outputSegmentRef": "default-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.6 );\n}",
+      "outputSegmentRef": "default-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-mixins",
+      "namespace": "default-content-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default-content (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegmentRef": "default-content-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content--sizing {\n  width: 365px;\n  height: 116px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 116px;\n}",
+      "outputSegmentRef": "default-content-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content--width {\n  width: 365px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+      "outputSegmentRef": "default-content-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content--height {\n  height: 116px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 116px;\n}",
+      "outputSegmentRef": "default-content-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default-content--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-bottom: var( --scw-spacing-1 ); \n        --margin-bottom: var( --scw-spacing-1 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-bottom: var( --scw-spacing-1 ); \n        --margin-bottom: var( --scw-spacing-1 ); \n      } \n}",
+      "outputSegmentRef": "default-content-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-3 );\n  margin-right: var( --scw-spacing-3 );\n  margin-top: var( --scw-spacing-3 );\n  margin-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-3 );\n  margin-right: var( --scw-spacing-3 );\n  margin-top: var( --scw-spacing-3 );\n  margin-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegmentRef": "default-content-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegmentRef": "default-content-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-scw-base-heading-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-scw-base-heading-mixins",
+      "namespace": "default-content-scw-base-heading-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegmentRef": "default-content-scw-base-heading-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading--sizing {\n  width: 365px;\n  height: 32px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 32px;\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading--width {\n  width: 365px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading--height {\n  height: 32px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 32px;\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+      "outputSegmentRef": "default-content-scw-base-heading-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-scw-base-heading-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-scw-base-heading-text-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-scw-base-heading-text-mixins",
+      "namespace": "default-content-scw-base-heading-text-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegmentRef": "default-content-scw-base-heading-text-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--sizing {\n  width: 365px;\n  height: 32px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 32px;\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-text-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--width {\n  width: 365px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-text-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--height {\n  height: 32px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 32px;\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-text-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-text-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-scw-base-heading-text-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-text-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-scw-base-heading-text-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-scw-base-paragraph-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-scw-base-paragraph-mixins",
+      "namespace": "default-content-scw-base-paragraph-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph--sizing {\n  width: 365px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 27px;\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph--width {\n  width: 365px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 4.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 4.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 4.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 4.7 );\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 4.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 4.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 4.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 4.7 );\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-scw-base-paragraph-text-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-scw-base-paragraph-text-mixins",
+      "namespace": "default-content-scw-base-paragraph-text-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--sizing {\n  width: 365px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 27px;\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--width {\n  width: 365px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-links-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-links-mixins",
+      "namespace": "default-content-links-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default-content-links (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegmentRef": "default-content-links-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-links--sizing {\n  width: 174px;\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 174px;\n  height: 37px;\n}",
+      "outputSegmentRef": "default-content-links-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-links--width {\n  width: 174px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 174px;\n}",
+      "outputSegmentRef": "default-content-links-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-links--height {\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 37px;\n}",
+      "outputSegmentRef": "default-content-links-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-2 ); \n        --margin-right: var( --scw-spacing-2 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-2 ); \n        --margin-right: var( --scw-spacing-2 ); \n      } \n}",
+      "outputSegmentRef": "default-content-links-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-links-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-links--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 19.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 7.9 );\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 19.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 7.9 );\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 19.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 7.9 );\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 19.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 7.9 );\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-links-link-1-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-links-link-1-mixins",
+      "namespace": "default-content-links-link-1-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    background-color: var( --scw-color-primary-03 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    background-color: var( --scw-color-primary-03 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegmentRef": "default-content-links-link-1-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1--sizing {\n  width: 77px;\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 77px;\n  height: 37px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1--width {\n  width: 77px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 77px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1--height {\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 37px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "default-content-links-link-1-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegmentRef": "default-content-links-link-1-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-links-link-1-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 9.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 9.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 9.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 9.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-links-link-1-left-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-links-link-1-left-icon-mixins",
+      "namespace": "default-content-links-link-1-left-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--width {\n  width: 24px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--height {\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-links-link-1-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-links-link-1-label-mixins",
+      "namespace": "default-content-links-link-1-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "default-content-links-link-1-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-label--sizing {\n  width: 45px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 45px;\n  height: 27px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-label--width {\n  width: 45px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 45px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-label--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-label--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "default-content-links-link-1-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-links-link-1-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "default-content-links-link-1-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "default-content-links-link-1-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-links-link-1-right-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-links-link-1-right-icon-mixins",
+      "namespace": "default-content-links-link-1-right-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--width {\n  width: 24px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--height {\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-links-link-2-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-links-link-2-mixins",
+      "namespace": "default-content-links-link-2-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
+      "outputSegmentRef": "default-content-links-link-2-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2--sizing {\n  width: 77px;\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 77px;\n  height: 37px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2--width {\n  width: 77px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 77px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2--height {\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 37px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "default-content-links-link-2-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegmentRef": "default-content-links-link-2-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-links-link-2-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.7 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.7 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.7 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.7 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-links-link-2-left-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-links-link-2-left-icon-mixins",
+      "namespace": "default-content-links-link-2-left-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-left-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegmentRef": "default-content-links-link-2-left-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-left-icon--sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-left-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-left-icon--width {\n  width: 24px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-left-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-left-icon--height {\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-left-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-left-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-left-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-left-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-content-links-link-2-left-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-left-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-links-link-2-left-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "default-content-links-link-2-left-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "default-content-links-link-2-left-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-links-link-2-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-links-link-2-label-mixins",
+      "namespace": "default-content-links-link-2-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    color: var( --scw-color-primary-03 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    color: var( --scw-color-primary-03 );\n  } \n}",
+      "outputSegmentRef": "default-content-links-link-2-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--sizing {\n  width: 45px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 45px;\n  height: 27px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--width {\n  width: 45px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 45px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "default-content-links-link-2-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-links-link-2-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "default-content-links-link-2-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "default-content-links-link-2-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-default-content-links-link-2-right-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/default-content-links-link-2-right-icon-mixins",
+      "namespace": "default-content-links-link-2-right-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-right-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegmentRef": "default-content-links-link-2-right-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-right-icon--sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-right-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-right-icon--width {\n  width: 24px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-right-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-right-icon--height {\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-right-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-right-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-content-links-link-2-right-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-right-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-content-links-link-2-right-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-right-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-content-links-link-2-right-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "default-content-links-link-2-right-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-default-content-links-link-2-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "default-content-links-link-2-right-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-mixins",
+      "namespace": "center-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 10px 10px 10px 10px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 10px 10px 10px 10px; \n}",
+      "outputSegmentRef": "center-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center--sizing {\n  width: 425px;\n  height: 176px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 425px;\n  height: 176px;\n}",
+      "outputSegmentRef": "center-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center--width {\n  width: 425px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 425px;\n}",
+      "outputSegmentRef": "center-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center--height {\n  height: 176px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 176px;\n}",
+      "outputSegmentRef": "center-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center--padding {\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegmentRef": "center-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+      "outputSegmentRef": "center-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 21.6 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 21.6 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "center-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 21.6 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 21.6 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "center-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-mixins",
+      "namespace": "center-content-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center-content (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegmentRef": "center-content-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content--sizing {\n  width: 365px;\n  height: 116px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 116px;\n}",
+      "outputSegmentRef": "center-content-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content--width {\n  width: 365px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+      "outputSegmentRef": "center-content-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content--height {\n  height: 116px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 116px;\n}",
+      "outputSegmentRef": "center-content-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center-content--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-bottom: var( --scw-spacing-1 ); \n        --margin-bottom: var( --scw-spacing-1 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-bottom: var( --scw-spacing-1 ); \n        --margin-bottom: var( --scw-spacing-1 ); \n      } \n}",
+      "outputSegmentRef": "center-content-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-3 );\n  margin-right: var( --scw-spacing-3 );\n  margin-top: var( --scw-spacing-3 );\n  margin-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-3 );\n  margin-right: var( --scw-spacing-3 );\n  margin-top: var( --scw-spacing-3 );\n  margin-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegmentRef": "center-content-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-3 );\n  padding-right: var( --scw-spacing-3 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegmentRef": "center-content-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-scw-base-heading-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-scw-base-heading-mixins",
+      "namespace": "center-content-scw-base-heading-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegmentRef": "center-content-scw-base-heading-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading--sizing {\n  width: 365px;\n  height: 32px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 32px;\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading--width {\n  width: 365px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading--height {\n  height: 32px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 32px;\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+      "outputSegmentRef": "center-content-scw-base-heading-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-scw-base-heading-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-scw-base-heading-text-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-scw-base-heading-text-mixins",
+      "namespace": "center-content-scw-base-heading-text-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading-text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-bold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-bold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegmentRef": "center-content-scw-base-heading-text-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading-text--sizing {\n  width: 365px;\n  height: 32px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 32px;\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-text-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading-text--width {\n  width: 365px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-text-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading-text--height {\n  height: 32px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 32px;\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-text-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading-text--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-text-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading-text--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-scw-base-heading-text-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-text-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-heading-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-scw-base-heading-text-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-scw-base-paragraph-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-scw-base-paragraph-mixins",
+      "namespace": "center-content-scw-base-paragraph-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph--sizing {\n  width: 365px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 27px;\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph--width {\n  width: 365px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 4.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 4.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 4.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 4.7 );\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 4.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 4.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 4.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 4.7 );\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-scw-base-paragraph-text-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-scw-base-paragraph-text-mixins",
+      "namespace": "center-content-scw-base-paragraph-text-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph-text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-text-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph-text--sizing {\n  width: 365px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 27px;\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-text-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph-text--width {\n  width: 365px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-text-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph-text--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-text-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph-text--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-text-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph-text--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-text-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-text-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-scw-base-paragraph-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-scw-base-paragraph-text-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-links-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-links-mixins",
+      "namespace": "center-content-links-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center-content-links (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+      "outputSegmentRef": "center-content-links-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-links--sizing {\n  width: 174px;\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 174px;\n  height: 37px;\n}",
+      "outputSegmentRef": "center-content-links-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-links--width {\n  width: 174px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 174px;\n}",
+      "outputSegmentRef": "center-content-links-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-links--height {\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 37px;\n}",
+      "outputSegmentRef": "center-content-links-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-2 ); \n        --margin-right: var( --scw-spacing-2 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-2 ); \n        --margin-right: var( --scw-spacing-2 ); \n      } \n}",
+      "outputSegmentRef": "center-content-links-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-links-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-links--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.55 );\n  margin-top: calc( var( --scw-spacing-1 ) * 7.9 );\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.55 );\n  margin-top: calc( var( --scw-spacing-1 ) * 7.9 );\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.55 );\n  padding-top: calc( var( --scw-spacing-1 ) * 7.9 );\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.55 );\n  padding-top: calc( var( --scw-spacing-1 ) * 7.9 );\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-links-link-1-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-links-link-1-mixins",
+      "namespace": "center-content-links-link-1-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    background-color: var( --scw-color-primary-03 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    background-color: var( --scw-color-primary-03 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegmentRef": "center-content-links-link-1-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1--sizing {\n  width: 77px;\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 77px;\n  height: 37px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1--width {\n  width: 77px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 77px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1--height {\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 37px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "center-content-links-link-1-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegmentRef": "center-content-links-link-1-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-links-link-1-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 9.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 9.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 9.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 9.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-links-link-1-left-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-links-link-1-left-icon-mixins",
+      "namespace": "center-content-links-link-1-left-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-left-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegmentRef": "center-content-links-link-1-left-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-left-icon--sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-left-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-left-icon--width {\n  width: 24px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-left-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-left-icon--height {\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-left-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-left-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-left-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-left-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "center-content-links-link-1-left-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-left-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-links-link-1-left-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "center-content-links-link-1-left-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "center-content-links-link-1-left-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-links-link-1-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-links-link-1-label-mixins",
+      "namespace": "center-content-links-link-1-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "center-content-links-link-1-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-label--sizing {\n  width: 45px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 45px;\n  height: 27px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-label--width {\n  width: 45px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 45px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-label--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-label--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "center-content-links-link-1-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-links-link-1-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "center-content-links-link-1-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "center-content-links-link-1-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-links-link-1-right-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-links-link-1-right-icon-mixins",
+      "namespace": "center-content-links-link-1-right-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-right-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegmentRef": "center-content-links-link-1-right-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-right-icon--sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-right-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-right-icon--width {\n  width: 24px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-right-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-right-icon--height {\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-right-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-right-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-link-1-right-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-right-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "center-content-links-link-1-right-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-right-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-links-link-1-right-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "center-content-links-link-1-right-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-1-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "center-content-links-link-1-right-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-links-link-2-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-links-link-2-mixins",
+      "namespace": "center-content-links-link-2-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
+      "outputSegmentRef": "center-content-links-link-2-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2--sizing {\n  width: 77px;\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 77px;\n  height: 37px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2--width {\n  width: 77px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 77px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2--height {\n  height: 37px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 37px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "center-content-links-link-2-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegmentRef": "center-content-links-link-2-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-links-link-2-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.7 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.7 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.7 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.7 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-links-link-2-left-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-links-link-2-left-icon-mixins",
+      "namespace": "center-content-links-link-2-left-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-left-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegmentRef": "center-content-links-link-2-left-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-left-icon--sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-left-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-left-icon--width {\n  width: 24px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-left-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-left-icon--height {\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-left-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-left-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-left-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-left-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "center-content-links-link-2-left-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-left-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-links-link-2-left-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "center-content-links-link-2-left-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "center-content-links-link-2-left-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-links-link-2-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-links-link-2-label-mixins",
+      "namespace": "center-content-links-link-2-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    color: var( --scw-color-primary-03 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    color: var( --scw-color-primary-03 );\n  } \n}",
+      "outputSegmentRef": "center-content-links-link-2-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-label--sizing {\n  width: 45px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 45px;\n  height: 27px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-label--width {\n  width: 45px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 45px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-label--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-label--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "center-content-links-link-2-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-links-link-2-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "center-content-links-link-2-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "center-content-links-link-2-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-callout-center-content-links-link-2-right-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-callout/center-content-links-link-2-right-icon-mixins",
+      "namespace": "center-content-links-link-2-right-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-right-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegmentRef": "center-content-links-link-2-right-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-right-icon--sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 24px;\n  height: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-right-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-right-icon--width {\n  width: 24px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-right-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-right-icon--height {\n  height: 24px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-right-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-right-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "center-content-links-link-2-right-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-right-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "center-content-links-link-2-right-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-right-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "center-content-links-link-2-right-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "center-content-links-link-2-right-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-callout-center-content-links-link-2-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+      "outputSegmentRef": "center-content-links-link-2-right-icon-mixins.html-autolayout-padding"
+    }
   }
 }