npm - scu-web-components - Versions diffs - 0.0.99 → 0.0.101 - Mend

scu-web-components 0.0.99 → 0.0.101

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

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

@@ -66373,8 +66373,8 @@
       "namespace": "default-content-scw-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-alert-default-content-scw-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  border-width: 1px;\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}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  }\n  border-width: 1px;\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}",
+      "output": "\n@mixin comp-scw-alert-default-content-scw-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  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-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  }\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}",
       "outputSegmentRef": "default-content-scw-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -66576,8 +66576,8 @@
       "namespace": "default-scw-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-alert-default-scw-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  border-width: 1px;\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}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  }\n  border-width: 1px;\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}",
+      "output": "\n@mixin comp-scw-alert-default-scw-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  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-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  }\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}",
       "outputSegmentRef": "default-scw-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -66836,8 +66836,8 @@
       "namespace": "type-clear-content-scw-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-alert-type-clear-content-scw-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  border-width: 1px;\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}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  }\n  border-width: 1px;\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}",
+      "output": "\n@mixin comp-scw-alert-type-clear-content-scw-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  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-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  }\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}",
       "outputSegmentRef": "type-clear-content-scw-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -67143,8 +67143,8 @@
       "namespace": "type-full-content-scw-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-alert-type-full-content-scw-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  }\n  border-width: 1px;\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}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  }\n  border-width: 1px;\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}",
+      "output": "\n@mixin comp-scw-alert-type-full-content-scw-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  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-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}",
       "outputSegmentRef": "type-full-content-scw-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -67346,8 +67346,8 @@
       "namespace": "type-full-scw-icon-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-alert-type-full-scw-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  }\n  border-width: 1px;\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}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  }\n  border-width: 1px;\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}",
+      "output": "\n@mixin comp-scw-alert-type-full-scw-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  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-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}",
       "outputSegmentRef": "type-full-scw-icon-icon-vector-mixins.box"
     },
     "sizing": {
@@ -78292,18 +78292,18 @@
       "outputSegmentRef": "state-hover-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-floating-button-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 15.9 );\n  width: 114px;\n  top: var( --scw-spacing-2 );\n  height: 89px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 15.9 );\n  width: 114px;\n  top: var( --scw-spacing-2 );\n  height: 89px; \n}",
+      "output": "\n@mixin comp-scw-floating-button-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 15.9 );\n  width: 114px;\n  top: calc( var( --scw-spacing-1 ) * 2.0080078125 );\n  height: 89px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 15.9 );\n  width: 114px;\n  top: calc( var( --scw-spacing-1 ) * 2.0080078125 );\n  height: 89px; \n}",
       "outputSegmentRef": "state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-floating-button-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.9 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.9 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-9 );\n}",
+      "output": "\n@mixin comp-scw-floating-button-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.9 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.0080078125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.9919921875 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.9 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.0080078125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.9919921875 );\n}",
       "outputSegmentRef": "state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-floating-button-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.9 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.9 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-9 );\n}",
+      "output": "\n@mixin comp-scw-floating-button-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.9 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.0080078125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.9919921875 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.9 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.0080078125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.9919921875 );\n}",
       "outputSegmentRef": "state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -87846,8 +87846,8 @@
       "namespace": "container-card-content-wrapper-heading-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-product-card-container-card-content-wrapper-heading (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-extrabold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-grey-03 ) );\n  } @else {\n    color: var( --scw-color-grey-03 );\n  }\n  align-self: stretch; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-extrabold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-grey-03 ) );\n  } @else {\n    color: var( --scw-color-grey-03 );\n  }\n  align-self: stretch; \n}",
+      "output": "\n@mixin comp-scw-product-card-container-card-content-wrapper-heading (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-extrabold-08-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  align-self: stretch; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-extrabold-08-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  align-self: stretch; \n}",
       "outputSegmentRef": "container-card-content-wrapper-heading-mixins.text"
     },
     "sizing": {
@@ -116356,8 +116356,8 @@
       "outputSegmentRef": "index-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-link-base--sizing {\n  width: 553px;\n  height: 476px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 553px;\n  height: 476px;\n}",
+      "output": "\n@mixin comp-scw-link-base--sizing {\n  width: 553px;\n  height: 622px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 553px;\n  height: 622px;\n}",
       "outputSegmentRef": "index-mixins.sizing"
     },
     "width": {
@@ -116366,8 +116366,8 @@
       "outputSegmentRef": "index-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-link-base--height {\n  height: 476px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 476px;\n}",
+      "output": "\n@mixin comp-scw-link-base--height {\n  height: 622px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 622px;\n}",
       "outputSegmentRef": "index-mixins.height"
     },
     "padding": {
@@ -116438,13 +116438,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 ) * 45.3 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\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 ) * 45.3 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\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 ) * 45.3 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\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 ) * 45.3 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\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 ) * 45.3 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\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 ) * 45.3 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
       "outputSegmentRef": "default-mixins.html-autolayout-padding"
     }
   },
@@ -116901,13 +116901,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 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\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 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\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 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\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 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
       "outputSegmentRef": "state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -117359,18 +117359,18 @@
       "outputSegmentRef": "state-focused-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.4 );\n  width: 80px;\n  top: var( --scw-spacing-2 );\n  height: 47px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.4 );\n  width: 80px;\n  top: var( --scw-spacing-2 );\n  height: 47px; \n}",
