scu-web-components 0.0.69 → 0.0.71

package/dist/tokens/source/componentScssMixins.json

@@ -54984,28 +54984,28 @@
       "outputSegmentRef": "index-mixins.box"
     },
     "sizing": {
-      "output": "\n@mixin comp-scw-icon-feature-icon--sizing {\n  width: 397px;\n  height: 314px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 397px;\n  height: 314px;\n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon--sizing {\n  width: 372px;\n  height: 160px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 372px;\n  height: 160px;\n}",
       "outputSegmentRef": "index-mixins.sizing"
     },
     "width": {
-      "output": "\n@mixin comp-scw-icon-feature-icon--width {\n  width: 397px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 397px;\n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon--width {\n  width: 372px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 372px;\n}",
       "outputSegmentRef": "index-mixins.width"
     },
     "height": {
-      "output": "\n@mixin comp-scw-icon-feature-icon--height {\n  height: 314px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 314px;\n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon--height {\n  height: 160px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 160px;\n}",
       "outputSegmentRef": "index-mixins.height"
     },
     "padding": {
-      "output": "\n@mixin comp-scw-icon-feature-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}",
+      "output": "\n@mixin comp-scw-icon-feature-icon--padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
       "outputSegmentRef": "index-mixins.padding"
     },
     "figma-autolayout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon--figma-autolayout { \n   \n}",
-      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 1.6 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 1.6 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 1.6 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 1.6 ); \n      } \n}",
       "outputSegmentRef": "index-mixins.figma-autolayout"
     },
     "absolute-layout": {
@@ -55024,318 +55024,6 @@
       "outputSegmentRef": "index-mixins.html-autolayout-padding"
     }
   },
