npm - scu-web-components - Versions diffs - 1.3.11 → 1.3.12 - Mend

scu-web-components 1.3.11 → 1.3.12

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

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

@@ -29690,8 +29690,8 @@
       "namespace": "type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
@@ -30455,8 +30455,8 @@
       "namespace": "state-success-type-rounded-input-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-input-state-success-type-rounded-input (\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: 25px 25px 25px 25px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-grey ) );\n  } @else {\n    border-color: var( --scw-color-grey );\n  }\n  align-self: stretch; \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: 25px 25px 25px 25px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-grey ) );\n  } @else {\n    border-color: var( --scw-color-grey );\n  }\n  align-self: stretch; \n}",
+      "output": "\n@mixin comp-scw-input-state-success-type-rounded-input (\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: 25px 25px 25px 25px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    border-color: var( --scw-color-grey-02 );\n  }\n  align-self: stretch; \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: 25px 25px 25px 25px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    border-color: var( --scw-color-grey-02 );\n  }\n  align-self: stretch; \n}",
       "outputSegmentRef": "state-success-type-rounded-input-mixins.box"
     },
     "sizing": {
@@ -30767,8 +30767,8 @@
       "namespace": "state-success-type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-state-success-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-state-success-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "state-success-type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
@@ -31022,8 +31022,8 @@
       "namespace": "state-success-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-input-state-success-type-rounded-input-icon-right-icon-icon-vector-color-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "output": "\n@mixin comp-scw-input-state-success-type-rounded-input-icon-right-icon-icon-vector-color-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "state-success-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.box"
     },
     "sizing": {
@@ -32869,8 +32869,8 @@
       "namespace": "size-small-type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-size-small-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-size-small-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "size-small-type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
@@ -33634,8 +33634,8 @@
       "namespace": "state-success-size-small-type-rounded-input-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-input-state-success-size-small-type-rounded-input (\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: 25px 25px 25px 25px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-grey ) );\n  } @else {\n    border-color: var( --scw-color-grey );\n  }\n  align-self: stretch; \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: 25px 25px 25px 25px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-grey ) );\n  } @else {\n    border-color: var( --scw-color-grey );\n  }\n  align-self: stretch; \n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-small-type-rounded-input (\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: 25px 25px 25px 25px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    border-color: var( --scw-color-grey-02 );\n  }\n  align-self: stretch; \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: 25px 25px 25px 25px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    border-color: var( --scw-color-grey-02 );\n  }\n  align-self: stretch; \n}",
       "outputSegmentRef": "state-success-size-small-type-rounded-input-mixins.box"
     },
     "sizing": {
@@ -33946,8 +33946,8 @@
       "namespace": "state-success-size-small-type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-state-success-size-small-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-small-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "state-success-size-small-type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
@@ -34201,8 +34201,8 @@
       "namespace": "state-success-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-input-state-success-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
       "outputSegmentRef": "state-success-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.box"
     },
     "sizing": {
@@ -36048,8 +36048,8 @@
       "namespace": "state-focused-type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-state-focused-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-state-focused-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "state-focused-type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
@@ -38150,8 +38150,8 @@
       "namespace": "state-focused-size-small-type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-small-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-small-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "state-focused-size-small-type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
@@ -40507,8 +40507,8 @@
       "namespace": "state-disabled-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-input-state-disabled-type-rounded-input-icon-right-icon-icon-vector-color-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-type-rounded-input-icon-right-icon-icon-vector-color-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    background-color: var( --scw-color-grey-06 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    background-color: var( --scw-color-grey-06 );\n  } \n}",
       "outputSegmentRef": "state-disabled-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.box"
     },
     "sizing": {
@@ -42609,8 +42609,8 @@
       "namespace": "state-disabled-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    background-color: var( --scw-color-grey-06 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    background-color: var( --scw-color-grey-06 );\n  } \n}",
       "outputSegmentRef": "state-disabled-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.box"
     },
     "sizing": {
@@ -63369,8 +63369,8 @@
       "outputSegmentRef": "size-large-type-rounded-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded--sizing {\n  width: 282px;\n  height: 118px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 118px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded--sizing {\n  width: 282px;\n  height: 113px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 113px;\n}",
       "outputSegmentRef": "size-large-type-rounded-mixins.sizing"
     },
     "width": {
@@ -63379,8 +63379,8 @@
       "outputSegmentRef": "size-large-type-rounded-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded--height {\n  height: 118px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 118px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded--height {\n  height: 113px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 113px;\n}",
       "outputSegmentRef": "size-large-type-rounded-mixins.height"
     },
     "padding": {
@@ -63394,18 +63394,18 @@
       "outputSegmentRef": "size-large-type-rounded-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 118px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 118px; \n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 113px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 113px; \n}",
       "outputSegmentRef": "size-large-type-rounded-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 141.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\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 ) * 141.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 141.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\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 ) * 141.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
       "outputSegmentRef": "size-large-type-rounded-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 141.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\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 ) * 141.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 141.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\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 ) * 141.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
       "outputSegmentRef": "size-large-type-rounded-mixins.html-autolayout-padding"
     }
   },
@@ -63451,13 +63451,13 @@
       "outputSegmentRef": "size-large-type-rounded-label-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-9 );\n}",
       "outputSegmentRef": "size-large-type-rounded-label-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-9 );\n}",
       "outputSegmentRef": "size-large-type-rounded-label-mixins.html-autolayout-padding"
     }
   },