+      "output": "\n@mixin comp-scw-link-base-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.55 );\n  width: 80px;\n  top: var( --scw-spacing-2 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.55 );\n  width: 80px;\n  top: var( --scw-spacing-2 );\n  height: 47px; \n}",
       "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 ) * 28.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\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 ) * 28.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\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 ) * 28.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\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 ) * 28.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
       "outputSegmentRef": "state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -117827,13 +117827,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 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\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 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\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 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.9 );\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 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 55.5 );\n}",
       "outputSegmentRef": "state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -118290,13 +118290,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 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\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 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\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 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\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 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
       "outputSegmentRef": "design-outline-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -118753,13 +118753,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 ) * 45.3 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\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 ) * 45.3 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\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 ) * 45.3 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\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 ) * 45.3 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\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 ) * 45.3 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\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 ) * 45.3 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
       "outputSegmentRef": "design-outline-mixins.html-autolayout-padding"
     }
   },
@@ -119211,18 +119211,18 @@
       "outputSegmentRef": "design-outline-state-focused-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.4 );\n  width: 80px;\n  top: var( --scw-spacing-8 );\n  height: 47px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.4 );\n  width: 80px;\n  top: var( --scw-spacing-8 );\n  height: 47px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-outline-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.55 );\n  width: 80px;\n  top: var( --scw-spacing-8 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.55 );\n  width: 80px;\n  top: var( --scw-spacing-8 );\n  height: 47px; \n}",
       "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 ) * 28.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\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 ) * 28.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\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 ) * 28.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\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 ) * 28.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
       "outputSegmentRef": "design-outline-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -119679,13 +119679,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 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\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 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: var( --scw-spacing-8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\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 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 34.9 );\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 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: var( --scw-spacing-8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 49.5 );\n}",
       "outputSegmentRef": "design-outline-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -120142,13 +120142,13 @@
       "outputSegmentRef": "design-light-state-disabled-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-light-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-light-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
       "outputSegmentRef": "design-light-state-disabled-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-light-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-light-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 41.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
       "outputSegmentRef": "design-light-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -120563,6 +120563,469 @@
       "outputSegmentRef": "design-light-state-disabled-label-right-icon-icon-vector-mixins.html-autolayout-padding"
     }
   },
+  "components-scw-link-base-design-white-state-disabled-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-disabled-mixins",
+      "namespace": "design-white-state-disabled-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    background-color: var( --scw-color-grey-09 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    border-color: var( --scw-color-grey-09 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    background-color: var( --scw-color-grey-09 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    border-color: var( --scw-color-grey-09 );\n  } \n}",
+      "outputSegmentRef": "design-white-state-disabled-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled--sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled--width {\n  width: 80px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 80px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled--height {\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled--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": "design-white-state-disabled-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled--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: 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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegmentRef": "design-white-state-disabled-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 42.1 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20.8 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 42.1 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20.8 );\n  height: 47px; \n}",
+      "outputSegmentRef": "design-white-state-disabled-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 42.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 42.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 42.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 42.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-disabled-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-disabled-label-mixins",
+      "namespace": "design-white-state-disabled-label-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-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-white-state-disabled-label-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label--sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label--width {\n  width: 80px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 80px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label--height {\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label--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.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\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.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\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": "design-white-state-disabled-label-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label--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": "design-white-state-disabled-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label--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": "design-white-state-disabled-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-disabled-label-left-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-disabled-label-left-icon-mixins",
+      "namespace": "design-white-state-disabled-label-left-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-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}",
+      "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-white-state-disabled-label-left-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-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": "design-white-state-disabled-label-left-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-disabled-label-left-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-disabled-label-left-icon-icon-mixins",
+      "namespace": "design-white-state-disabled-label-left-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-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}",
+      "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-white-state-disabled-label-left-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-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": "design-white-state-disabled-label-left-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-disabled-label-left-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-disabled-label-left-icon-icon-vector-mixins",
+      "namespace": "design-white-state-disabled-label-left-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-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-white-state-disabled-label-left-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon-vector--sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon-vector--width {\n  width: 6.4201px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 6.4201px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon-vector--height {\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon-vector--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": "design-white-state-disabled-label-left-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 ); \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-left-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-disabled-label-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-disabled-label-label-mixins",
+      "namespace": "design-white-state-disabled-label-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-label (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-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: CENTER;\n  font: var( --scw-type-text-semibold-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-white-state-disabled-label-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-label--sizing {\n  width: 44px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 44px;\n  height: 27px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-label--width {\n  width: 44px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 44px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-label--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-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": "design-white-state-disabled-label-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.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: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.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: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-disabled-label-right-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-disabled-label-right-icon-mixins",
+      "namespace": "design-white-state-disabled-label-right-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-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}",
+      "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-white-state-disabled-label-right-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-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": "design-white-state-disabled-label-right-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-disabled-label-right-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-disabled-label-right-icon-icon-mixins",
+      "namespace": "design-white-state-disabled-label-right-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-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}",
+      "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-white-state-disabled-label-right-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-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": "design-white-state-disabled-label-right-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-disabled-label-right-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-disabled-label-right-icon-icon-vector-mixins",
+      "namespace": "design-white-state-disabled-label-right-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-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-white-state-disabled-label-right-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon-vector--sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon-vector--width {\n  width: 6.4201px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 6.4201px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon-vector--height {\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon-vector--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": "design-white-state-disabled-label-right-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 ); \n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-disabled-label-right-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegmentRef": "design-white-state-disabled-label-right-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
   "components-scw-link-base-design-light-": {
     "module-info": {
       "output": "",
@@ -120605,13 +121068,13 @@
       "outputSegmentRef": "design-light-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-light--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\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 ) * 45.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-light--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
       "outputSegmentRef": "design-light-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-light--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\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 ) * 45.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-light--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
       "outputSegmentRef": "design-light-mixins.html-autolayout-padding"
     }
   },