-  "components-scw-icon-feature-icon-background-": {
-    "module-info": {
-      "output": "",
-      "path": "comp-scw-icon-feature-icon/background-mixins",
-      "namespace": "background-mixins"
-    },
-    "box": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
-      "outputSegmentRef": "background-mixins.box"
-    },
-    "sizing": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background--sizing {\n  width: 80px;\n  height: 80px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 80px;\n  height: 80px;\n}",
-      "outputSegmentRef": "background-mixins.sizing"
-    },
-    "width": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background--width {\n  width: 80px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 80px;\n}",
-      "outputSegmentRef": "background-mixins.width"
-    },
-    "height": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background--height {\n  height: 80px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 80px;\n}",
-      "outputSegmentRef": "background-mixins.height"
-    },
-    "padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background--padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegmentRef": "background-mixins.padding"
-    },
-    "figma-autolayout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-1 ); \n        --margin-right: var( --scw-spacing-1 ); \n      } \n}",
-      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-1 ); \n        --margin-right: var( --scw-spacing-1 ); \n      } \n}",
-      "outputSegmentRef": "background-mixins.figma-autolayout"
-    },
-    "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 80px;\n  top: var( --scw-spacing-2 );\n  height: 80px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 80px;\n  top: var( --scw-spacing-2 );\n  height: 80px; \n}",
-      "outputSegmentRef": "background-mixins.absolute-layout"
-    },
-    "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 29.7 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 29.7 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 21.4 );\n}",
-      "outputSegmentRef": "background-mixins.html-autolayout-margins"
-    },
-    "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 29.7 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 29.7 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 21.4 );\n}",
-      "outputSegmentRef": "background-mixins.html-autolayout-padding"
-    }
-  },
-  "components-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1-": {
-    "module-info": {
-      "output": "",
-      "path": "comp-scw-icon-feature-icon/background-screenshot-2023-03-02-at-2-24-1-mixins",
-      "namespace": "background-screenshot-2023-03-02-at-2-24-1-mixins"
-    },
-    "box": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1 (\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": "background-screenshot-2023-03-02-at-2-24-1-mixins.box"
-    },
-    "sizing": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--sizing {\n  width: 60px;\n  height: 60px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 60px;\n  height: 60px;\n}",
-      "outputSegmentRef": "background-screenshot-2023-03-02-at-2-24-1-mixins.sizing"
-    },
-    "width": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--width {\n  width: 60px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 60px;\n}",
-      "outputSegmentRef": "background-screenshot-2023-03-02-at-2-24-1-mixins.width"
-    },
-    "height": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--height {\n  height: 60px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 60px;\n}",
-      "outputSegmentRef": "background-screenshot-2023-03-02-at-2-24-1-mixins.height"
-    },
-    "padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--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": "background-screenshot-2023-03-02-at-2-24-1-mixins.padding"
-    },
-    "figma-autolayout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--figma-autolayout { \n   \n}",
-      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "background-screenshot-2023-03-02-at-2-24-1-mixins.figma-autolayout"
-    },
-    "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--absolute-layout {\n   \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
-      "outputSegmentRef": "background-screenshot-2023-03-02-at-2-24-1-mixins.absolute-layout"
-    },
-    "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegmentRef": "background-screenshot-2023-03-02-at-2-24-1-mixins.html-autolayout-margins"
-    },
-    "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegmentRef": "background-screenshot-2023-03-02-at-2-24-1-mixins.html-autolayout-padding"
-    }
-  },
-  "components-scw-icon-feature-icon-background-size-medium-": {
-    "module-info": {
-      "output": "",
-      "path": "comp-scw-icon-feature-icon/background-size-medium-mixins",
-      "namespace": "background-size-medium-mixins"
-    },
-    "box": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
-      "outputSegmentRef": "background-size-medium-mixins.box"
-    },
-    "sizing": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium--sizing {\n  width: 100px;\n  height: 100px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 100px;\n  height: 100px;\n}",
-      "outputSegmentRef": "background-size-medium-mixins.sizing"
-    },
-    "width": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium--width {\n  width: 100px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 100px;\n}",
-      "outputSegmentRef": "background-size-medium-mixins.width"
-    },
-    "height": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium--height {\n  height: 100px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 100px;\n}",
-      "outputSegmentRef": "background-size-medium-mixins.height"
-    },
-    "padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium--padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegmentRef": "background-size-medium-mixins.padding"
-    },
-    "figma-autolayout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-1 ); \n        --margin-right: var( --scw-spacing-1 ); \n      } \n}",
-      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-1 ); \n        --margin-right: var( --scw-spacing-1 ); \n      } \n}",
-      "outputSegmentRef": "background-size-medium-mixins.figma-autolayout"
-    },
-    "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 12.5 );\n  width: 100px;\n  top: var( --scw-spacing-2 );\n  height: 100px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 12.5 );\n  width: 100px;\n  top: var( --scw-spacing-2 );\n  height: 100px; \n}",
-      "outputSegmentRef": "background-size-medium-mixins.absolute-layout"
-    },
-    "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 17.2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 19.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 17.2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 19.4 );\n}",
-      "outputSegmentRef": "background-size-medium-mixins.html-autolayout-margins"
-    },
-    "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 17.2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 19.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 17.2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 19.4 );\n}",
-      "outputSegmentRef": "background-size-medium-mixins.html-autolayout-padding"
-    }
-  },
-  "components-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1-": {
-    "module-info": {
-      "output": "",
-      "path": "comp-scw-icon-feature-icon/background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins",
-      "namespace": "background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins"
-    },
-    "box": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1 (\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": "background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.box"
-    },
-    "sizing": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--sizing {\n  width: 80px;\n  height: 80px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 80px;\n  height: 80px;\n}",
-      "outputSegmentRef": "background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.sizing"
-    },
-    "width": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--width {\n  width: 80px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 80px;\n}",
-      "outputSegmentRef": "background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.width"
-    },
-    "height": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--height {\n  height: 80px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 80px;\n}",
-      "outputSegmentRef": "background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.height"
-    },
-    "padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--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": "background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.padding"
-    },
-    "figma-autolayout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--figma-autolayout { \n   \n}",
-      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.figma-autolayout"
-    },
-    "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--absolute-layout {\n   \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
-      "outputSegmentRef": "background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.absolute-layout"
-    },
-    "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegmentRef": "background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.html-autolayout-margins"
-    },
-    "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegmentRef": "background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.html-autolayout-padding"
-    }
-  },
-  "components-scw-icon-feature-icon-background-size-large-": {
-    "module-info": {
-      "output": "",
-      "path": "comp-scw-icon-feature-icon/background-size-large-mixins",
-      "namespace": "background-size-large-mixins"
-    },
-    "box": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
-      "outputSegmentRef": "background-size-large-mixins.box"
-    },
-    "sizing": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large--sizing {\n  width: 120px;\n  height: 120px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 120px;\n  height: 120px;\n}",
-      "outputSegmentRef": "background-size-large-mixins.sizing"
-    },
-    "width": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large--width {\n  width: 120px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 120px;\n}",
-      "outputSegmentRef": "background-size-large-mixins.width"
-    },
-    "height": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large--height {\n  height: 120px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 120px;\n}",
-      "outputSegmentRef": "background-size-large-mixins.height"
-    },
-    "padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large--padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegmentRef": "background-size-large-mixins.padding"
-    },
-    "figma-autolayout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-1 ); \n        --margin-right: var( --scw-spacing-1 ); \n      } \n}",
-      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-1 ); \n        --margin-right: var( --scw-spacing-1 ); \n      } \n}",
-      "outputSegmentRef": "background-size-large-mixins.figma-autolayout"
-    },
-    "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 25 );\n  width: 120px;\n  top: var( --scw-spacing-2 );\n  height: 120px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 25 );\n  width: 120px;\n  top: var( --scw-spacing-2 );\n  height: 120px; \n}",
-      "outputSegmentRef": "background-size-large-mixins.absolute-layout"
-    },
-    "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 25 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 17.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 25 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 17.4 );\n}",
-      "outputSegmentRef": "background-size-large-mixins.html-autolayout-margins"
-    },
-    "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 25 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 17.4 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 25 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 17.4 );\n}",
-      "outputSegmentRef": "background-size-large-mixins.html-autolayout-padding"
-    }
-  },
-  "components-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1-": {
-    "module-info": {
-      "output": "",
-      "path": "comp-scw-icon-feature-icon/background-size-large-screenshot-2023-03-02-at-2-24-1-mixins",
-      "namespace": "background-size-large-screenshot-2023-03-02-at-2-24-1-mixins"
-    },
-    "box": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1 (\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": "background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.box"
-    },
-    "sizing": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--sizing {\n  width: 100px;\n  height: 100px;\n}",
-      "outputSegment": "\n@mixin sizing {\n  width: 100px;\n  height: 100px;\n}",
-      "outputSegmentRef": "background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.sizing"
-    },
-    "width": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--width {\n  width: 100px;\n}",
-      "outputSegment": "\n@mixin width {\n  width: 100px;\n}",
-      "outputSegmentRef": "background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.width"
-    },
-    "height": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--height {\n  height: 100px;\n}",
-      "outputSegment": "\n@mixin height {\n  height: 100px;\n}",
-      "outputSegmentRef": "background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.height"
-    },
-    "padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--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": "background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.padding"
-    },
-    "figma-autolayout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--figma-autolayout { \n   \n}",
-      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-      "outputSegmentRef": "background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.figma-autolayout"
-    },
-    "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--absolute-layout {\n   \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
-      "outputSegmentRef": "background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.absolute-layout"
-    },
-    "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegmentRef": "background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.html-autolayout-margins"
-    },
-    "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
-      "outputSegmentRef": "background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.html-autolayout-padding"
-    }
-  },
   "components-scw-icon-feature-icon-default-": {
     "module-info": {
       "output": "",
@@ -55343,8 +55031,8 @@
       "namespace": "default-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-default (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-default (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
       "outputSegmentRef": "default-mixins.box"
     },
     "sizing": {
@@ -55373,18 +55061,18 @@
       "outputSegmentRef": "default-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-default--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 17.6 );\n  height: 80px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 80px;\n  top: calc( var( --scw-spacing-1 ) * 17.6 );\n  height: 80px; \n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-default--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
       "outputSegmentRef": "default-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-default--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 29.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 5.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 ) * 29.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 5.8 );\n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-default--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 27.2 );\n  margin-top: var( --scw-spacing-4 );\n  margin-bottom: var( --scw-spacing-4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 27.2 );\n  margin-top: var( --scw-spacing-4 );\n  margin-bottom: var( --scw-spacing-4 );\n}",
       "outputSegmentRef": "default-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-default--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 29.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 5.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 ) * 29.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 5.8 );\n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-default--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 27.2 );\n  padding-top: var( --scw-spacing-4 );\n  padding-bottom: var( --scw-spacing-4 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 27.2 );\n  padding-top: var( --scw-spacing-4 );\n  padding-bottom: var( --scw-spacing-4 );\n}",
       "outputSegmentRef": "default-mixins.html-autolayout-padding"
     }
   },