@@ -63728,8 +63728,8 @@
       "outputSegmentRef": "size-large-type-rounded-input-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input--sizing {\n  width: 282px;\n  height: 65px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 65px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input--sizing {\n  width: 282px;\n  height: 60px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 60px;\n}",
       "outputSegmentRef": "size-large-type-rounded-input-mixins.sizing"
     },
     "width": {
@@ -63738,8 +63738,8 @@
       "outputSegmentRef": "size-large-type-rounded-input-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input--height {\n  height: 65px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 65px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input--height {\n  height: 60px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 60px;\n}",
       "outputSegmentRef": "size-large-type-rounded-input-mixins.height"
     },
     "padding": {
@@ -63810,13 +63810,13 @@
       "outputSegmentRef": "size-large-type-rounded-input-icon-left-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "size-large-type-rounded-input-icon-left-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "size-large-type-rounded-input-icon-left-mixins.html-autolayout-padding"
     }
   },
@@ -63988,8 +63988,8 @@
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder--sizing {\n  width: 172px;\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder--sizing {\n  width: 172px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 27px;\n}",
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-mixins.sizing"
     },
     "width": {
@@ -63998,8 +63998,8 @@
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder--height {\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-mixins.height"
     },
     "padding": {
@@ -64018,13 +64018,13 @@
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-mixins.html-autolayout-padding"
     }
   },
@@ -64035,13 +64035,13 @@
       "namespace": "size-large-type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder-placeholder--sizing {\n  width: 152px;\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 152px;\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder-placeholder--sizing {\n  width: 152px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 152px;\n  height: 27px;\n}",
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-placeholder-mixins.sizing"
     },
     "width": {
@@ -64050,8 +64050,8 @@
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-placeholder-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder-placeholder--height {\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-placeholder-placeholder--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
       "outputSegmentRef": "size-large-type-rounded-input-placeholder-placeholder-mixins.height"
     },
     "padding": {
@@ -64117,13 +64117,13 @@
       "outputSegmentRef": "size-large-type-rounded-input-icon-right-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "size-large-type-rounded-input-icon-right-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "size-large-type-rounded-input-icon-right-mixins.html-autolayout-padding"
     }
   },
@@ -64377,13 +64377,13 @@
       "outputSegmentRef": "size-large-type-rounded-feedback-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  margin-bottom: 0px;\n}",
       "outputSegmentRef": "size-large-type-rounded-feedback-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-size-large-type-rounded-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-size-large-type-rounded-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  padding-bottom: 0px;\n}",
       "outputSegmentRef": "size-large-type-rounded-feedback-mixins.html-autolayout-padding"
     }
   },
@@ -64446,8 +64446,8 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded--sizing {\n  width: 282px;\n  height: 118px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 118px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded--sizing {\n  width: 282px;\n  height: 113px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 113px;\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-mixins.sizing"
     },
     "width": {
@@ -64456,8 +64456,8 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded--height {\n  height: 118px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 118px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded--height {\n  height: 113px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 113px;\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-mixins.height"
     },
     "padding": {
@@ -64471,18 +64471,18 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 130.8 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 118px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 130.8 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 118px; \n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 130.8 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 113px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 130.8 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 113px; \n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 130.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 12.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 130.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 12.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 130.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 12.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 130.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 12.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 130.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 12.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 130.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 12.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 130.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 12.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 130.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 12.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-mixins.html-autolayout-padding"
     }
   },
@@ -64528,13 +64528,13 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-label-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-9 );\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-label-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-9 );\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-label-mixins.html-autolayout-padding"
     }
   },
@@ -64805,8 +64805,8 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-input-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input--sizing {\n  width: 282px;\n  height: 65px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 65px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input--sizing {\n  width: 282px;\n  height: 60px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 60px;\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-mixins.sizing"
     },
     "width": {
@@ -64815,8 +64815,8 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-input-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input--height {\n  height: 65px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 65px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input--height {\n  height: 60px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 60px;\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-mixins.height"
     },
     "padding": {
@@ -64887,13 +64887,13 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-mixins.html-autolayout-padding"
     }
   },
@@ -65065,8 +65065,8 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder--sizing {\n  width: 172px;\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder--sizing {\n  width: 172px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 27px;\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-mixins.sizing"
     },
     "width": {
@@ -65075,8 +65075,8 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder--height {\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-mixins.height"
     },
     "padding": {
@@ -65095,13 +65095,13 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-mixins.html-autolayout-padding"
     }
   },
@@ -65112,13 +65112,13 @@
       "namespace": "state-success-size-large-type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder-placeholder--sizing {\n  width: 152px;\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 152px;\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder-placeholder--sizing {\n  width: 152px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 152px;\n  height: 27px;\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-placeholder-mixins.sizing"
     },
     "width": {
@@ -65127,8 +65127,8 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-placeholder-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder-placeholder--height {\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-placeholder-placeholder--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-placeholder-mixins.height"
     },
     "padding": {
@@ -65194,13 +65194,13 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-mixins.html-autolayout-padding"
     }
   },
@@ -65402,13 +65402,13 @@
       "outputSegmentRef": "state-success-size-large-type-rounded-feedback-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  margin-bottom: 0px;\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-feedback-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-success-size-large-type-rounded-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  padding-bottom: 0px;\n}",
       "outputSegmentRef": "state-success-size-large-type-rounded-feedback-mixins.html-autolayout-padding"
     }
   },