@@ -121026,6 +121489,469 @@
       "outputSegmentRef": "design-light-label-right-icon-icon-vector-mixins.html-autolayout-padding"
     }
   },
+  "components-scw-link-base-design-white-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-mixins",
+      "namespace": "design-white-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white (\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}-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}-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}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    border-color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "design-white-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white--sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white--width {\n  width: 80px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 80px;\n}",
+      "outputSegmentRef": "design-white-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white--height {\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white--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": "design-white-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white--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: 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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegmentRef": "design-white-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 2.3 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20.8 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 2.3 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20.8 );\n  height: 47px; \n}",
+      "outputSegmentRef": "design-white-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 2.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * 45 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 2.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * 45 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegmentRef": "design-white-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 2.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * 45 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 2.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * 45 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegmentRef": "design-white-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-label-mixins",
+      "namespace": "design-white-label-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-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-white-label-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label--sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label--width {\n  width: 80px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 80px;\n}",
+      "outputSegmentRef": "design-white-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label--height {\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-label-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label--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.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\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.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\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": "design-white-label-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label--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": "design-white-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label--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": "design-white-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-label-left-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-label-left-icon-mixins",
+      "namespace": "design-white-label-left-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-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}",
+      "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-white-label-left-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-label-left-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-label-left-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-label-left-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-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": "design-white-label-left-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-label-left-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-label-left-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-label-left-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-label-left-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-label-left-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-label-left-icon-icon-mixins",
+      "namespace": "design-white-label-left-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-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}",
+      "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-white-label-left-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-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": "design-white-label-left-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-label-left-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-label-left-icon-icon-vector-mixins",
+      "namespace": "design-white-label-left-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-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-white-label-left-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon-vector--sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon-vector--width {\n  width: 6.4201px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 6.4201px;\n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon-vector--height {\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon-vector--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": "design-white-label-left-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 ); \n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegmentRef": "design-white-label-left-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-label-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-label-label-mixins",
+      "namespace": "design-white-label-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-label (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-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-semibold-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-white-label-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-label--sizing {\n  width: 44px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 44px;\n  height: 27px;\n}",
+      "outputSegmentRef": "design-white-label-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-label--width {\n  width: 44px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 44px;\n}",
+      "outputSegmentRef": "design-white-label-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-label--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "design-white-label-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-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": "design-white-label-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-label-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.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: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-label-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.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: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-label-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-label-right-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-label-right-icon-mixins",
+      "namespace": "design-white-label-right-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-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}",
+      "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-white-label-right-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-label-right-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-label-right-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-label-right-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-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": "design-white-label-right-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-label-right-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-label-right-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-label-right-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-label-right-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-label-right-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-label-right-icon-icon-mixins",
+      "namespace": "design-white-label-right-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-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}",
+      "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-white-label-right-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-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": "design-white-label-right-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-label-right-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-label-right-icon-icon-vector-mixins",
+      "namespace": "design-white-label-right-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-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-white-label-right-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon-vector--sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon-vector--width {\n  width: 6.4201px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 6.4201px;\n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon-vector--height {\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon-vector--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": "design-white-label-right-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 ); \n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-label-right-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegmentRef": "design-white-label-right-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
   "components-scw-link-base-design-light-state-focused-": {
     "module-info": {
       "output": "",
@@ -121063,18 +121989,18 @@
       "outputSegmentRef": "design-light-state-focused-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-light-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.4 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 14 );\n  height: 47px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.4 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 14 );\n  height: 47px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-light-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.55 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 14 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.55 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 14 );\n  height: 47px; \n}",
       "outputSegmentRef": "design-light-state-focused-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-light-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-light-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
       "outputSegmentRef": "design-light-state-focused-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-light-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-light-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
       "outputSegmentRef": "design-light-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -121489,6 +122415,469 @@
       "outputSegmentRef": "design-light-state-focused-label-right-icon-icon-vector-mixins.html-autolayout-padding"
     }
   },