@@ -55447,8 +55135,8 @@
       "namespace": "size-medium-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-size-medium (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-size-medium (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
       "outputSegmentRef": "size-medium-mixins.box"
     },
     "sizing": {
@@ -55477,18 +55165,18 @@
       "outputSegmentRef": "size-medium-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-size-medium--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 12.5 );\n  width: 100px;\n  top: calc( var( --scw-spacing-1 ) * 17.6 );\n  height: 100px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 12.5 );\n  width: 100px;\n  top: calc( var( --scw-spacing-1 ) * 17.6 );\n  height: 100px; \n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-size-medium--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
       "outputSegmentRef": "size-medium-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-size-medium--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 17.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 3.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 12.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 17.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 3.8 );\n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-size-medium--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 15.6 );\n  margin-top: var( --scw-spacing-3 );\n  margin-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 15.6 );\n  margin-top: var( --scw-spacing-3 );\n  margin-bottom: var( --scw-spacing-3 );\n}",
       "outputSegmentRef": "size-medium-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-size-medium--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 17.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 3.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 12.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 17.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 3.8 );\n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-size-medium--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 15.6 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 15.6 );\n  padding-top: var( --scw-spacing-3 );\n  padding-bottom: var( --scw-spacing-3 );\n}",
       "outputSegmentRef": "size-medium-mixins.html-autolayout-padding"
     }
   },