@@ -66496,8 +66496,8 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded--sizing {\n  width: 282px;\n  height: 118px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 118px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded--sizing {\n  width: 282px;\n  height: 113px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 113px;\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-mixins.sizing"
     },
     "width": {
@@ -66506,8 +66506,8 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded--height {\n  height: 118px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 118px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded--height {\n  height: 113px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 113px;\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-mixins.height"
     },
     "padding": {
@@ -66521,18 +66521,18 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 34.2 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 118px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 34.2 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 118px; \n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 34.2 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 113px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 34.2 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 113px; \n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 34.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 108.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 34.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 108.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 34.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 108.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 34.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 108.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 34.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 108.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 34.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 108.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 34.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 108.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 34.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 108.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-mixins.html-autolayout-padding"
     }
   },
@@ -66578,13 +66578,13 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-label-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-9 );\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-label-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-9 );\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-label-mixins.html-autolayout-padding"
     }
   },
@@ -66855,8 +66855,8 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input--sizing {\n  width: 282px;\n  height: 65px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 65px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input--sizing {\n  width: 282px;\n  height: 60px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 60px;\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-mixins.sizing"
     },
     "width": {
@@ -66865,8 +66865,8 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input--height {\n  height: 65px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 65px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input--height {\n  height: 60px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 60px;\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-mixins.height"
     },
     "padding": {
@@ -66937,13 +66937,13 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-icon-left-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-icon-left-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-icon-left-mixins.html-autolayout-padding"
     }
   },
@@ -67115,8 +67115,8 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder--sizing {\n  width: 172px;\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder--sizing {\n  width: 172px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 27px;\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-mixins.sizing"
     },
     "width": {
@@ -67125,8 +67125,8 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder--height {\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-mixins.height"
     },
     "padding": {
@@ -67145,13 +67145,13 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-mixins.html-autolayout-padding"
     }
   },
@@ -67162,13 +67162,13 @@
       "namespace": "state-focused-size-large-type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder--sizing {\n  width: 152px;\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 152px;\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder--sizing {\n  width: 152px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 152px;\n  height: 27px;\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-mixins.sizing"
     },
     "width": {
@@ -67177,8 +67177,8 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder--height {\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-mixins.height"
     },
     "padding": {
@@ -67244,13 +67244,13 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-icon-right-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-icon-right-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-input-icon-right-mixins.html-autolayout-padding"
     }
   },
@@ -67504,13 +67504,13 @@
       "outputSegmentRef": "state-focused-size-large-type-rounded-feedback-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  margin-bottom: 0px;\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-feedback-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-focused-size-large-type-rounded-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  padding-bottom: 0px;\n}",
       "outputSegmentRef": "state-focused-size-large-type-rounded-feedback-mixins.html-autolayout-padding"
     }
   },
@@ -68598,8 +68598,8 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded--sizing {\n  width: 282px;\n  height: 118px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 118px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded--sizing {\n  width: 282px;\n  height: 113px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 113px;\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-mixins.sizing"
     },
     "width": {
@@ -68608,8 +68608,8 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded--height {\n  height: 118px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 118px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded--height {\n  height: 113px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 113px;\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-mixins.height"
     },
     "padding": {
@@ -68623,18 +68623,18 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 66.4 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 118px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 66.4 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 118px; \n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 66.4 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 113px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 66.4 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 113px; \n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-mixins.html-autolayout-padding"
     }
   },
@@ -68680,13 +68680,13 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-label-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-9 );\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-label-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-9 );\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-label-mixins.html-autolayout-padding"
     }
   },
@@ -68957,8 +68957,8 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input--sizing {\n  width: 282px;\n  height: 65px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 65px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input--sizing {\n  width: 282px;\n  height: 60px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 60px;\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-mixins.sizing"
     },
     "width": {
@@ -68967,8 +68967,8 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input--height {\n  height: 65px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 65px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input--height {\n  height: 60px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 60px;\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-mixins.height"
     },
     "padding": {
@@ -69039,13 +69039,13 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-icon-left-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-icon-left-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-icon-left-mixins.html-autolayout-padding"
     }
   },
@@ -69217,8 +69217,8 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder--sizing {\n  width: 172px;\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder--sizing {\n  width: 172px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 27px;\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-mixins.sizing"
     },
     "width": {
@@ -69227,8 +69227,8 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder--height {\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-mixins.height"
     },
     "padding": {
@@ -69247,13 +69247,13 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-mixins.html-autolayout-padding"
     }
   },
@@ -69264,13 +69264,13 @@
       "namespace": "state-disabled-size-large-type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    color: var( --scw-color-grey-06 );\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    color: var( --scw-color-grey-06 );\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    color: var( --scw-color-grey-06 );\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    color: var( --scw-color-grey-06 );\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder-placeholder--sizing {\n  width: 152px;\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 152px;\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder-placeholder--sizing {\n  width: 152px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 152px;\n  height: 27px;\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-placeholder-mixins.sizing"
     },
     "width": {
@@ -69279,8 +69279,8 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-placeholder-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder-placeholder--height {\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-placeholder-placeholder--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-placeholder-placeholder-mixins.height"
     },
     "padding": {
@@ -69346,13 +69346,13 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-icon-right-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-icon-right-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-icon-right-mixins.html-autolayout-padding"
     }
   },
@@ -69519,8 +69519,8 @@
       "namespace": "state-disabled-size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-icon-right-icon-icon-vector-color-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-input-icon-right-icon-icon-vector-color-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    background-color: var( --scw-color-grey-06 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    background-color: var( --scw-color-grey-06 );\n  } \n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.box"
     },
     "sizing": {
@@ -69606,13 +69606,13 @@
       "outputSegmentRef": "state-disabled-size-large-type-rounded-feedback-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  margin-bottom: 0px;\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-feedback-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-disabled-size-large-type-rounded-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  padding-bottom: 0px;\n}",
       "outputSegmentRef": "state-disabled-size-large-type-rounded-feedback-mixins.html-autolayout-padding"
     }
   },