+  "components-scw-link-base-design-white-state-focused-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-focused-mixins",
+      "namespace": "design-white-state-focused-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused (\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}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    border-color: var( --scw-color-grey-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}-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}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    border-color: var( --scw-color-grey-07 );\n  }\n  box-shadow: var( --scw-effect-focus-shadow ); \n}",
+      "outputSegmentRef": "design-white-state-focused-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused--sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-focused-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused--width {\n  width: 80px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 80px;\n}",
+      "outputSegmentRef": "design-white-state-focused-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused--height {\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-focused-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused--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": "design-white-state-focused-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused--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: 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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegmentRef": "design-white-state-focused-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.55 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20.8 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.55 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20.8 );\n  height: 47px; \n}",
+      "outputSegmentRef": "design-white-state-focused-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegmentRef": "design-white-state-focused-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegmentRef": "design-white-state-focused-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-focused-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-focused-label-mixins",
+      "namespace": "design-white-state-focused-label-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-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-white-state-focused-label-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label--sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label--width {\n  width: 80px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 80px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label--height {\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label--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.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\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.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\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": "design-white-state-focused-label-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-focused-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label--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": "design-white-state-focused-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label--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": "design-white-state-focused-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-focused-label-left-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-focused-label-left-icon-mixins",
+      "namespace": "design-white-state-focused-label-left-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-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}",
+      "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-white-state-focused-label-left-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-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": "design-white-state-focused-label-left-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-focused-label-left-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-focused-label-left-icon-icon-mixins",
+      "namespace": "design-white-state-focused-label-left-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-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}",
+      "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-white-state-focused-label-left-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-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": "design-white-state-focused-label-left-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-focused-label-left-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-focused-label-left-icon-icon-vector-mixins",
+      "namespace": "design-white-state-focused-label-left-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-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-white-state-focused-label-left-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon-vector--sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon-vector--width {\n  width: 6.4201px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 6.4201px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon-vector--height {\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon-vector--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": "design-white-state-focused-label-left-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 ); \n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-left-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-focused-label-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-focused-label-label-mixins",
+      "namespace": "design-white-state-focused-label-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-label (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-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-semibold-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-white-state-focused-label-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-label--sizing {\n  width: 44px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 44px;\n  height: 27px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-label--width {\n  width: 44px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 44px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-label--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-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": "design-white-state-focused-label-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-focused-label-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.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: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.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: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-focused-label-right-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-focused-label-right-icon-mixins",
+      "namespace": "design-white-state-focused-label-right-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-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}",
+      "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-white-state-focused-label-right-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-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": "design-white-state-focused-label-right-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-focused-label-right-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-focused-label-right-icon-icon-mixins",
+      "namespace": "design-white-state-focused-label-right-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-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}",
+      "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-white-state-focused-label-right-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-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": "design-white-state-focused-label-right-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-focused-label-right-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-focused-label-right-icon-icon-vector-mixins",
+      "namespace": "design-white-state-focused-label-right-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-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-white-state-focused-label-right-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon-vector--sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon-vector--width {\n  width: 6.4201px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 6.4201px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon-vector--height {\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon-vector--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": "design-white-state-focused-label-right-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 ); \n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-focused-label-right-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegmentRef": "design-white-state-focused-label-right-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
   "components-scw-link-base-design-light-state-hover-": {
     "module-info": {
       "output": "",
@@ -121531,13 +122920,13 @@
       "outputSegmentRef": "design-light-state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-light-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-light-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
       "outputSegmentRef": "design-light-state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-light-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 28.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-light-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 43.5 );\n}",
       "outputSegmentRef": "design-light-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -121952,6 +123341,469 @@
       "outputSegmentRef": "design-light-state-hover-label-right-icon-icon-vector-mixins.html-autolayout-padding"
     }
   },