@@ -55551,8 +55239,8 @@
       "namespace": "size-large-mixins"
     },
     "box": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-size-large (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
-      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-size-large (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-primary-09 ) );\n  } @else {\n    background-color: var( --scw-color-primary-09 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
       "outputSegmentRef": "size-large-mixins.box"
     },
     "sizing": {
@@ -55581,18 +55269,18 @@
       "outputSegmentRef": "size-large-mixins.figma-autolayout"
     },
     "absolute-layout": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-size-large--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 25 );\n  width: 120px;\n  top: calc( var( --scw-spacing-1 ) * 17.6 );\n  height: 120px; \n}",
-      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 25 );\n  width: 120px;\n  top: calc( var( --scw-spacing-1 ) * 17.6 );\n  height: 120px; \n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-size-large--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
       "outputSegmentRef": "size-large-mixins.absolute-layout"
     },
     "html-autolayout-margins": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-size-large--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 25 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 25 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.8 );\n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-size-large--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23.2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23.2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
       "outputSegmentRef": "size-large-mixins.html-autolayout-margins"
     },
     "html-autolayout-padding": {
-      "output": "\n@mixin comp-scw-icon-feature-icon-size-large--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 25 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.8 );\n}",
-      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 25 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 17.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.8 );\n}",
+      "output": "\n@mixin comp-scw-icon-feature-icon-size-large--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23.2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23.2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
       "outputSegmentRef": "size-large-mixins.html-autolayout-padding"
     }
   },