@@ -70700,8 +70700,8 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded--sizing {\n  width: 282px;\n  height: 118px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 118px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded--sizing {\n  width: 282px;\n  height: 113px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 113px;\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-mixins.sizing"
     },
     "width": {
@@ -70710,8 +70710,8 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded--height {\n  height: 118px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 118px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded--height {\n  height: 113px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 113px;\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-mixins.height"
     },
     "padding": {
@@ -70725,18 +70725,18 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 98.6 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 118px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 98.6 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 118px; \n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 98.6 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 113px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 98.6 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 24 );\n  height: 113px; \n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 98.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 44.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 98.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 44.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 98.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 44.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 98.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 44.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 98.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 44.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 98.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 44.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 98.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 44.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 98.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 44.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24 );\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-mixins.html-autolayout-padding"
     }
   },
@@ -70782,13 +70782,13 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-label-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-9 );\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-label-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-9 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-9 );\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-label-mixins.html-autolayout-padding"
     }
   },
@@ -71059,8 +71059,8 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-input-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input--sizing {\n  width: 282px;\n  height: 65px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 65px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input--sizing {\n  width: 282px;\n  height: 60px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 60px;\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-mixins.sizing"
     },
     "width": {
@@ -71069,8 +71069,8 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-input-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input--height {\n  height: 65px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 65px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input--height {\n  height: 60px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 60px;\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-mixins.height"
     },
     "padding": {
@@ -71141,13 +71141,13 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-input-icon-left-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-icon-left-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-icon-left-mixins.html-autolayout-padding"
     }
   },
@@ -71319,8 +71319,8 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder--sizing {\n  width: 172px;\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder--sizing {\n  width: 172px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 27px;\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-mixins.sizing"
     },
     "width": {
@@ -71329,8 +71329,8 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder--height {\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-mixins.height"
     },
     "padding": {
@@ -71349,13 +71349,13 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-mixins.html-autolayout-padding"
     }
   },
@@ -71366,13 +71366,13 @@
       "namespace": "state-error-size-large-type-rounded-input-placeholder-placeholder-mixins"
     },
     "text": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
-      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , rgba(114,118,121,1) );\n  } @else {\n    color: rgba(114,118,121,1);\n  }\n  flex: 1; \n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-mixins.text"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder--sizing {\n  width: 152px;\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 152px;\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder--sizing {\n  width: 152px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 152px;\n  height: 27px;\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-mixins.sizing"
     },
     "width": {
@@ -71381,8 +71381,8 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder--height {\n  height: 31px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 31px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-mixins.height"
     },
     "padding": {
@@ -71448,13 +71448,13 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-input-icon-right-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-icon-right-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * -0.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.25 );\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-input-icon-right-mixins.html-autolayout-padding"
     }
   },
@@ -71708,13 +71708,13 @@
       "outputSegmentRef": "state-error-size-large-type-rounded-feedback-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  margin-bottom: 0px;\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-feedback-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
+      "output": "\n@mixin comp-scw-input-state-error-size-large-type-rounded-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );\n  padding-bottom: 0px;\n}",
       "outputSegmentRef": "state-error-size-large-type-rounded-feedback-mixins.html-autolayout-padding"
     }
   },
@@ -112731,8 +112731,8 @@
       "outputSegmentRef": "index-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-tag--sizing {\n  width: 436px;\n  height: 300px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 436px;\n  height: 300px;\n}",
+      "output": "\n@mixin comp-scw-tag--sizing {\n  width: 436px;\n  height: 385px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 436px;\n  height: 385px;\n}",
       "outputSegmentRef": "index-mixins.sizing"
     },
     "width": {
@@ -112741,8 +112741,8 @@
       "outputSegmentRef": "index-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-tag--height {\n  height: 300px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 300px;\n}",
+      "output": "\n@mixin comp-scw-tag--height {\n  height: 385px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 385px;\n}",
       "outputSegmentRef": "index-mixins.height"
     },
     "padding": {
@@ -112813,13 +112813,13 @@
       "outputSegmentRef": "default-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-default--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-default--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.3 );\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 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.3 );\n}",
       "outputSegmentRef": "default-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-default--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-default--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.3 );\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 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.3 );\n}",
       "outputSegmentRef": "default-mixins.html-autolayout-padding"
     }
   },
@@ -113063,18 +113063,18 @@
       "outputSegmentRef": "size-small-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-tag-size-small--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 16.3 );\n  height: 27px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 16.3 );\n  height: 27px; \n}",
+      "output": "\n@mixin comp-scw-tag-size-small--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 19.25 );\n  height: 27px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 19.25 );\n  height: 27px; \n}",
       "outputSegmentRef": "size-small-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 16.3 );\n  margin-bottom: var( --scw-spacing-11 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 16.3 );\n  margin-bottom: var( --scw-spacing-11 );\n}",
+      "output": "\n@mixin comp-scw-tag-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 19.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.55 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 19.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.55 );\n}",
       "outputSegmentRef": "size-small-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 16.3 );\n  padding-bottom: var( --scw-spacing-11 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 16.3 );\n  padding-bottom: var( --scw-spacing-11 );\n}",
+      "output": "\n@mixin comp-scw-tag-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 19.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.55 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 19.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.55 );\n}",
       "outputSegmentRef": "size-small-mixins.html-autolayout-padding"
     }
   },
@@ -113323,13 +113323,13 @@
       "outputSegmentRef": "theme-color-primary-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 33.3 );\n}",
       "outputSegmentRef": "theme-color-primary-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 33.3 );\n}",
       "outputSegmentRef": "theme-color-primary-mixins.html-autolayout-padding"
     }
   },