+  "components-scw-link-base-design-white-state-hover-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-hover-mixins",
+      "namespace": "design-white-state-hover-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    background-color: var( --scw-color-grey-09 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    border-color: var( --scw-color-grey-09 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    background-color: var( --scw-color-grey-09 );\n  }\n  border-radius: 8px 8px 8px 8px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    border-color: var( --scw-color-grey-09 );\n  } \n}",
+      "outputSegmentRef": "design-white-state-hover-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover--sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-hover-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover--width {\n  width: 80px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 80px;\n}",
+      "outputSegmentRef": "design-white-state-hover-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover--height {\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-hover-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover--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": "design-white-state-hover-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover--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: 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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+      "outputSegmentRef": "design-white-state-hover-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 15.5 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20.8 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 15.5 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20.8 );\n  height: 47px; \n}",
+      "outputSegmentRef": "design-white-state-hover-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 31.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegmentRef": "design-white-state-hover-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 31.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 36.7 );\n}",
+      "outputSegmentRef": "design-white-state-hover-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-hover-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-hover-label-mixins",
+      "namespace": "design-white-state-hover-label-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-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-white-state-hover-label-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label--sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 80px;\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label--width {\n  width: 80px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 80px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label--height {\n  height: 47px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 47px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label--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.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\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.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\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": "design-white-state-hover-label-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-hover-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label--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": "design-white-state-hover-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label--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": "design-white-state-hover-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-hover-label-left-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-hover-label-left-icon-mixins",
+      "namespace": "design-white-state-hover-label-left-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-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}",
+      "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-white-state-hover-label-left-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-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": "design-white-state-hover-label-left-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-hover-label-left-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-hover-label-left-icon-icon-mixins",
+      "namespace": "design-white-state-hover-label-left-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-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}",
+      "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-white-state-hover-label-left-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-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": "design-white-state-hover-label-left-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-hover-label-left-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-hover-label-left-icon-icon-vector-mixins",
+      "namespace": "design-white-state-hover-label-left-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-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-white-state-hover-label-left-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon-vector--sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon-vector--width {\n  width: 6.4201px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 6.4201px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon-vector--height {\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon-vector--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": "design-white-state-hover-label-left-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 ); \n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2549987512335747 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967308044433595 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-left-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-hover-label-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-hover-label-label-mixins",
+      "namespace": "design-white-state-hover-label-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-label (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-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-semibold-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-white-state-hover-label-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-label--sizing {\n  width: 44px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 44px;\n  height: 27px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-label--width {\n  width: 44px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 44px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-label--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-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": "design-white-state-hover-label-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-hover-label-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.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: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.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: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-label-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-hover-label-right-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-hover-label-right-icon-mixins",
+      "namespace": "design-white-state-hover-label-right-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-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}",
+      "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-white-state-hover-label-right-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-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": "design-white-state-hover-label-right-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * -0.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-hover-label-right-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-hover-label-right-icon-icon-mixins",
+      "namespace": "design-white-state-hover-label-right-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-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}",
+      "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-white-state-hover-label-right-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon--width {\n  width: 17px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-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": "design-white-state-hover-label-right-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\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 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-link-base-design-white-state-hover-label-right-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-link-base/design-white-state-hover-label-right-icon-icon-vector-mixins",
+      "namespace": "design-white-state-hover-label-right-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-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-white-state-hover-label-right-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon-vector--sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon-vector--width {\n  width: 6.4201px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 6.4201px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon-vector--height {\n  height: 11.9533px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 11.9533px;\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon-vector--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": "design-white-state-hover-label-right-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 ); \n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-link-base-design-white-state-hover-label-right-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5196074485778809 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );\n}",
+      "outputSegmentRef": "design-white-state-hover-label-right-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
   "components-scw-link-base-design-block-link-": {
     "module-info": {
       "output": "",
@@ -121989,18 +123841,18 @@
       "outputSegmentRef": "design-block-link-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20 );\n  height: 47px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20 );\n  height: 47px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 27.4 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 27.4 );\n  height: 47px; \n}",
       "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: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\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 ) * 45.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\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 ) * 45.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\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: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\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 ) * 45.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 45.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\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 ) * 45.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\n}",
       "outputSegmentRef": "design-block-link-mixins.html-autolayout-padding"
     }
   },
@@ -122452,18 +124304,18 @@
       "outputSegmentRef": "design-block-link-state-hover-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 15.2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20 );\n  height: 47px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 15.2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20 );\n  height: 47px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 15.2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 27.4 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 15.2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 27.4 );\n  height: 47px; \n}",
       "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 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\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 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\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 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\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 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 15.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\n}",
       "outputSegmentRef": "design-block-link-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -122915,18 +124767,18 @@
       "outputSegmentRef": "design-block-link-state-disabled-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 42.2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20 );\n  height: 47px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 42.2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20 );\n  height: 47px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 42.2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 27.4 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 42.2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 27.4 );\n  height: 47px; \n}",
       "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 ) * 42.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 42.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\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 ) * 42.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 42.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\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 ) * 42.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 42.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.9 );\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 ) * 42.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 42.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 27.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 30.1 );\n}",
       "outputSegmentRef": "design-block-link-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -123378,18 +125230,18 @@
       "outputSegmentRef": "design-block-link-state-focused-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.4 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20.3 );\n  height: 47px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.4 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 20.3 );\n  height: 47px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-block-link-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.55 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 27.7 );\n  height: 47px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 28.55 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 27.7 );\n  height: 47px; \n}",
       "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 ) * 28.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.3 );\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 ) * 28.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 22.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 ) * 28.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  margin-top: calc( var( --scw-spacing-1 ) * 27.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 29.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  margin-top: calc( var( --scw-spacing-1 ) * 27.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 29.8 );\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 ) * 28.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.3 );\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 ) * 28.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 22.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 ) * 28.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  padding-top: calc( var( --scw-spacing-1 ) * 27.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 29.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 28.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 18.75 );\n  padding-top: calc( var( --scw-spacing-1 ) * 27.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 29.8 );\n}",
       "outputSegmentRef": "design-block-link-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -123841,18 +125693,18 @@
       "outputSegmentRef": "design-link-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-link--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.65 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 26.4 );\n  height: 25px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.65 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 26.4 );\n  height: 25px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.65 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 33.8 );\n  height: 25px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.65 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 33.8 );\n  height: 25px; \n}",
       "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 ) * 47.35 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\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 ) * 47.35 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\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 ) * 47.35 );\n  margin-top: calc( var( --scw-spacing-1 ) * 33.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.9 );\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 ) * 47.35 );\n  margin-top: calc( var( --scw-spacing-1 ) * 33.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.9 );\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 ) * 47.35 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\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 ) * 47.35 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\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 ) * 47.35 );\n  padding-top: calc( var( --scw-spacing-1 ) * 33.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.9 );\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 ) * 47.35 );\n  padding-top: calc( var( --scw-spacing-1 ) * 33.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.9 );\n}",
       "outputSegmentRef": "design-link-mixins.html-autolayout-padding"
     }
   },