@@ -55647,5 +55335,770 @@
       "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: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
       "outputSegmentRef": "size-large-screenshot-2023-03-02-at-2-24-1-mixins.html-autolayout-padding"
     }
+  },
+  "components-scw-accordion-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/index-mixins",
+      "namespace": "index-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , rgba(151,71,255,1) );\n  } @else {\n    border-color: rgba(151,71,255,1);\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , rgba(151,71,255,1) );\n  } @else {\n    border-color: rgba(151,71,255,1);\n  } \n}",
+      "outputSegmentRef": "index-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion--sizing {\n  width: 979px;\n  height: 292px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 979px;\n  height: 292px;\n}",
+      "outputSegmentRef": "index-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion--width {\n  width: 979px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 979px;\n}",
+      "outputSegmentRef": "index-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion--height {\n  height: 292px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 292px;\n}",
+      "outputSegmentRef": "index-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion--padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "index-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-bottom: var( --scw-spacing-3 ); \n        --margin-bottom: var( --scw-spacing-3 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-bottom: var( --scw-spacing-3 ); \n        --margin-bottom: var( --scw-spacing-3 ); \n      } \n}",
+      "outputSegmentRef": "index-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "index-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "index-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "index-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-open-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/open-mixins",
+      "namespace": "open-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-open (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 10px 10px 10px 10px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    border-color: var( --scw-color-grey-09 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 10px 10px 10px 10px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    border-color: var( --scw-color-grey-09 );\n  } \n}",
+      "outputSegmentRef": "open-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-open--sizing {\n  width: 939px;\n  height: 155px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 939px;\n  height: 155px;\n}",
+      "outputSegmentRef": "open-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-open--width {\n  width: 939px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 939px;\n}",
+      "outputSegmentRef": "open-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-open--height {\n  height: 155px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 155px;\n}",
+      "outputSegmentRef": "open-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-open--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": "open-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-open--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+      "outputSegmentRef": "open-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-open--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "open-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-open--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 11.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 11.7 );\n}",
+      "outputSegmentRef": "open-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-open--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 11.7 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 11.7 );\n}",
+      "outputSegmentRef": "open-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-open-button-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/open-button-mixins",
+      "namespace": "open-button-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-open-button (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+      "outputSegmentRef": "open-button-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-open-button--sizing {\n  width: 939px;\n  height: 67px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 939px;\n  height: 67px;\n}",
+      "outputSegmentRef": "open-button-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-open-button--width {\n  width: 939px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 939px;\n}",
+      "outputSegmentRef": "open-button-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-open-button--height {\n  height: 67px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 67px;\n}",
+      "outputSegmentRef": "open-button-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-open-button--padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "open-button-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-open-button--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-1 ); \n        --margin-right: var( --scw-spacing-1 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-1 ); \n        --margin-right: var( --scw-spacing-1 ); \n      } \n}",
+      "outputSegmentRef": "open-button-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-open-button--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "open-button-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-open-button--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 8.8 );\n}",
+      "outputSegmentRef": "open-button-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-open-button--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.8 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 8.8 );\n}",
+      "outputSegmentRef": "open-button-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-open-button-text-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/open-button-text-mixins",
+      "namespace": "open-button-text-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-accordion-open-button-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-07-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  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-07-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  flex: 1; \n}",
+      "outputSegmentRef": "open-button-text-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-open-button-text--sizing {\n  width: 863px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 863px;\n  height: 27px;\n}",
+      "outputSegmentRef": "open-button-text-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-open-button-text--width {\n  width: 863px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 863px;\n}",
+      "outputSegmentRef": "open-button-text-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-open-button-text--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "open-button-text-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-open-button-text--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "open-button-text-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-open-button-text--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "open-button-text-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-open-button-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.6 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.6 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "open-button-text-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-open-button-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.6 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.6 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "open-button-text-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-open-button-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/open-button-icon-mixins",
+      "namespace": "open-button-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-open-button-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": "open-button-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon--sizing {\n  width: 26px;\n  height: 26px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 26px;\n  height: 26px;\n}",
+      "outputSegmentRef": "open-button-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon--width {\n  width: 26px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 26px;\n}",
+      "outputSegmentRef": "open-button-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon--height {\n  height: 26px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 26px;\n}",
+      "outputSegmentRef": "open-button-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-open-button-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": "open-button-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "open-button-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "open-button-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 89.3 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.05 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.05 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 89.3 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.05 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.05 );\n}",
+      "outputSegmentRef": "open-button-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 89.3 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.05 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.05 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 89.3 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.05 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.05 );\n}",
+      "outputSegmentRef": "open-button-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-open-button-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/open-button-icon-icon-mixins",
+      "namespace": "open-button-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-open-button-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": "open-button-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon--sizing {\n  width: 26px;\n  height: 26px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 26px;\n  height: 26px;\n}",
+      "outputSegmentRef": "open-button-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon--width {\n  width: 26px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 26px;\n}",
+      "outputSegmentRef": "open-button-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon--height {\n  height: 26px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 26px;\n}",
+      "outputSegmentRef": "open-button-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-open-button-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": "open-button-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "open-button-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-open-button-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": "open-button-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-open-button-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": "open-button-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-open-button-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": "open-button-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-open-button-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/open-button-icon-icon-vector-mixins",
+      "namespace": "open-button-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-open-button-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": "open-button-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon-vector--sizing {\n  width: 17.6045px;\n  height: 2.0313px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17.6045px;\n  height: 2.0313px;\n}",
+      "outputSegmentRef": "open-button-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon-vector--width {\n  width: 17.6045px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17.6045px;\n}",
+      "outputSegmentRef": "open-button-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon-vector--height {\n  height: 2.0313px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 2.0313px;\n}",
+      "outputSegmentRef": "open-button-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-open-button-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": "open-button-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "open-button-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41435546875 );\n  right: calc( var( --scw-spacing-1 ) * 0.4251953125 );\n  top: calc( var( --scw-spacing-1 ) * 1.1984375 );\n  bottom: calc( var( --scw-spacing-1 ) * 1.1984375 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.41435546875 );\n  right: calc( var( --scw-spacing-1 ) * 0.4251953125 );\n  top: calc( var( --scw-spacing-1 ) * 1.1984375 );\n  bottom: calc( var( --scw-spacing-1 ) * 1.1984375 ); \n}",
+      "outputSegmentRef": "open-button-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41435546875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4251953125 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.1984375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1984375 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.41435546875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.4251953125 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.1984375 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1984375 );\n}",
+      "outputSegmentRef": "open-button-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-open-button-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41435546875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4251953125 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.1984375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1984375 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.41435546875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.4251953125 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.1984375 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1984375 );\n}",
+      "outputSegmentRef": "open-button-icon-icon-vector-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-open-content-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/open-content-mixins",
+      "namespace": "open-content-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-open-content (\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: 0px 0px 10px 10px;\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: 0px 0px 10px 10px;\n  align-self: stretch; \n}",
+      "outputSegmentRef": "open-content-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-open-content--sizing {\n  width: 939px;\n  height: 88px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 939px;\n  height: 88px;\n}",
+      "outputSegmentRef": "open-content-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-open-content--width {\n  width: 939px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 939px;\n}",
+      "outputSegmentRef": "open-content-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-open-content--height {\n  height: 88px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 88px;\n}",
+      "outputSegmentRef": "open-content-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-open-content--padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "open-content-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-open-content--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: flex-start;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+      "outputSegmentRef": "open-content-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-open-content--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "open-content-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-open-content--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 6.7 );\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: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "open-content-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-open-content--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 6.7 );\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: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "open-content-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-open-content-text-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/open-content-text-mixins",
+      "namespace": "open-content-text-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-accordion-open-content-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  align-self: stretch; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  align-self: stretch; \n}",
+      "outputSegmentRef": "open-content-text-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-open-content-text--sizing {\n  width: 899px;\n  height: 48px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 899px;\n  height: 48px;\n}",
+      "outputSegmentRef": "open-content-text-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-open-content-text--width {\n  width: 899px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 899px;\n}",
+      "outputSegmentRef": "open-content-text-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-open-content-text--height {\n  height: 48px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 48px;\n}",
+      "outputSegmentRef": "open-content-text-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-open-content-text--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "open-content-text-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-open-content-text--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "open-content-text-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-open-content-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "open-content-text-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-open-content-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "open-content-text-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-default-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/default-mixins",
+      "namespace": "default-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-default (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 10px 10px 10px 10px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    border-color: var( --scw-color-grey-09 );\n  } \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 10px 10px 10px 10px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    border-color: var( --scw-color-grey-09 );\n  } \n}",
+      "outputSegmentRef": "default-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-default--sizing {\n  width: 939px;\n  height: 67px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 939px;\n  height: 67px;\n}",
+      "outputSegmentRef": "default-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-default--width {\n  width: 939px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 939px;\n}",
+      "outputSegmentRef": "default-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-default--height {\n  height: 67px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 67px;\n}",
+      "outputSegmentRef": "default-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-default--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-default--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+      "outputSegmentRef": "default-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-default--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-default--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "default-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-default--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 20.5 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "default-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-default-button-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/default-button-mixins",
+      "namespace": "default-button-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-default-button (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+      "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+      "outputSegmentRef": "default-button-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-default-button--sizing {\n  width: 939px;\n  height: 67px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 939px;\n  height: 67px;\n}",
+      "outputSegmentRef": "default-button-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-default-button--width {\n  width: 939px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 939px;\n}",
+      "outputSegmentRef": "default-button-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-default-button--height {\n  height: 67px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 67px;\n}",
+      "outputSegmentRef": "default-button-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-default-button--padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "default-button-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-default-button--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-1 ); \n        --margin-right: var( --scw-spacing-1 ); \n      } \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-right: var( --scw-spacing-1 ); \n        --margin-right: var( --scw-spacing-1 ); \n      } \n}",
+      "outputSegmentRef": "default-button-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-default-button--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-button-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-default-button--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+      "outputSegmentRef": "default-button-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-default-button--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-button-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-default-button-credit-union-industry-and-financial-education-awards-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/default-button-credit-union-industry-and-financial-education-awards-mixins",
+      "namespace": "default-button-credit-union-industry-and-financial-education-awards-mixins"
+    },
+    "text": {
+      "output": "\n@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-07-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  flex: 1; \n}",
+      "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-07-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  flex: 1; \n}",
+      "outputSegmentRef": "default-button-credit-union-industry-and-financial-education-awards-mixins.text"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--sizing {\n  width: 863px;\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 863px;\n  height: 27px;\n}",
+      "outputSegmentRef": "default-button-credit-union-industry-and-financial-education-awards-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--width {\n  width: 863px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 863px;\n}",
+      "outputSegmentRef": "default-button-credit-union-industry-and-financial-education-awards-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--height {\n  height: 27px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+      "outputSegmentRef": "default-button-credit-union-industry-and-financial-education-awards-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+      "outputSegmentRef": "default-button-credit-union-industry-and-financial-education-awards-mixins.padding"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-button-credit-union-industry-and-financial-education-awards-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.6 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.6 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "default-button-credit-union-industry-and-financial-education-awards-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.6 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.6 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+      "outputSegmentRef": "default-button-credit-union-industry-and-financial-education-awards-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-default-button-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/default-button-icon-mixins",
+      "namespace": "default-button-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-default-button-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": "default-button-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon--sizing {\n  width: 26px;\n  height: 26px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 26px;\n  height: 26px;\n}",
+      "outputSegmentRef": "default-button-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon--width {\n  width: 26px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 26px;\n}",
+      "outputSegmentRef": "default-button-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon--height {\n  height: 26px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 26px;\n}",
+      "outputSegmentRef": "default-button-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+      "outputSegmentRef": "default-button-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-button-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon--absolute-layout {\n   \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+      "outputSegmentRef": "default-button-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 89.3 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.05 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.05 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 89.3 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.05 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 2.05 );\n}",
+      "outputSegmentRef": "default-button-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 89.3 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.05 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.05 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 89.3 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.05 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 2.05 );\n}",
+      "outputSegmentRef": "default-button-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-default-button-icon-icon-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/default-button-icon-icon-mixins",
+      "namespace": "default-button-icon-icon-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-default-button-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": "default-button-icon-icon-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon--sizing {\n  width: 26px;\n  height: 26px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 26px;\n  height: 26px;\n}",
+      "outputSegmentRef": "default-button-icon-icon-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon--width {\n  width: 26px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 26px;\n}",
+      "outputSegmentRef": "default-button-icon-icon-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon--height {\n  height: 26px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 26px;\n}",
+      "outputSegmentRef": "default-button-icon-icon-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-default-button-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": "default-button-icon-icon-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-button-icon-icon-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-default-button-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": "default-button-icon-icon-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-default-button-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": "default-button-icon-icon-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-default-button-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": "default-button-icon-icon-mixins.html-autolayout-padding"
+    }
+  },
+  "components-scw-accordion-default-button-icon-icon-vector-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-accordion/default-button-icon-icon-vector-mixins",
+      "namespace": "default-button-icon-icon-vector-mixins"
+    },
+    "box": {
+      "output": "\n@mixin comp-scw-accordion-default-button-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": "default-button-icon-icon-vector-mixins.box"
+    },
+    "sizing": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon-vector--sizing {\n  width: 17.6045px;\n  height: 17.6042px;\n}",
+      "outputSegment": "\n@mixin sizing {\n  width: 17.6045px;\n  height: 17.6042px;\n}",
+      "outputSegmentRef": "default-button-icon-icon-vector-mixins.sizing"
+    },
+    "width": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon-vector--width {\n  width: 17.6045px;\n}",
+      "outputSegment": "\n@mixin width {\n  width: 17.6045px;\n}",
+      "outputSegmentRef": "default-button-icon-icon-vector-mixins.width"
+    },
+    "height": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon-vector--height {\n  height: 17.6042px;\n}",
+      "outputSegment": "\n@mixin height {\n  height: 17.6042px;\n}",
+      "outputSegmentRef": "default-button-icon-icon-vector-mixins.height"
+    },
+    "padding": {
+      "output": "\n@mixin comp-scw-accordion-default-button-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": "default-button-icon-icon-vector-mixins.padding"
+    },
+    "figma-autolayout": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon-vector--figma-autolayout { \n   \n}",
+      "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+      "outputSegmentRef": "default-button-icon-icon-vector-mixins.figma-autolayout"
+    },
+    "absolute-layout": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.43330078125 );\n  right: calc( var( --scw-spacing-1 ) * 0.40625 );\n  top: calc( var( --scw-spacing-1 ) * 0.4333251953125 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.40625 ); \n}",
+      "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.43330078125 );\n  right: calc( var( --scw-spacing-1 ) * 0.40625 );\n  top: calc( var( --scw-spacing-1 ) * 0.4333251953125 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.40625 ); \n}",
+      "outputSegmentRef": "default-button-icon-icon-vector-mixins.absolute-layout"
+    },
+    "html-autolayout-margins": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.43330078125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.40625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4333251953125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.40625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.43330078125 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.40625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4333251953125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.40625 );\n}",
+      "outputSegmentRef": "default-button-icon-icon-vector-mixins.html-autolayout-margins"
+    },
+    "html-autolayout-padding": {
+      "output": "\n@mixin comp-scw-accordion-default-button-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.43330078125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.40625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4333251953125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.40625 );\n}",
+      "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.43330078125 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.40625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4333251953125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.40625 );\n}",
+      "outputSegmentRef": "default-button-icon-icon-vector-mixins.html-autolayout-padding"
+    }
   }
 }