@@ -113573,18 +113573,18 @@
       "outputSegmentRef": "theme-color-primary-size-small-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 16.3 );\n  height: 27px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 16.3 );\n  height: 27px; \n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 19.25 );\n  height: 27px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 19.25 );\n  height: 27px; \n}",
       "outputSegmentRef": "theme-color-primary-size-small-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 16.3 );\n  margin-bottom: var( --scw-spacing-11 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 16.3 );\n  margin-bottom: var( --scw-spacing-11 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 19.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.55 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 19.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.55 );\n}",
       "outputSegmentRef": "theme-color-primary-size-small-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 16.3 );\n  padding-bottom: var( --scw-spacing-11 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 16.3 );\n  padding-bottom: var( --scw-spacing-11 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 19.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.55 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 19.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.55 );\n}",
       "outputSegmentRef": "theme-color-primary-size-small-mixins.html-autolayout-padding"
     }
   },
@@ -113833,13 +113833,13 @@
       "outputSegmentRef": "state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 20.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 20.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 29.3 );\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 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 29.3 );\n}",
       "outputSegmentRef": "state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 20.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 20.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 29.3 );\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 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 29.3 );\n}",
       "outputSegmentRef": "state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -114083,18 +114083,18 @@
       "outputSegmentRef": "state-hover-size-small-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-tag-state-hover-size-small--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 20 );\n  height: 27px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 20 );\n  height: 27px; \n}",
+      "output": "\n@mixin comp-scw-tag-state-hover-size-small--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 22.95 );\n  height: 27px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 22.95 );\n  height: 27px; \n}",
       "outputSegmentRef": "state-hover-size-small-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-state-hover-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.3 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.3 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-hover-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 22.95 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 12.85 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 22.95 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 12.85 );\n}",
       "outputSegmentRef": "state-hover-size-small-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-state-hover-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.3 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.3 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-hover-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 22.95 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 12.85 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 22.95 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 12.85 );\n}",
       "outputSegmentRef": "state-hover-size-small-mixins.html-autolayout-padding"
     }
   },
@@ -114343,13 +114343,13 @@
       "outputSegmentRef": "theme-color-primary-state-hover-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 20.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 20.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 29.3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 29.3 );\n}",
       "outputSegmentRef": "theme-color-primary-state-hover-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 20.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 20.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 29.3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 6.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 29.3 );\n}",
       "outputSegmentRef": "theme-color-primary-state-hover-mixins.html-autolayout-padding"
     }
   },
@@ -114593,18 +114593,18 @@
       "outputSegmentRef": "theme-color-primary-state-hover-size-small-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-hover-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 20 );\n  height: 27px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 20 );\n  height: 27px; \n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-hover-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 22.95 );\n  height: 27px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 22.95 );\n  height: 27px; \n}",
       "outputSegmentRef": "theme-color-primary-state-hover-size-small-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-hover-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.3 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 7.3 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-hover-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 22.95 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 12.85 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 22.95 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 12.85 );\n}",
       "outputSegmentRef": "theme-color-primary-state-hover-size-small-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-hover-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.3 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 7.3 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-hover-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 22.95 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 12.85 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 22.95 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 12.85 );\n}",
       "outputSegmentRef": "theme-color-primary-state-hover-size-small-mixins.html-autolayout-padding"
     }
   },
@@ -114818,8 +114818,8 @@
       "namespace": "state-selected-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-tag-state-selected (\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-radius: 30px 30px 30px 30px; \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-radius: 30px 30px 30px 30px; \n}",
+      "output": "\n@mixin comp-scw-tag-state-selected (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-grey-03 ) );\n  } @else {\n    background-color: var( --scw-color-grey-03 );\n  }\n  border-radius: 30px 30px 30px 30px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-grey-03 ) );\n  } @else {\n    background-color: var( --scw-color-grey-03 );\n  }\n  border-radius: 30px 30px 30px 30px; \n}",
       "outputSegmentRef": "state-selected-mixins.box"
     },
     "sizing": {
@@ -114853,13 +114853,13 @@
       "outputSegmentRef": "state-selected-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-state-selected--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-selected--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.3 );\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 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.3 );\n}",
       "outputSegmentRef": "state-selected-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-state-selected--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-selected--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.3 );\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 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.3 );\n}",
       "outputSegmentRef": "state-selected-mixins.html-autolayout-padding"
     }
   },
@@ -115004,18 +115004,18 @@
       "outputSegmentRef": "state-selected-scw-icon-icon-vector-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-tag-state-selected-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 ); \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 ); \n}",
+      "output": "\n@mixin comp-scw-tag-state-selected-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 ); \n}",
       "outputSegmentRef": "state-selected-scw-icon-icon-vector-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-state-selected-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-selected-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 );\n}",
       "outputSegmentRef": "state-selected-scw-icon-icon-vector-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-state-selected-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-selected-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 );\n}",
       "outputSegmentRef": "state-selected-scw-icon-icon-vector-mixins.html-autolayout-padding"
     }
   },
@@ -115066,6 +115066,261 @@
       "outputSegmentRef": "state-selected-category-label-mixins.html-autolayout-padding"
     }
   },