@@ -124071,8 +125923,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 1.125rem/1.406rem '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 1.125rem/1.406rem '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 1.125rem/1.406rem 'Proxima Nova';\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: 400 1.125rem/1.406rem 'Proxima Nova';\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": "design-link-label-label-mixins.text"
     },
     "sizing": {
@@ -124304,18 +126156,18 @@
       "outputSegmentRef": "design-link-state-hover-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 16.9 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 26.5 );\n  height: 25px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 16.9 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 26.5 );\n  height: 25px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 16.9 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 33.9 );\n  height: 25px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 16.9 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 33.9 );\n  height: 25px; \n}",
       "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 ) * 16.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.5 );\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 ) * 16.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\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 ) * 16.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 33.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 16.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 33.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.8 );\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 ) * 16.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.5 );\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 ) * 16.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.6 );\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 ) * 16.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 33.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 16.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 33.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.8 );\n}",
       "outputSegmentRef": "design-link-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -124534,8 +126386,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 1.125rem/1.406rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    color: var( --scw-color-primary-07 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1.125rem/1.406rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    color: var( --scw-color-primary-07 );\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 1.125rem/1.406rem '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 1.125rem/1.406rem '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}",
       "outputSegmentRef": "design-link-state-hover-label-label-mixins.text"
     },
     "sizing": {
@@ -124767,18 +126619,18 @@
       "outputSegmentRef": "design-link-state-disabled-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.5 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 26.4 );\n  height: 25px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.5 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 26.4 );\n  height: 25px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.5 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 33.8 );\n  height: 25px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.5 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 33.8 );\n  height: 25px; \n}",
       "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 ) * 43.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 43.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\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 ) * 43.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 33.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 43.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 33.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.9 );\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 ) * 43.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 43.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\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 ) * 43.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 33.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 43.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 33.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.9 );\n}",
       "outputSegmentRef": "design-link-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -125230,18 +127082,18 @@
       "outputSegmentRef": "design-link-state-focused-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-link-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.1 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 26.6 );\n  height: 25px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.1 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 26.6 );\n  height: 25px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-link-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.4 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 34 );\n  height: 25px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.4 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 34 );\n  height: 25px; \n}",
       "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 ) * 30.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 30.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.5 );\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 ) * 30.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 34 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 34 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.7 );\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 ) * 30.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 30.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.5 );\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 ) * 30.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 34 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 34 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.7 );\n}",
       "outputSegmentRef": "design-link-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -125460,8 +127312,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 1.125rem/1.406rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    color: var( --scw-color-primary-07 );\n  } \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1.125rem/1.406rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-primary-07 ) );\n  } @else {\n    color: var( --scw-color-primary-07 );\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 1.125rem/1.406rem '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 1.125rem/1.406rem '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}",
       "outputSegmentRef": "design-link-state-focused-label-label-mixins.text"
     },
     "sizing": {
@@ -125693,18 +127545,18 @@
       "outputSegmentRef": "design-plain-link-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.7 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 30.8 );\n  height: 25px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.7 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 30.8 );\n  height: 25px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.7 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 38.2 );\n  height: 25px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.7 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 38.2 );\n  height: 25px; \n}",
       "outputSegmentRef": "design-plain-link-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link--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 ) * 47.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 14.3 );\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 ) * 47.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 14.3 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link--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 ) * 47.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 38.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.5 );\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 ) * 47.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 38.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.5 );\n}",
       "outputSegmentRef": "design-plain-link-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link--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 ) * 47.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 14.3 );\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 ) * 47.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 14.3 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link--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 ) * 47.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 38.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.5 );\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 ) * 47.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 38.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.5 );\n}",
       "outputSegmentRef": "design-plain-link-mixins.html-autolayout-padding"
     }
   },