+  "components-scw-tag-state-selected-hover-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/state-selected-hover-mixins",
+      "namespace": "state-selected-hover-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover (\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-radius: 30px 30px 30px 30px; \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-radius: 30px 30px 30px 30px; \n}",
+      "outputSegmentRef": "state-selected-hover-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover--sizing {\n  width: 129px;\n  height: 30px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 129px;\n  height: 30px;\n}",
+      "outputSegmentRef": "state-selected-hover-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover--width {\n  width: 129px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 129px;\n}",
+      "outputSegmentRef": "state-selected-hover-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover--height {\n  height: 30px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 30px;\n}",
+      "outputSegmentRef": "state-selected-hover-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover--padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "state-selected-hover-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \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: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n      } \n}",
+      "outputSegmentRef": "state-selected-hover-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 129px;\n  top: calc( var( --scw-spacing-1 ) * 14.2 );\n  height: 30px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 129px;\n  top: calc( var( --scw-spacing-1 ) * 14.2 );\n  height: 30px; \n}",
+      "outputSegmentRef": "state-selected-hover-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.3 );\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 ) * 28.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.3 );\n}",
+      "outputSegmentRef": "state-selected-hover-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.3 );\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 ) * 28.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.3 );\n}",
+      "outputSegmentRef": "state-selected-hover-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-state-selected-hover-scw-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/state-selected-hover-scw-icon-mixins",
+      "namespace": "state-selected-hover-scw-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-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": "state-selected-hover-scw-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon--sizing {\n  width: 15px;\n  height: 15px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 15px;\n  height: 15px;\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon--width {\n  width: 15px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 15px;\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon--height {\n  height: 15px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 15px;\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-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": "state-selected-hover-scw-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-state-selected-hover-scw-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/state-selected-hover-scw-icon-icon-mixins",
+      "namespace": "state-selected-hover-scw-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-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": "state-selected-hover-scw-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon--sizing {\n  width: 15px;\n  height: 15px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 15px;\n  height: 15px;\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon--width {\n  width: 15px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 15px;\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon--height {\n  height: 15px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 15px;\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-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": "state-selected-hover-scw-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon--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": "state-selected-hover-scw-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon--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": "state-selected-hover-scw-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-state-selected-hover-scw-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/state-selected-hover-scw-icon-icon-vector-mixins",
+      "namespace": "state-selected-hover-scw-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon-vector--sizing {\n  width: 13.3929px;\n  height: 11.8625px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 13.3929px;\n  height: 11.8625px;\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon-vector--width {\n  width: 13.3929px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 13.3929px;\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon-vector--height {\n  height: 11.8625px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 11.8625px;\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-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": "state-selected-hover-scw-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 ); \n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "outputSegmentRef": "state-selected-hover-scw-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-state-selected-hover-category-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/state-selected-hover-category-label-mixins",
+      "namespace": "state-selected-hover-category-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-category-label (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-02-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-02-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "state-selected-hover-category-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-category-label--sizing {\n  width: 109px;\n  height: 20px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 109px;\n  height: 20px;\n}",
+      "outputSegmentRef": "state-selected-hover-category-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-category-label--width {\n  width: 109px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 109px;\n}",
+      "outputSegmentRef": "state-selected-hover-category-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-category-label--height {\n  height: 20px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 20px;\n}",
+      "outputSegmentRef": "state-selected-hover-category-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-category-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": "state-selected-hover-category-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-category-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "state-selected-hover-category-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-category-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "state-selected-hover-category-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-category-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "state-selected-hover-category-label-mixins.html-autolayout-padding"
+    }
+  },
   "components-scw-tag-state-selected-size-small-": {
     "module-info": {
       "output": "",
@@ -115073,8 +115328,8 @@
       "namespace": "state-selected-size-small-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-tag-state-selected-size-small (\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-radius: 30px 30px 30px 30px; \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-radius: 30px 30px 30px 30px; \n}",
+      "output": "\n@mixin comp-scw-tag-state-selected-size-small (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-grey-03 ) );\n  } @else {\n    background-color: var( --scw-color-grey-03 );\n  }\n  border-radius: 30px 30px 30px 30px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-grey-03 ) );\n  } @else {\n    background-color: var( --scw-color-grey-03 );\n  }\n  border-radius: 30px 30px 30px 30px; \n}",
       "outputSegmentRef": "state-selected-size-small-mixins.box"
     },
     "sizing": {
@@ -115103,18 +115358,18 @@
       "outputSegmentRef": "state-selected-size-small-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-tag-state-selected-size-small--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 23.7 );\n  height: 27px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 23.7 );\n  height: 27px; \n}",
+      "output": "\n@mixin comp-scw-tag-state-selected-size-small--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 26.65 );\n  height: 27px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 26.65 );\n  height: 27px; \n}",
       "outputSegmentRef": "state-selected-size-small-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-state-selected-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 3.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 3.6 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-selected-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.15 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.15 );\n}",
       "outputSegmentRef": "state-selected-size-small-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-state-selected-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 3.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 3.6 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-selected-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.15 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.15 );\n}",
       "outputSegmentRef": "state-selected-size-small-mixins.html-autolayout-padding"
     }
   },
@@ -115259,18 +115514,18 @@
       "outputSegmentRef": "state-selected-size-small-scw-icon-icon-vector-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-tag-state-selected-size-small-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
+      "output": "\n@mixin comp-scw-tag-state-selected-size-small-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
       "outputSegmentRef": "state-selected-size-small-scw-icon-icon-vector-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-state-selected-size-small-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-selected-size-small-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
       "outputSegmentRef": "state-selected-size-small-scw-icon-icon-vector-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-state-selected-size-small-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "output": "\n@mixin comp-scw-tag-state-selected-size-small-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
       "outputSegmentRef": "state-selected-size-small-scw-icon-icon-vector-mixins.html-autolayout-padding"
     }
   },
@@ -115321,6 +115576,261 @@
       "outputSegmentRef": "state-selected-size-small-category-label-mixins.html-autolayout-padding"
     }
   },
+  "components-scw-tag-state-selected-hover-size-small-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/state-selected-hover-size-small-mixins",
+      "namespace": "state-selected-hover-size-small-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small (\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-radius: 30px 30px 30px 30px; \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-radius: 30px 30px 30px 30px; \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small--sizing {\n  width: 112px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 112px;\n  height: 27px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small--width {\n  width: 112px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 112px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small--padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \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: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n      } \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 30.35 );\n  height: 27px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 30.35 );\n  height: 27px; \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.35 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 5.45 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.35 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 5.45 );\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.35 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 5.45 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 30.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.35 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 5.45 );\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-state-selected-hover-size-small-scw-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/state-selected-hover-size-small-scw-icon-mixins",
+      "namespace": "state-selected-hover-size-small-scw-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-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": "state-selected-hover-size-small-scw-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon--sizing {\n  width: 12px;\n  height: 12px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 12px;\n  height: 12px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon--width {\n  width: 12px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 12px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon--height {\n  height: 12px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 12px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-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": "state-selected-hover-size-small-scw-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-state-selected-hover-size-small-scw-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/state-selected-hover-size-small-scw-icon-icon-mixins",
+      "namespace": "state-selected-hover-size-small-scw-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-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": "state-selected-hover-size-small-scw-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon--sizing {\n  width: 12px;\n  height: 12px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 12px;\n  height: 12px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon--width {\n  width: 12px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 12px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon--height {\n  height: 12px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 12px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-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": "state-selected-hover-size-small-scw-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon--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": "state-selected-hover-size-small-scw-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon--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": "state-selected-hover-size-small-scw-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-state-selected-hover-size-small-scw-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/state-selected-hover-size-small-scw-icon-icon-vector-mixins",
+      "namespace": "state-selected-hover-size-small-scw-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon-vector--sizing {\n  width: 10.7143px;\n  height: 9.49px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10.7143px;\n  height: 9.49px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon-vector--width {\n  width: 10.7143px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10.7143px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon-vector--height {\n  height: 9.49px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 9.49px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-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": "state-selected-hover-size-small-scw-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-scw-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-state-selected-hover-size-small-category-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/state-selected-hover-size-small-category-label-mixins",
+      "namespace": "state-selected-hover-size-small-category-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-category-label (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-01-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-01-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-category-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-category-label--sizing {\n  width: 92px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 92px;\n  height: 17px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-category-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-category-label--width {\n  width: 92px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 92px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-category-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-category-label--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-category-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-category-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": "state-selected-hover-size-small-category-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-category-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "state-selected-hover-size-small-category-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-category-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-category-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-state-selected-hover-size-small-category-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "state-selected-hover-size-small-category-label-mixins.html-autolayout-padding"
+    }
+  },
   "components-scw-tag-theme-color-primary-state-selected-": {
     "module-info": {
       "output": "",
@@ -115363,13 +115873,13 @@
       "outputSegmentRef": "theme-color-primary-state-selected-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 25.3 );\n}",
       "outputSegmentRef": "theme-color-primary-state-selected-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 16.8 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 10.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 25.3 );\n}",
       "outputSegmentRef": "theme-color-primary-state-selected-mixins.html-autolayout-padding"
     }
   },
@@ -115514,18 +116024,18 @@
       "outputSegmentRef": "theme-color-primary-state-selected-scw-icon-icon-vector-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 ); \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 ); \n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 ); \n}",
       "outputSegmentRef": "theme-color-primary-state-selected-scw-icon-icon-vector-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 );\n}",
       "outputSegmentRef": "theme-color-primary-state-selected-scw-icon-icon-vector-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034305572509766 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 );\n}",
       "outputSegmentRef": "theme-color-primary-state-selected-scw-icon-icon-vector-mixins.html-autolayout-padding"
     }
   },
@@ -115576,6 +116086,261 @@
       "outputSegmentRef": "theme-color-primary-state-selected-category-label-mixins.html-autolayout-padding"
     }
   },