@@ -126156,18 +128008,18 @@
       "outputSegmentRef": "design-plain-link-state-hover-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 16.95 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 30.9 );\n  height: 25px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 16.95 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 30.9 );\n  height: 25px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 16.95 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 38.3 );\n  height: 25px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 16.95 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 38.3 );\n  height: 25px; \n}",
       "outputSegmentRef": "design-plain-link-state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 16.95 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.05 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 14.2 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 16.95 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.05 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 14.2 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 16.95 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.05 );\n  margin-top: calc( var( --scw-spacing-1 ) * 38.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 16.95 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.05 );\n  margin-top: calc( var( --scw-spacing-1 ) * 38.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.4 );\n}",
       "outputSegmentRef": "design-plain-link-state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 16.95 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.05 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 14.2 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 16.95 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.05 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 14.2 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 16.95 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.05 );\n  padding-top: calc( var( --scw-spacing-1 ) * 38.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 16.95 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.05 );\n  padding-top: calc( var( --scw-spacing-1 ) * 38.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.4 );\n}",
       "outputSegmentRef": "design-plain-link-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -126619,18 +128471,18 @@
       "outputSegmentRef": "design-plain-link-state-disabled-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.55 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 30.8 );\n  height: 25px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.55 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 30.8 );\n  height: 25px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.55 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 38.2 );\n  height: 25px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.55 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 38.2 );\n  height: 25px; \n}",
       "outputSegmentRef": "design-plain-link-state-disabled-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 43.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.45 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 14.3 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 43.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.45 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 14.3 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-disabled--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 43.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.45 );\n  margin-top: calc( var( --scw-spacing-1 ) * 38.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 43.55 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.45 );\n  margin-top: calc( var( --scw-spacing-1 ) * 38.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.5 );\n}",
       "outputSegmentRef": "design-plain-link-state-disabled-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 43.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.45 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 14.3 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 43.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.45 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 14.3 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-disabled--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 43.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.45 );\n  padding-top: calc( var( --scw-spacing-1 ) * 38.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 43.55 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.45 );\n  padding-top: calc( var( --scw-spacing-1 ) * 38.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.5 );\n}",
       "outputSegmentRef": "design-plain-link-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -127082,18 +128934,18 @@
       "outputSegmentRef": "design-plain-link-state-focused-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.15 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 31 );\n  height: 25px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.15 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 31 );\n  height: 25px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.4 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 38.4 );\n  height: 25px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.4 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 38.4 );\n  height: 25px; \n}",
       "outputSegmentRef": "design-plain-link-state-focused-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 30.15 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  margin-top: calc( var( --scw-spacing-1 ) * 31 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 14.1 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 30.15 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  margin-top: calc( var( --scw-spacing-1 ) * 31 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 14.1 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 38.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 38.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.3 );\n}",
       "outputSegmentRef": "design-plain-link-state-focused-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 30.15 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  padding-top: calc( var( --scw-spacing-1 ) * 31 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 14.1 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 30.15 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  padding-top: calc( var( --scw-spacing-1 ) * 31 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 14.1 );\n}",
+      "output": "\n@mixin comp-scw-link-base-design-plain-link-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 38.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 38.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.3 );\n}",
       "outputSegmentRef": "design-plain-link-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -127545,18 +129397,18 @@
       "outputSegmentRef": "design-solid-icon-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 35.4 );\n  height: 38px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 35.4 );\n  height: 38px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 42.8 );\n  height: 38px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 42.8 );\n  height: 38px; \n}",
       "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.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\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.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
       "outputSegmentRef": "design-solid-icon-mixins.html-autolayout-padding"
     }
   },
@@ -127753,18 +129605,18 @@
       "outputSegmentRef": "design-solid-icon-state-disabled-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.5 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 35.4 );\n  height: 38px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.5 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 35.4 );\n  height: 38px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.5 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 42.8 );\n  height: 38px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.5 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 42.8 );\n  height: 38px; \n}",
       "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 ) * 43.5 );\n  margin-right: var( --scw-spacing-8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 43.5 );\n  margin-right: var( --scw-spacing-8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\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 ) * 43.5 );\n  margin-right: var( --scw-spacing-8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 43.5 );\n  margin-right: var( --scw-spacing-8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\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 ) * 43.5 );\n  padding-right: var( --scw-spacing-8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 43.5 );\n  padding-right: var( --scw-spacing-8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\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 ) * 43.5 );\n  padding-right: var( --scw-spacing-8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 43.5 );\n  padding-right: var( --scw-spacing-8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
       "outputSegmentRef": "design-solid-icon-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -127961,18 +129813,18 @@
       "outputSegmentRef": "design-solid-icon-state-hover-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 17.2 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 35.4 );\n  height: 38px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 17.2 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 35.4 );\n  height: 38px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 17.2 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 42.8 );\n  height: 38px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 17.2 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 42.8 );\n  height: 38px; \n}",
       "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 ) * 17.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 17.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\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 ) * 17.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 17.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\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 ) * 17.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 17.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\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 ) * 17.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 17.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
       "outputSegmentRef": "design-solid-icon-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -128169,18 +130021,18 @@
       "outputSegmentRef": "design-solid-icon-state-focused-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.1 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 35.4 );\n  height: 38px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.1 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 35.4 );\n  height: 38px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-solid-icon-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.65 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 42.8 );\n  height: 38px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.65 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 42.8 );\n  height: 38px; \n}",
       "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 ) * 30.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 30.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\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 ) * 30.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  margin-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 30.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  margin-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\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 ) * 30.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 30.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.4 );\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 ) * 30.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  padding-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 30.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  padding-top: calc( var( --scw-spacing-1 ) * 42.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 15.6 );\n}",
       "outputSegmentRef": "design-solid-icon-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -128377,18 +130229,18 @@
       "outputSegmentRef": "design-icon-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-icon--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 41.2 );\n  height: 38px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 41.2 );\n  height: 38px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 48.6 );\n  height: 38px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 48.6 );\n  height: 38px; \n}",
       "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.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 41.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 41.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.6 );\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.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 48.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 48.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.8 );\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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 41.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 41.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.6 );\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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 48.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 47.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 48.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.8 );\n}",
       "outputSegmentRef": "design-icon-mixins.html-autolayout-padding"
     }
   },