+  "components-scw-tag-theme-color-primary-state-selected-hover-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/theme-color-primary-state-selected-hover-mixins",
+      "namespace": "theme-color-primary-state-selected-hover-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  }\n  border-radius: 30px 30px 30px 30px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  }\n  border-radius: 30px 30px 30px 30px; \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover--sizing {\n  width: 129px;\n  height: 30px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 129px;\n  height: 30px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover--width {\n  width: 129px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 129px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover--height {\n  height: 30px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 30px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover--padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \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: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n      } \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 129px;\n  top: calc( var( --scw-spacing-1 ) * 14.2 );\n  height: 30px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 129px;\n  top: calc( var( --scw-spacing-1 ) * 14.2 );\n  height: 30px; \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14.2 );\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 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 14.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.3 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14.2 );\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 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 14.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.3 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-theme-color-primary-state-selected-hover-scw-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/theme-color-primary-state-selected-hover-scw-icon-mixins",
+      "namespace": "theme-color-primary-state-selected-hover-scw-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-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": "theme-color-primary-state-selected-hover-scw-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon--sizing {\n  width: 15px;\n  height: 15px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 15px;\n  height: 15px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon--width {\n  width: 15px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 15px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon--height {\n  height: 15px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 15px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-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": "theme-color-primary-state-selected-hover-scw-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/theme-color-primary-state-selected-hover-scw-icon-icon-mixins",
+      "namespace": "theme-color-primary-state-selected-hover-scw-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-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": "theme-color-primary-state-selected-hover-scw-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon--sizing {\n  width: 15px;\n  height: 15px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 15px;\n  height: 15px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon--width {\n  width: 15px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 15px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon--height {\n  height: 15px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 15px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-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": "theme-color-primary-state-selected-hover-scw-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon--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": "theme-color-primary-state-selected-hover-scw-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon--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": "theme-color-primary-state-selected-hover-scw-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins",
+      "namespace": "theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon-vector--sizing {\n  width: 13.3929px;\n  height: 11.8625px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 13.3929px;\n  height: 11.8625px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon-vector--width {\n  width: 13.3929px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 13.3929px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon-vector--height {\n  height: 11.8625px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 11.8625px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-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": "theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 ); \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.08034315109252929 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.15691490173339845 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-scw-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-theme-color-primary-state-selected-hover-category-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/theme-color-primary-state-selected-hover-category-label-mixins",
+      "namespace": "theme-color-primary-state-selected-hover-category-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-category-label (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-02-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-02-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-category-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-category-label--sizing {\n  width: 109px;\n  height: 20px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 109px;\n  height: 20px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-category-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-category-label--width {\n  width: 109px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 109px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-category-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-category-label--height {\n  height: 20px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 20px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-category-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-category-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": "theme-color-primary-state-selected-hover-category-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-category-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-category-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-category-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-category-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-category-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-category-label-mixins.html-autolayout-padding"
+    }
+  },
   "components-scw-tag-theme-color-primary-state-selected-size-small-": {
     "module-info": {
       "output": "",
@@ -115613,18 +116378,18 @@
       "outputSegmentRef": "theme-color-primary-state-selected-size-small-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 23.7 );\n  height: 27px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 23.7 );\n  height: 27px; \n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 26.65 );\n  height: 27px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 26.65 );\n  height: 27px; \n}",
       "outputSegmentRef": "theme-color-primary-state-selected-size-small-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 3.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 3.6 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.15 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 26.65 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.15 );\n}",
       "outputSegmentRef": "theme-color-primary-state-selected-size-small-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 3.6 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 3.6 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.15 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 26.65 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.15 );\n}",
       "outputSegmentRef": "theme-color-primary-state-selected-size-small-mixins.html-autolayout-padding"
     }
   },
@@ -115769,18 +116534,18 @@
       "outputSegmentRef": "theme-color-primary-state-selected-size-small-scw-icon-icon-vector-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
       "outputSegmentRef": "theme-color-primary-state-selected-size-small-scw-icon-icon-vector-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
       "outputSegmentRef": "theme-color-primary-state-selected-size-small-scw-icon-icon-vector-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-size-small-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431350708007813 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
       "outputSegmentRef": "theme-color-primary-state-selected-size-small-scw-icon-icon-vector-mixins.html-autolayout-padding"
     }
   },
@@ -115831,6 +116596,261 @@
       "outputSegmentRef": "theme-color-primary-state-selected-size-small-category-label-mixins.html-autolayout-padding"
     }
   },
+  "components-scw-tag-theme-color-primary-state-selected-hover-size-small-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/theme-color-primary-state-selected-hover-size-small-mixins",
+      "namespace": "theme-color-primary-state-selected-hover-size-small-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  }\n  border-radius: 30px 30px 30px 30px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  }\n  border-radius: 30px 30px 30px 30px; \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small--sizing {\n  width: 112px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 112px;\n  height: 27px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small--width {\n  width: 112px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 112px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small--padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \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: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.5 ); \n      } \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 30.35 );\n  height: 27px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.9 );\n  width: 112px;\n  top: calc( var( --scw-spacing-1 ) * 30.35 );\n  height: 27px; \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.35 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 5.45 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  margin-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 30.35 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 5.45 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.35 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 5.45 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.9 );\n  padding-right: calc( var( --scw-spacing-1 ) * 10.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 30.35 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 5.45 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/theme-color-primary-state-selected-hover-size-small-scw-icon-mixins",
+      "namespace": "theme-color-primary-state-selected-hover-size-small-scw-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-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": "theme-color-primary-state-selected-hover-size-small-scw-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon--sizing {\n  width: 12px;\n  height: 12px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 12px;\n  height: 12px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon--width {\n  width: 12px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 12px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon--height {\n  height: 12px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 12px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-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": "theme-color-primary-state-selected-hover-size-small-scw-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins",
+      "namespace": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-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": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon--sizing {\n  width: 12px;\n  height: 12px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 12px;\n  height: 12px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon--width {\n  width: 12px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 12px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon--height {\n  height: 12px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 12px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-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": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon--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": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon--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": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins",
+      "namespace": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector--sizing {\n  width: 10.7143px;\n  height: 9.49px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 10.7143px;\n  height: 9.49px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector--width {\n  width: 10.7143px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 10.7143px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector--height {\n  height: 9.49px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 9.49px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-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": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 ); \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.1255859375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12541465759277343 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-scw-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-tag-theme-color-primary-state-selected-hover-size-small-category-label-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-tag/theme-color-primary-state-selected-hover-size-small-category-label-mixins",
+      "namespace": "theme-color-primary-state-selected-hover-size-small-category-label-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-category-label (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-01-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: CENTER;\n  font: var( --scw-type-text-semibold-01-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    color: var( --scw-color-grey-10 );\n  } \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-category-label-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-category-label--sizing {\n  width: 92px;\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 92px;\n  height: 17px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-category-label-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-category-label--width {\n  width: 92px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 92px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-category-label-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-category-label--height {\n  height: 17px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-category-label-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-category-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": "theme-color-primary-state-selected-hover-size-small-category-label-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-category-label--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-category-label-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-category-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-category-label-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-tag-theme-color-primary-state-selected-hover-size-small-category-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+      "outputSegmentRef": "theme-color-primary-state-selected-hover-size-small-category-label-mixins.html-autolayout-padding"
+    }
+  },
   "components-scw-floating-button-": {
     "module-info": {
       "output": "",