@@ -128585,18 +130437,18 @@
       "outputSegmentRef": "design-icon-state-disabled-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 41.2 );\n  height: 38px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 41.2 );\n  height: 38px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-disabled--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 48.6 );\n  height: 38px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 43.6 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 48.6 );\n  height: 38px; \n}",
       "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 ) * 43.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 41.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 43.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 41.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.6 );\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 ) * 43.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 48.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 43.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 7.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 48.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.8 );\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 ) * 43.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 41.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 43.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 41.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.6 );\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 ) * 43.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 48.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 43.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 7.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 48.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.8 );\n}",
       "outputSegmentRef": "design-icon-state-disabled-mixins.html-autolayout-padding"
     }
   },
@@ -128793,18 +130645,18 @@
       "outputSegmentRef": "design-icon-state-hover-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 17.2 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 41.3 );\n  height: 38px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 17.2 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 41.3 );\n  height: 38px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 17.2 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 48.7 );\n  height: 38px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 17.2 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 48.7 );\n  height: 38px; \n}",
       "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 ) * 17.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 17.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.5 );\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 ) * 17.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 48.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 17.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 48.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.7 );\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 ) * 17.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 17.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.5 );\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 ) * 17.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 48.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 17.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 34.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 48.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.7 );\n}",
       "outputSegmentRef": "design-icon-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -129001,18 +130853,18 @@
       "outputSegmentRef": "design-icon-state-focused-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-link-base-design-icon-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.1 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 41.3 );\n  height: 38px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.1 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 41.3 );\n  height: 38px; \n}",
+      "output": "\n@mixin comp-scw-link-base-design-icon-state-focused--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.65 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 48.7 );\n  height: 38px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 30.65 );\n  width: 38px;\n  top: calc( var( --scw-spacing-1 ) * 48.7 );\n  height: 38px; \n}",
       "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 ) * 30.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 30.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.5 );\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 ) * 30.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  margin-top: calc( var( --scw-spacing-1 ) * 48.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 30.65 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  margin-top: calc( var( --scw-spacing-1 ) * 48.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.7 );\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 ) * 30.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 30.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.5 );\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 ) * 30.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  padding-top: calc( var( --scw-spacing-1 ) * 48.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 30.65 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.85 );\n  padding-top: calc( var( --scw-spacing-1 ) * 48.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.7 );\n}",
       "outputSegmentRef": "design-icon-state-focused-mixins.html-autolayout-padding"
     }
   },
@@ -130516,8 +132368,8 @@
       "namespace": "is-link-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-label-is-link-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 0.875rem/1.094rem '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 0.875rem/1.094rem '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-label-is-link-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 0.875rem/1.094rem 'Proxima Nova';\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: 400 0.875rem/1.094rem 'Proxima Nova';\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": "is-link-label-mixins.text"
     },
     "sizing": {
@@ -130615,8 +132467,8 @@
       "namespace": "size-regular-is-link-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-label-size-regular-is-link-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1.125rem/1.406rem '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 1.125rem/1.406rem '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-label-size-regular-is-link-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1.125rem/1.406rem 'Proxima Nova';\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: 400 1.125rem/1.406rem 'Proxima Nova';\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": "size-regular-is-link-label-mixins.text"
     },
     "sizing": {
@@ -130714,8 +132566,8 @@
       "namespace": "size-large-is-link-label-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-link-label-size-large-is-link-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1.25rem/1.563rem '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 1.25rem/1.563rem '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-label-size-large-is-link-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: 400 1.25rem/1.563rem 'Proxima Nova';\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: 400 1.25rem/1.563rem 'Proxima Nova';\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": "size-large-is-link-label-mixins.text"
     },
     "sizing": {
@@ -131739,8 +133591,8 @@
       "namespace": "state-hover-content-heading-text-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-icon-feature-base-state-hover-content-heading-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-04-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-04-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-state-hover-content-heading-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-04-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  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-04-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  flex: 1; \n}",
       "outputSegmentRef": "state-hover-content-heading-text-mixins.text"
     },
     "sizing": {
@@ -131838,8 +133690,8 @@
       "namespace": "state-hover-content-heading-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-icon-feature-base-state-hover-content-heading-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-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}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  } \n}",
+      "output": "\n@mixin comp-scw-icon-feature-base-state-hover-content-heading-icon-vector (\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}",
+      "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}",
       "outputSegmentRef": "state-hover-content-heading-icon-vector-mixins.box"
     },
     "sizing": {
@@ -132863,8 +134715,8 @@
       "namespace": "align-image-center-state-hover-content-heading-text-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-icon-feature-base-align-image-center-state-hover-content-heading-text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-bold-04-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: CENTER;\n  font: var( --scw-type-text-bold-04-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-icon-feature-base-align-image-center-state-hover-content-heading-text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-bold-04-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: CENTER;\n  font: var( --scw-type-text-bold-04-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": "align-image-center-state-hover-content-heading-text-mixins.text"
     },
     "sizing": {
@@ -132962,8 +134814,8 @@
       "namespace": "align-image-center-state-hover-content-heading-icon-vector-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-icon-feature-base-align-image-center-state-hover-content-heading-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-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}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  } \n}",
+      "output": "\n@mixin comp-scw-icon-feature-base-align-image-center-state-hover-content-heading-icon-vector (\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}",
+      "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}",
       "outputSegmentRef": "align-image-center-state-hover-content-heading-icon-vector-mixins.box"
     },
     "sizing": {