npm - scu-web-components - Versions diffs - 0.0.1 - Mend

scu-web-components 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2096) hide show

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

@@ -0,0 +1,2192 @@
+{
+  "components-scw-card-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/index-vars",
+      "namespace": "index-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-card-background-color: rgba(0,0,0,0);",
+      "outputSegment": "$background-color: rgba(0,0,0,0);",
+      "outputSegmentRef": "index-vars.$background-color"
+    },
+    "stroke-color": {
+      "output": "$comp-scw-card-stroke-color: rgba(123,97,255,1);",
+      "outputSegment": "$stroke-color: rgba(123,97,255,1);",
+      "outputSegmentRef": "index-vars.$stroke-color"
+    },
+    "stroke-weight": {
+      "output": "$comp-scw-card-stroke-weight: 1px;",
+      "outputSegment": "$stroke-weight: 1px;",
+      "outputSegmentRef": "index-vars.$stroke-weight"
+    },
+    "stroke-align": {
+      "output": "$comp-scw-card-stroke-align: INSIDE;",
+      "outputSegment": "$stroke-align: INSIDE;",
+      "outputSegmentRef": "index-vars.$stroke-align"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-card-corner-radius-top-left: 0px;",
+      "outputSegment": "$corner-radius-top-left: 0px;",
+      "outputSegmentRef": "index-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-card-corner-radius-top-right: 0px;",
+      "outputSegment": "$corner-radius-top-right: 0px;",
+      "outputSegmentRef": "index-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-card-corner-radius-bottom-right: 0px;",
+      "outputSegment": "$corner-radius-bottom-right: 0px;",
+      "outputSegmentRef": "index-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-card-corner-radius-bottom-left: 0px;",
+      "outputSegment": "$corner-radius-bottom-left: 0px;",
+      "outputSegmentRef": "index-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-card-width: 1363px;",
+      "outputSegment": "$width: 1363px;",
+      "outputSegmentRef": "index-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-height: 519px;",
+      "outputSegment": "$height: 519px;",
+      "outputSegmentRef": "index-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "index-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "index-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "index-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-layout-context: NONE;",
+      "outputSegment": "$layout-context: NONE;",
+      "outputSegmentRef": "index-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-layout-mode: HORIZONTAL;",
+      "outputSegment": "$layout-mode: HORIZONTAL;",
+      "outputSegmentRef": "index-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "index-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "index-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-item-spacing: var( --spacing-5 );",
+      "outputSegment": "$item-spacing: var( --spacing-5 );",
+      "outputSegmentRef": "index-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-layout-align: MIN;",
+      "outputSegment": "$layout-align: MIN;",
+      "outputSegmentRef": "index-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "index-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "index-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-top-percent: 0%;",
+      "outputSegment": "$top-percent: 0%;",
+      "outputSegmentRef": "index-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "index-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "index-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-left-percent: 0%;",
+      "outputSegment": "$left-percent: 0%;",
+      "outputSegmentRef": "index-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "index-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-card-padding-left: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegment": "$padding-left: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegmentRef": "index-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-card-padding-right: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegment": "$padding-right: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegmentRef": "index-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-card-padding-top: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegment": "$padding-top: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegmentRef": "index-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-card-padding-bottom: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegment": "$padding-bottom: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegmentRef": "index-vars.$padding-bottom"
+    }
+  },
+  "components-scw-card-default-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/default-vars",
+      "namespace": "default-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-card-default-background-color: rgba(0,0,0,0);",
+      "outputSegment": "$background-color: rgba(0,0,0,0);",
+      "outputSegmentRef": "default-vars.$background-color"
+    },
+    "width": {
+      "output": "$comp-scw-card-default-width: 636px;",
+      "outputSegment": "$width: 636px;",
+      "outputSegmentRef": "default-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-default-height: 479px;",
+      "outputSegment": "$height: 479px;",
+      "outputSegmentRef": "default-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-default-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "default-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-default-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "default-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-default-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-default-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "default-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-default-layout-mode: VERTICAL;",
+      "outputSegment": "$layout-mode: VERTICAL;",
+      "outputSegmentRef": "default-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-default-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-default-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-default-item-spacing: calc( var( --spacing-1 ) * 1.5 );",
+      "outputSegment": "$item-spacing: calc( var( --spacing-1 ) * 1.5 );",
+      "outputSegmentRef": "default-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-default-layout-align: INHERIT;",
+      "outputSegment": "$layout-align: INHERIT;",
+      "outputSegmentRef": "default-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-default-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "default-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-default-top: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegmentRef": "default-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-default-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
+      "outputSegmentRef": "default-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-default-bottom: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegmentRef": "default-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-default-left: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegment": "$left: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegmentRef": "default-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-default-left-percent: 24.8%;",
+      "outputSegment": "$left-percent: 24.8%;",
+      "outputSegmentRef": "default-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-default-right: calc( var( --spacing-1 ) * 88.375 );",
+      "outputSegment": "$right: calc( var( --spacing-1 ) * 88.375 );",
+      "outputSegmentRef": "default-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-card-default-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "default-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-card-default-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "default-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-card-default-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "default-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-card-default-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "default-vars.$padding-bottom"
+    },
+    "margin-right": {
+      "output": "$comp-scw-card-default-margin-right: calc( var( --spacing-1 ) * 1.5 );",
+      "outputSegment": "$margin-right: calc( var( --spacing-1 ) * 1.5 );",
+      "outputSegmentRef": "default-vars.$margin-right"
+    }
+  },
+  "components-scw-card-default-image-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/default-image-vars",
+      "namespace": "default-image-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-card-default-image-background-color: var( --color-grey-09-color );",
+      "outputSegment": "$background-color: var( --color-grey-09-color );",
+      "outputSegmentRef": "default-image-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-card-default-image-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "default-image-vars.$blend-mode"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-card-default-image-corner-radius-top-left: 10px;",
+      "outputSegment": "$corner-radius-top-left: 10px;",
+      "outputSegmentRef": "default-image-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-card-default-image-corner-radius-top-right: 10px;",
+      "outputSegment": "$corner-radius-top-right: 10px;",
+      "outputSegmentRef": "default-image-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-card-default-image-corner-radius-bottom-right: 10px;",
+      "outputSegment": "$corner-radius-bottom-right: 10px;",
+      "outputSegmentRef": "default-image-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-card-default-image-corner-radius-bottom-left: 10px;",
+      "outputSegment": "$corner-radius-bottom-left: 10px;",
+      "outputSegmentRef": "default-image-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-card-default-image-width: 636px;",
+      "outputSegment": "$width: 636px;",
+      "outputSegmentRef": "default-image-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-default-image-height: 333px;",
+      "outputSegment": "$height: 333px;",
+      "outputSegmentRef": "default-image-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-default-image-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "default-image-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-default-image-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "default-image-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-default-image-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-image-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-default-image-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "default-image-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-default-image-layout-mode: VERTICAL;",
+      "outputSegment": "$layout-mode: VERTICAL;",
+      "outputSegmentRef": "default-image-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-default-image-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-image-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-default-image-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-image-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-default-image-item-spacing: var( --spacing-1 );",
+      "outputSegment": "$item-spacing: var( --spacing-1 );",
+      "outputSegmentRef": "default-image-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-default-image-layout-align: STRETCH;",
+      "outputSegment": "$layout-align: STRETCH;",
+      "outputSegmentRef": "default-image-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-default-image-layout-grow: 1;",
+      "outputSegment": "$layout-grow: 1;",
+      "outputSegmentRef": "default-image-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-default-image-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "default-image-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-default-image-top-percent: 34.76%;",
+      "outputSegment": "$top-percent: 34.76%;",
+      "outputSegmentRef": "default-image-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-default-image-bottom: calc( var( --spacing-1 ) * 18.25 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 18.25 );",
+      "outputSegmentRef": "default-image-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-default-image-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "default-image-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-default-image-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "default-image-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-default-image-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "default-image-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-card-default-image-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "default-image-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-card-default-image-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "default-image-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-card-default-image-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "default-image-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-card-default-image-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "default-image-vars.$padding-bottom"
+    },
+    "margin-bottom": {
+      "output": "$comp-scw-card-default-image-margin-bottom: var( --spacing-1 );",
+      "outputSegment": "$margin-bottom: var( --spacing-1 );",
+      "outputSegmentRef": "default-image-vars.$margin-bottom"
+    }
+  },
+  "components-scw-card-default-supertitle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/default-supertitle-vars",
+      "namespace": "default-supertitle-vars"
+    },
+    "characters": {
+      "output": "$comp-scw-card-default-supertitle-characters: '{supertitle}';",
+      "outputSegment": "$characters: '{supertitle}';",
+      "outputSegmentRef": "default-supertitle-vars.$characters"
+    },
+    "font-size": {
+      "output": "$comp-scw-card-default-supertitle-font-size: var( --type-text-semibold-font-size );",
+      "outputSegment": "$font-size: var( --type-text-semibold-font-size );",
+      "outputSegmentRef": "default-supertitle-vars.$font-size"
+    },
+    "text-align-horizontal": {
+      "output": "$comp-scw-card-default-supertitle-text-align-horizontal: LEFT;",
+      "outputSegment": "$text-align-horizontal: LEFT;",
+      "outputSegmentRef": "default-supertitle-vars.$text-align-horizontal"
+    },
+    "text-align-vertical": {
+      "output": "$comp-scw-card-default-supertitle-text-align-vertical: TOP;",
+      "outputSegment": "$text-align-vertical: TOP;",
+      "outputSegmentRef": "default-supertitle-vars.$text-align-vertical"
+    },
+    "text-transform": {
+      "output": "$comp-scw-card-default-supertitle-text-transform: var( --type-text-semibold-text-transform );",
+      "outputSegment": "$text-transform: var( --type-text-semibold-text-transform );",
+      "outputSegmentRef": "default-supertitle-vars.$text-transform"
+    },
+    "color": {
+      "output": "$comp-scw-card-default-supertitle-color: rgba(119,58,145,1);",
+      "outputSegment": "$color: rgba(119,58,145,1);",
+      "outputSegmentRef": "default-supertitle-vars.$color"
+    },
+    "font-family": {
+      "output": "$comp-scw-card-default-supertitle-font-family: var( --type-text-semibold-font-family );",
+      "outputSegment": "$font-family: var( --type-text-semibold-font-family );",
+      "outputSegmentRef": "default-supertitle-vars.$font-family"
+    },
+    "font-weight": {
+      "output": "$comp-scw-card-default-supertitle-font-weight: var( --type-text-semibold-font-weight );",
+      "outputSegment": "$font-weight: var( --type-text-semibold-font-weight );",
+      "outputSegmentRef": "default-supertitle-vars.$font-weight"
+    },
+    "line-height": {
+      "output": "$comp-scw-card-default-supertitle-line-height: var( --type-text-semibold-line-height );",
+      "outputSegment": "$line-height: var( --type-text-semibold-line-height );",
+      "outputSegmentRef": "default-supertitle-vars.$line-height"
+    },
+    "letter-spacing": {
+      "output": "$comp-scw-card-default-supertitle-letter-spacing: var( --type-text-semibold-letter-spacing );",
+      "outputSegment": "$letter-spacing: var( --type-text-semibold-letter-spacing );",
+      "outputSegmentRef": "default-supertitle-vars.$letter-spacing"
+    },
+    "width": {
+      "output": "$comp-scw-card-default-supertitle-width: 636px;",
+      "outputSegment": "$width: 636px;",
+      "outputSegmentRef": "default-supertitle-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-default-supertitle-height: 18px;",
+      "outputSegment": "$height: 18px;",
+      "outputSegmentRef": "default-supertitle-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-default-supertitle-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "default-supertitle-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-default-supertitle-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "default-supertitle-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-default-supertitle-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-supertitle-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-default-supertitle-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "default-supertitle-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-default-supertitle-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "default-supertitle-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-default-supertitle-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-supertitle-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-default-supertitle-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-supertitle-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-default-supertitle-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "default-supertitle-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-default-supertitle-layout-align: STRETCH;",
+      "outputSegment": "$layout-align: STRETCH;",
+      "outputSegmentRef": "default-supertitle-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-default-supertitle-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "default-supertitle-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-default-supertitle-top: calc( var( --spacing-1 ) * 43.125 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 43.125 );",
+      "outputSegmentRef": "default-supertitle-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-default-supertitle-top-percent: 73.9%;",
+      "outputSegment": "$top-percent: 73.9%;",
+      "outputSegmentRef": "default-supertitle-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-default-supertitle-bottom: calc( var( --spacing-1 ) * 14.5 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 14.5 );",
+      "outputSegmentRef": "default-supertitle-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-default-supertitle-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "default-supertitle-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-default-supertitle-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "default-supertitle-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-default-supertitle-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "default-supertitle-vars.$right"
+    },
+    "margin-bottom": {
+      "output": "$comp-scw-card-default-supertitle-margin-bottom: 0px;",
+      "outputSegment": "$margin-bottom: 0px;",
+      "outputSegmentRef": "default-supertitle-vars.$margin-bottom"
+    }
+  },
+  "components-scw-card-default-title-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/default-title-vars",
+      "namespace": "default-title-vars"
+    },
+    "characters": {
+      "output": "$comp-scw-card-default-title-characters: '{title}';",
+      "outputSegment": "$characters: '{title}';",
+      "outputSegmentRef": "default-title-vars.$characters"
+    },
+    "font-size": {
+      "output": "$comp-scw-card-default-title-font-size: var( --type-text-bold-09-font-size );",
+      "outputSegment": "$font-size: var( --type-text-bold-09-font-size );",
+      "outputSegmentRef": "default-title-vars.$font-size"
+    },
+    "text-align-horizontal": {
+      "output": "$comp-scw-card-default-title-text-align-horizontal: LEFT;",
+      "outputSegment": "$text-align-horizontal: LEFT;",
+      "outputSegmentRef": "default-title-vars.$text-align-horizontal"
+    },
+    "text-align-vertical": {
+      "output": "$comp-scw-card-default-title-text-align-vertical: TOP;",
+      "outputSegment": "$text-align-vertical: TOP;",
+      "outputSegmentRef": "default-title-vars.$text-align-vertical"
+    },
+    "text-transform": {
+      "output": "$comp-scw-card-default-title-text-transform: var( --type-text-bold-09-text-transform );",
+      "outputSegment": "$text-transform: var( --type-text-bold-09-text-transform );",
+      "outputSegmentRef": "default-title-vars.$text-transform"
+    },
+    "color": {
+      "output": "$comp-scw-card-default-title-color: var( --color-grey-02-color );",
+      "outputSegment": "$color: var( --color-grey-02-color );",
+      "outputSegmentRef": "default-title-vars.$color"
+    },
+    "font-family": {
+      "output": "$comp-scw-card-default-title-font-family: var( --type-text-bold-09-font-family );",
+      "outputSegment": "$font-family: var( --type-text-bold-09-font-family );",
+      "outputSegmentRef": "default-title-vars.$font-family"
+    },
+    "font-weight": {
+      "output": "$comp-scw-card-default-title-font-weight: var( --type-text-bold-09-font-weight );",
+      "outputSegment": "$font-weight: var( --type-text-bold-09-font-weight );",
+      "outputSegmentRef": "default-title-vars.$font-weight"
+    },
+    "line-height": {
+      "output": "$comp-scw-card-default-title-line-height: var( --type-text-bold-09-line-height );",
+      "outputSegment": "$line-height: var( --type-text-bold-09-line-height );",
+      "outputSegmentRef": "default-title-vars.$line-height"
+    },
+    "letter-spacing": {
+      "output": "$comp-scw-card-default-title-letter-spacing: var( --type-text-bold-09-letter-spacing );",
+      "outputSegment": "$letter-spacing: var( --type-text-bold-09-letter-spacing );",
+      "outputSegmentRef": "default-title-vars.$letter-spacing"
+    },
+    "width": {
+      "output": "$comp-scw-card-default-title-width: 636px;",
+      "outputSegment": "$width: 636px;",
+      "outputSegmentRef": "default-title-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-default-title-height: 29px;",
+      "outputSegment": "$height: 29px;",
+      "outputSegmentRef": "default-title-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-default-title-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "default-title-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-default-title-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "default-title-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-default-title-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-title-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-default-title-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "default-title-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-default-title-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "default-title-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-default-title-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-title-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-default-title-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-title-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-default-title-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "default-title-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-default-title-layout-align: STRETCH;",
+      "outputSegment": "$layout-align: STRETCH;",
+      "outputSegmentRef": "default-title-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-default-title-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "default-title-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-default-title-top: calc( var( --spacing-1 ) * 46.875 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 46.875 );",
+      "outputSegmentRef": "default-title-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-default-title-top-percent: 81.32%;",
+      "outputSegment": "$top-percent: 81.32%;",
+      "outputSegmentRef": "default-title-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-default-title-bottom: calc( var( --spacing-1 ) * 9.375 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 9.375 );",
+      "outputSegmentRef": "default-title-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-default-title-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "default-title-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-default-title-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "default-title-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-default-title-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "default-title-vars.$right"
+    },
+    "margin-bottom": {
+      "output": "$comp-scw-card-default-title-margin-bottom: 0px;",
+      "outputSegment": "$margin-bottom: 0px;",
+      "outputSegmentRef": "default-title-vars.$margin-bottom"
+    }
+  },
+  "components-scw-card-default-description-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/default-description-vars",
+      "namespace": "default-description-vars"
+    },
+    "characters": {
+      "output": "$comp-scw-card-default-description-characters: '{description}';",
+      "outputSegment": "$characters: '{description}';",
+      "outputSegmentRef": "default-description-vars.$characters"
+    },
+    "font-size": {
+      "output": "$comp-scw-card-default-description-font-size: var( --type-text-06-font-size );",
+      "outputSegment": "$font-size: var( --type-text-06-font-size );",
+      "outputSegmentRef": "default-description-vars.$font-size"
+    },
+    "text-align-horizontal": {
+      "output": "$comp-scw-card-default-description-text-align-horizontal: LEFT;",
+      "outputSegment": "$text-align-horizontal: LEFT;",
+      "outputSegmentRef": "default-description-vars.$text-align-horizontal"
+    },
+    "text-align-vertical": {
+      "output": "$comp-scw-card-default-description-text-align-vertical: TOP;",
+      "outputSegment": "$text-align-vertical: TOP;",
+      "outputSegmentRef": "default-description-vars.$text-align-vertical"
+    },
+    "text-transform": {
+      "output": "$comp-scw-card-default-description-text-transform: var( --type-text-06-text-transform );",
+      "outputSegment": "$text-transform: var( --type-text-06-text-transform );",
+      "outputSegmentRef": "default-description-vars.$text-transform"
+    },
+    "color": {
+      "output": "$comp-scw-card-default-description-color: var( --color-grey-02-color );",
+      "outputSegment": "$color: var( --color-grey-02-color );",
+      "outputSegmentRef": "default-description-vars.$color"
+    },
+    "font-family": {
+      "output": "$comp-scw-card-default-description-font-family: var( --type-text-06-font-family );",
+      "outputSegment": "$font-family: var( --type-text-06-font-family );",
+      "outputSegmentRef": "default-description-vars.$font-family"
+    },
+    "font-weight": {
+      "output": "$comp-scw-card-default-description-font-weight: var( --type-text-06-font-weight );",
+      "outputSegment": "$font-weight: var( --type-text-06-font-weight );",
+      "outputSegmentRef": "default-description-vars.$font-weight"
+    },
+    "line-height": {
+      "output": "$comp-scw-card-default-description-line-height: var( --type-text-06-line-height );",
+      "outputSegment": "$line-height: var( --type-text-06-line-height );",
+      "outputSegmentRef": "default-description-vars.$line-height"
+    },
+    "letter-spacing": {
+      "output": "$comp-scw-card-default-description-letter-spacing: var( --type-text-06-letter-spacing );",
+      "outputSegment": "$letter-spacing: var( --type-text-06-letter-spacing );",
+      "outputSegmentRef": "default-description-vars.$letter-spacing"
+    },
+    "width": {
+      "output": "$comp-scw-card-default-description-width: 636px;",
+      "outputSegment": "$width: 636px;",
+      "outputSegmentRef": "default-description-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-default-description-height: 19px;",
+      "outputSegment": "$height: 19px;",
+      "outputSegmentRef": "default-description-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-default-description-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "default-description-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-default-description-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "default-description-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-default-description-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-description-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-default-description-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "default-description-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-default-description-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "default-description-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-default-description-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-description-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-default-description-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-description-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-default-description-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "default-description-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-default-description-layout-align: STRETCH;",
+      "outputSegment": "$layout-align: STRETCH;",
+      "outputSegmentRef": "default-description-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-default-description-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "default-description-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-default-description-top: calc( var( --spacing-1 ) * 52 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 52 );",
+      "outputSegmentRef": "default-description-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-default-description-top-percent: 88.83%;",
+      "outputSegment": "$top-percent: 88.83%;",
+      "outputSegmentRef": "default-description-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-default-description-bottom: calc( var( --spacing-1 ) * 5.5 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 5.5 );",
+      "outputSegmentRef": "default-description-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-default-description-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "default-description-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-default-description-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "default-description-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-default-description-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "default-description-vars.$right"
+    },
+    "margin-bottom": {
+      "output": "$comp-scw-card-default-description-margin-bottom: 0px;",
+      "outputSegment": "$margin-bottom: 0px;",
+      "outputSegmentRef": "default-description-vars.$margin-bottom"
+    }
+  },
+  "components-scw-card-default-action-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/default-action-vars",
+      "namespace": "default-action-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-card-default-action-background-color: rgba(119,58,145,1);",
+      "outputSegment": "$background-color: rgba(119,58,145,1);",
+      "outputSegmentRef": "default-action-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-card-default-action-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "default-action-vars.$blend-mode"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-card-default-action-corner-radius-top-left: 4px;",
+      "outputSegment": "$corner-radius-top-left: 4px;",
+      "outputSegmentRef": "default-action-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-card-default-action-corner-radius-top-right: 4px;",
+      "outputSegment": "$corner-radius-top-right: 4px;",
+      "outputSegmentRef": "default-action-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-card-default-action-corner-radius-bottom-right: 4px;",
+      "outputSegment": "$corner-radius-bottom-right: 4px;",
+      "outputSegmentRef": "default-action-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-card-default-action-corner-radius-bottom-left: 4px;",
+      "outputSegment": "$corner-radius-bottom-left: 4px;",
+      "outputSegmentRef": "default-action-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-card-default-action-width: 120px;",
+      "outputSegment": "$width: 120px;",
+      "outputSegmentRef": "default-action-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-default-action-height: 32px;",
+      "outputSegment": "$height: 32px;",
+      "outputSegmentRef": "default-action-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-default-action-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "default-action-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-default-action-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "default-action-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-default-action-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "default-action-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-default-action-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "default-action-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-default-action-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "default-action-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-default-action-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "default-action-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-default-action-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "default-action-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-default-action-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "default-action-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-default-action-layout-align: INHERIT;",
+      "outputSegment": "$layout-align: INHERIT;",
+      "outputSegmentRef": "default-action-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-default-action-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "default-action-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-default-action-top: calc( var( --spacing-1 ) * 55.875 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 55.875 );",
+      "outputSegmentRef": "default-action-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-default-action-top-percent: 96.66%;",
+      "outputSegment": "$top-percent: 96.66%;",
+      "outputSegmentRef": "default-action-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-default-action-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "default-action-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-default-action-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "default-action-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-default-action-left-percent: 9.43%;",
+      "outputSegment": "$left-percent: 9.43%;",
+      "outputSegmentRef": "default-action-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-default-action-right: calc( var( --spacing-1 ) * 64.5 );",
+      "outputSegment": "$right: calc( var( --spacing-1 ) * 64.5 );",
+      "outputSegmentRef": "default-action-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-card-default-action-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "default-action-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-card-default-action-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "default-action-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-card-default-action-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "default-action-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-card-default-action-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "default-action-vars.$padding-bottom"
+    }
+  },
+  "components-scw-card-size-medium-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/size-medium-vars",
+      "namespace": "size-medium-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-card-size-medium-background-color: rgba(0,0,0,0);",
+      "outputSegment": "$background-color: rgba(0,0,0,0);",
+      "outputSegmentRef": "size-medium-vars.$background-color"
+    },
+    "width": {
+      "output": "$comp-scw-card-size-medium-width: 414px;",
+      "outputSegment": "$width: 414px;",
+      "outputSegmentRef": "size-medium-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-size-medium-height: 288px;",
+      "outputSegment": "$height: 288px;",
+      "outputSegmentRef": "size-medium-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-size-medium-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "size-medium-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-size-medium-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "size-medium-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-size-medium-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "size-medium-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-size-medium-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "size-medium-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-size-medium-layout-mode: VERTICAL;",
+      "outputSegment": "$layout-mode: VERTICAL;",
+      "outputSegmentRef": "size-medium-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-size-medium-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "size-medium-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-size-medium-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "size-medium-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-size-medium-item-spacing: var( --spacing-1 );",
+      "outputSegment": "$item-spacing: var( --spacing-1 );",
+      "outputSegmentRef": "size-medium-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-size-medium-layout-align: INHERIT;",
+      "outputSegment": "$layout-align: INHERIT;",
+      "outputSegmentRef": "size-medium-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-size-medium-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "size-medium-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-size-medium-top: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegmentRef": "size-medium-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-size-medium-top-percent: 31.6%;",
+      "outputSegment": "$top-percent: 31.6%;",
+      "outputSegmentRef": "size-medium-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-size-medium-bottom: calc( var( --spacing-1 ) * 26.375 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 26.375 );",
+      "outputSegmentRef": "size-medium-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-size-medium-left: calc( var( --spacing-1 ) * 87 );",
+      "outputSegment": "$left: calc( var( --spacing-1 ) * 87 );",
+      "outputSegmentRef": "size-medium-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-size-medium-left-percent: 66.25%;",
+      "outputSegment": "$left-percent: 66.25%;",
+      "outputSegmentRef": "size-medium-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-size-medium-right: calc( var( --spacing-1 ) * 31.625 );",
+      "outputSegment": "$right: calc( var( --spacing-1 ) * 31.625 );",
+      "outputSegmentRef": "size-medium-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-card-size-medium-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "size-medium-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-card-size-medium-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "size-medium-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-card-size-medium-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "size-medium-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-card-size-medium-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "size-medium-vars.$padding-bottom"
+    },
+    "margin-right": {
+      "output": "$comp-scw-card-size-medium-margin-right: var( --spacing-1 );",
+      "outputSegment": "$margin-right: var( --spacing-1 );",
+      "outputSegmentRef": "size-medium-vars.$margin-right"
+    }
+  },
+  "components-scw-card-size-medium-image-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/size-medium-image-vars",
+      "namespace": "size-medium-image-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-card-size-medium-image-background-color: var( --color-grey-09-color );",
+      "outputSegment": "$background-color: var( --color-grey-09-color );",
+      "outputSegmentRef": "size-medium-image-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-card-size-medium-image-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "size-medium-image-vars.$blend-mode"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-card-size-medium-image-corner-radius-top-left: 10px;",
+      "outputSegment": "$corner-radius-top-left: 10px;",
+      "outputSegmentRef": "size-medium-image-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-card-size-medium-image-corner-radius-top-right: 10px;",
+      "outputSegment": "$corner-radius-top-right: 10px;",
+      "outputSegmentRef": "size-medium-image-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-card-size-medium-image-corner-radius-bottom-right: 10px;",
+      "outputSegment": "$corner-radius-bottom-right: 10px;",
+      "outputSegmentRef": "size-medium-image-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-card-size-medium-image-corner-radius-bottom-left: 10px;",
+      "outputSegment": "$corner-radius-bottom-left: 10px;",
+      "outputSegmentRef": "size-medium-image-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-card-size-medium-image-width: 414px;",
+      "outputSegment": "$width: 414px;",
+      "outputSegmentRef": "size-medium-image-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-size-medium-image-height: 205px;",
+      "outputSegment": "$height: 205px;",
+      "outputSegmentRef": "size-medium-image-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-size-medium-image-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "size-medium-image-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-size-medium-image-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "size-medium-image-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-size-medium-image-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "size-medium-image-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-size-medium-image-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "size-medium-image-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-size-medium-image-layout-mode: VERTICAL;",
+      "outputSegment": "$layout-mode: VERTICAL;",
+      "outputSegmentRef": "size-medium-image-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-size-medium-image-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "size-medium-image-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-size-medium-image-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "size-medium-image-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-size-medium-image-item-spacing: var( --spacing-1 );",
+      "outputSegment": "$item-spacing: var( --spacing-1 );",
+      "outputSegmentRef": "size-medium-image-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-size-medium-image-layout-align: STRETCH;",
+      "outputSegment": "$layout-align: STRETCH;",
+      "outputSegmentRef": "size-medium-image-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-size-medium-image-layout-grow: 1;",
+      "outputSegment": "$layout-grow: 1;",
+      "outputSegmentRef": "size-medium-image-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-size-medium-image-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "size-medium-image-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-size-medium-image-top-percent: 35.59%;",
+      "outputSegment": "$top-percent: 35.59%;",
+      "outputSegmentRef": "size-medium-image-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-size-medium-image-bottom: calc( var( --spacing-1 ) * 10.375 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 10.375 );",
+      "outputSegmentRef": "size-medium-image-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-size-medium-image-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "size-medium-image-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-size-medium-image-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "size-medium-image-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-size-medium-image-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "size-medium-image-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-card-size-medium-image-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "size-medium-image-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-card-size-medium-image-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "size-medium-image-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-card-size-medium-image-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "size-medium-image-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-card-size-medium-image-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "size-medium-image-vars.$padding-bottom"
+    },
+    "margin-bottom": {
+      "output": "$comp-scw-card-size-medium-image-margin-bottom: var( --spacing-1 );",
+      "outputSegment": "$margin-bottom: var( --spacing-1 );",
+      "outputSegmentRef": "size-medium-image-vars.$margin-bottom"
+    }
+  },
+  "components-scw-card-size-medium-supertitle-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/size-medium-supertitle-vars",
+      "namespace": "size-medium-supertitle-vars"
+    },
+    "characters": {
+      "output": "$comp-scw-card-size-medium-supertitle-characters: '{supertitle}';",
+      "outputSegment": "$characters: '{supertitle}';",
+      "outputSegmentRef": "size-medium-supertitle-vars.$characters"
+    },
+    "font-size": {
+      "output": "$comp-scw-card-size-medium-supertitle-font-size: var( --type-text-semibold-font-size );",
+      "outputSegment": "$font-size: var( --type-text-semibold-font-size );",
+      "outputSegmentRef": "size-medium-supertitle-vars.$font-size"
+    },
+    "text-align-horizontal": {
+      "output": "$comp-scw-card-size-medium-supertitle-text-align-horizontal: LEFT;",
+      "outputSegment": "$text-align-horizontal: LEFT;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$text-align-horizontal"
+    },
+    "text-align-vertical": {
+      "output": "$comp-scw-card-size-medium-supertitle-text-align-vertical: TOP;",
+      "outputSegment": "$text-align-vertical: TOP;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$text-align-vertical"
+    },
+    "text-transform": {
+      "output": "$comp-scw-card-size-medium-supertitle-text-transform: var( --type-text-semibold-text-transform );",
+      "outputSegment": "$text-transform: var( --type-text-semibold-text-transform );",
+      "outputSegmentRef": "size-medium-supertitle-vars.$text-transform"
+    },
+    "color": {
+      "output": "$comp-scw-card-size-medium-supertitle-color: var( --color-primary-color );",
+      "outputSegment": "$color: var( --color-primary-color );",
+      "outputSegmentRef": "size-medium-supertitle-vars.$color"
+    },
+    "font-family": {
+      "output": "$comp-scw-card-size-medium-supertitle-font-family: var( --type-text-semibold-font-family );",
+      "outputSegment": "$font-family: var( --type-text-semibold-font-family );",
+      "outputSegmentRef": "size-medium-supertitle-vars.$font-family"
+    },
+    "font-weight": {
+      "output": "$comp-scw-card-size-medium-supertitle-font-weight: var( --type-text-semibold-font-weight );",
+      "outputSegment": "$font-weight: var( --type-text-semibold-font-weight );",
+      "outputSegmentRef": "size-medium-supertitle-vars.$font-weight"
+    },
+    "line-height": {
+      "output": "$comp-scw-card-size-medium-supertitle-line-height: var( --type-text-semibold-line-height );",
+      "outputSegment": "$line-height: var( --type-text-semibold-line-height );",
+      "outputSegmentRef": "size-medium-supertitle-vars.$line-height"
+    },
+    "letter-spacing": {
+      "output": "$comp-scw-card-size-medium-supertitle-letter-spacing: var( --type-text-semibold-letter-spacing );",
+      "outputSegment": "$letter-spacing: var( --type-text-semibold-letter-spacing );",
+      "outputSegmentRef": "size-medium-supertitle-vars.$letter-spacing"
+    },
+    "width": {
+      "output": "$comp-scw-card-size-medium-supertitle-width: 414px;",
+      "outputSegment": "$width: 414px;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-size-medium-supertitle-height: 18px;",
+      "outputSegment": "$height: 18px;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-size-medium-supertitle-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-size-medium-supertitle-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-size-medium-supertitle-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-size-medium-supertitle-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-size-medium-supertitle-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-size-medium-supertitle-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-size-medium-supertitle-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-size-medium-supertitle-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-size-medium-supertitle-layout-align: STRETCH;",
+      "outputSegment": "$layout-align: STRETCH;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-size-medium-supertitle-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-size-medium-supertitle-top: calc( var( --spacing-1 ) * 26.625 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 26.625 );",
+      "outputSegmentRef": "size-medium-supertitle-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-size-medium-supertitle-top-percent: 77.08%;",
+      "outputSegment": "$top-percent: 77.08%;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-size-medium-supertitle-bottom: calc( var( --spacing-1 ) * 7.125 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 7.125 );",
+      "outputSegmentRef": "size-medium-supertitle-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-size-medium-supertitle-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-size-medium-supertitle-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-size-medium-supertitle-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$right"
+    },
+    "margin-bottom": {
+      "output": "$comp-scw-card-size-medium-supertitle-margin-bottom: 0px;",
+      "outputSegment": "$margin-bottom: 0px;",
+      "outputSegmentRef": "size-medium-supertitle-vars.$margin-bottom"
+    }
+  },
+  "components-scw-card-size-medium-title-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/size-medium-title-vars",
+      "namespace": "size-medium-title-vars"
+    },
+    "characters": {
+      "output": "$comp-scw-card-size-medium-title-characters: '{title}';",
+      "outputSegment": "$characters: '{title}';",
+      "outputSegmentRef": "size-medium-title-vars.$characters"
+    },
+    "font-size": {
+      "output": "$comp-scw-card-size-medium-title-font-size: var( --type-text-bold-07-font-size );",
+      "outputSegment": "$font-size: var( --type-text-bold-07-font-size );",
+      "outputSegmentRef": "size-medium-title-vars.$font-size"
+    },
+    "text-align-horizontal": {
+      "output": "$comp-scw-card-size-medium-title-text-align-horizontal: LEFT;",
+      "outputSegment": "$text-align-horizontal: LEFT;",
+      "outputSegmentRef": "size-medium-title-vars.$text-align-horizontal"
+    },
+    "text-align-vertical": {
+      "output": "$comp-scw-card-size-medium-title-text-align-vertical: TOP;",
+      "outputSegment": "$text-align-vertical: TOP;",
+      "outputSegmentRef": "size-medium-title-vars.$text-align-vertical"
+    },
+    "text-transform": {
+      "output": "$comp-scw-card-size-medium-title-text-transform: var( --type-text-bold-07-text-transform );",
+      "outputSegment": "$text-transform: var( --type-text-bold-07-text-transform );",
+      "outputSegmentRef": "size-medium-title-vars.$text-transform"
+    },
+    "color": {
+      "output": "$comp-scw-card-size-medium-title-color: var( --color-grey-02-color );",
+      "outputSegment": "$color: var( --color-grey-02-color );",
+      "outputSegmentRef": "size-medium-title-vars.$color"
+    },
+    "font-family": {
+      "output": "$comp-scw-card-size-medium-title-font-family: var( --type-text-bold-07-font-family );",
+      "outputSegment": "$font-family: var( --type-text-bold-07-font-family );",
+      "outputSegmentRef": "size-medium-title-vars.$font-family"
+    },
+    "font-weight": {
+      "output": "$comp-scw-card-size-medium-title-font-weight: var( --type-text-bold-07-font-weight );",
+      "outputSegment": "$font-weight: var( --type-text-bold-07-font-weight );",
+      "outputSegmentRef": "size-medium-title-vars.$font-weight"
+    },
+    "line-height": {
+      "output": "$comp-scw-card-size-medium-title-line-height: var( --type-text-bold-07-line-height );",
+      "outputSegment": "$line-height: var( --type-text-bold-07-line-height );",
+      "outputSegmentRef": "size-medium-title-vars.$line-height"
+    },
+    "letter-spacing": {
+      "output": "$comp-scw-card-size-medium-title-letter-spacing: var( --type-text-bold-07-letter-spacing );",
+      "outputSegment": "$letter-spacing: var( --type-text-bold-07-letter-spacing );",
+      "outputSegmentRef": "size-medium-title-vars.$letter-spacing"
+    },
+    "width": {
+      "output": "$comp-scw-card-size-medium-title-width: 414px;",
+      "outputSegment": "$width: 414px;",
+      "outputSegmentRef": "size-medium-title-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-size-medium-title-height: 23px;",
+      "outputSegment": "$height: 23px;",
+      "outputSegmentRef": "size-medium-title-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-size-medium-title-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "size-medium-title-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-size-medium-title-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "size-medium-title-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-size-medium-title-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "size-medium-title-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-size-medium-title-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "size-medium-title-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-size-medium-title-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "size-medium-title-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-size-medium-title-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "size-medium-title-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-size-medium-title-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "size-medium-title-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-size-medium-title-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "size-medium-title-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-size-medium-title-layout-align: STRETCH;",
+      "outputSegment": "$layout-align: STRETCH;",
+      "outputSegmentRef": "size-medium-title-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-size-medium-title-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "size-medium-title-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-size-medium-title-top: calc( var( --spacing-1 ) * 29.875 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 29.875 );",
+      "outputSegmentRef": "size-medium-title-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-size-medium-title-top-percent: 86.98%;",
+      "outputSegment": "$top-percent: 86.98%;",
+      "outputSegmentRef": "size-medium-title-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-size-medium-title-bottom: calc( var( --spacing-1 ) * 3.25 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 3.25 );",
+      "outputSegmentRef": "size-medium-title-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-size-medium-title-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "size-medium-title-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-size-medium-title-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "size-medium-title-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-size-medium-title-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "size-medium-title-vars.$right"
+    },
+    "margin-bottom": {
+      "output": "$comp-scw-card-size-medium-title-margin-bottom: 0px;",
+      "outputSegment": "$margin-bottom: 0px;",
+      "outputSegmentRef": "size-medium-title-vars.$margin-bottom"
+    }
+  },
+  "components-scw-card-size-medium-description-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/size-medium-description-vars",
+      "namespace": "size-medium-description-vars"
+    },
+    "characters": {
+      "output": "$comp-scw-card-size-medium-description-characters: '{description}';",
+      "outputSegment": "$characters: '{description}';",
+      "outputSegmentRef": "size-medium-description-vars.$characters"
+    },
+    "font-size": {
+      "output": "$comp-scw-card-size-medium-description-font-size: var( --type-text-font-size );",
+      "outputSegment": "$font-size: var( --type-text-font-size );",
+      "outputSegmentRef": "size-medium-description-vars.$font-size"
+    },
+    "text-align-horizontal": {
+      "output": "$comp-scw-card-size-medium-description-text-align-horizontal: LEFT;",
+      "outputSegment": "$text-align-horizontal: LEFT;",
+      "outputSegmentRef": "size-medium-description-vars.$text-align-horizontal"
+    },
+    "text-align-vertical": {
+      "output": "$comp-scw-card-size-medium-description-text-align-vertical: TOP;",
+      "outputSegment": "$text-align-vertical: TOP;",
+      "outputSegmentRef": "size-medium-description-vars.$text-align-vertical"
+    },
+    "text-transform": {
+      "output": "$comp-scw-card-size-medium-description-text-transform: var( --type-text-text-transform );",
+      "outputSegment": "$text-transform: var( --type-text-text-transform );",
+      "outputSegmentRef": "size-medium-description-vars.$text-transform"
+    },
+    "color": {
+      "output": "$comp-scw-card-size-medium-description-color: var( --color-grey-02-color );",
+      "outputSegment": "$color: var( --color-grey-02-color );",
+      "outputSegmentRef": "size-medium-description-vars.$color"
+    },
+    "font-family": {
+      "output": "$comp-scw-card-size-medium-description-font-family: var( --type-text-font-family );",
+      "outputSegment": "$font-family: var( --type-text-font-family );",
+      "outputSegmentRef": "size-medium-description-vars.$font-family"
+    },
+    "font-weight": {
+      "output": "$comp-scw-card-size-medium-description-font-weight: var( --type-text-font-weight );",
+      "outputSegment": "$font-weight: var( --type-text-font-weight );",
+      "outputSegmentRef": "size-medium-description-vars.$font-weight"
+    },
+    "line-height": {
+      "output": "$comp-scw-card-size-medium-description-line-height: var( --type-text-line-height );",
+      "outputSegment": "$line-height: var( --type-text-line-height );",
+      "outputSegmentRef": "size-medium-description-vars.$line-height"
+    },
+    "letter-spacing": {
+      "output": "$comp-scw-card-size-medium-description-letter-spacing: var( --type-text-letter-spacing );",
+      "outputSegment": "$letter-spacing: var( --type-text-letter-spacing );",
+      "outputSegmentRef": "size-medium-description-vars.$letter-spacing"
+    },
+    "width": {
+      "output": "$comp-scw-card-size-medium-description-width: 414px;",
+      "outputSegment": "$width: 414px;",
+      "outputSegmentRef": "size-medium-description-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-size-medium-description-height: 18px;",
+      "outputSegment": "$height: 18px;",
+      "outputSegmentRef": "size-medium-description-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-size-medium-description-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "size-medium-description-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-size-medium-description-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "size-medium-description-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-size-medium-description-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "size-medium-description-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-size-medium-description-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "size-medium-description-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-size-medium-description-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "size-medium-description-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-size-medium-description-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "size-medium-description-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-size-medium-description-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "size-medium-description-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-size-medium-description-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "size-medium-description-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-size-medium-description-layout-align: STRETCH;",
+      "outputSegment": "$layout-align: STRETCH;",
+      "outputSegmentRef": "size-medium-description-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-size-medium-description-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "size-medium-description-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-size-medium-description-top: calc( var( --spacing-1 ) * 33.75 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 33.75 );",
+      "outputSegmentRef": "size-medium-description-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-size-medium-description-top-percent: 96.88%;",
+      "outputSegment": "$top-percent: 96.88%;",
+      "outputSegmentRef": "size-medium-description-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-size-medium-description-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "size-medium-description-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-size-medium-description-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "size-medium-description-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-size-medium-description-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "size-medium-description-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-size-medium-description-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "size-medium-description-vars.$right"
+    }
+  },
+  "components-scw-card-size-small-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/size-small-vars",
+      "namespace": "size-small-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-card-size-small-background-color: rgba(0,0,0,0);",
+      "outputSegment": "$background-color: rgba(0,0,0,0);",
+      "outputSegmentRef": "size-small-vars.$background-color"
+    },
+    "width": {
+      "output": "$comp-scw-card-size-small-width: 193px;",
+      "outputSegment": "$width: 193px;",
+      "outputSegmentRef": "size-small-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-size-small-height: 209px;",
+      "outputSegment": "$height: 209px;",
+      "outputSegmentRef": "size-small-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-size-small-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "size-small-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-size-small-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "size-small-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-size-small-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "size-small-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-size-small-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "size-small-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-size-small-layout-mode: VERTICAL;",
+      "outputSegment": "$layout-mode: VERTICAL;",
+      "outputSegmentRef": "size-small-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-size-small-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "size-small-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-size-small-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "size-small-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-size-small-item-spacing: var( --spacing-1 );",
+      "outputSegment": "$item-spacing: var( --spacing-1 );",
+      "outputSegmentRef": "size-small-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-size-small-layout-align: INHERIT;",
+      "outputSegment": "$layout-align: INHERIT;",
+      "outputSegmentRef": "size-small-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-size-small-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "size-small-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-size-small-top: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegmentRef": "size-small-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-size-small-top-percent: 23.99%;",
+      "outputSegment": "$top-percent: 23.99%;",
+      "outputSegmentRef": "size-small-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-size-small-bottom: calc( var( --spacing-1 ) * 36.25 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 36.25 );",
+      "outputSegmentRef": "size-small-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-size-small-left: calc( var( --spacing-1 ) * 143.75 );",
+      "outputSegment": "$left: calc( var( --spacing-1 ) * 143.75 );",
+      "outputSegmentRef": "size-small-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-size-small-left-percent: 91.45%;",
+      "outputSegment": "$left-percent: 91.45%;",
+      "outputSegmentRef": "size-small-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-size-small-right: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegment": "$right: calc( var( --spacing-1 ) * 2.5 );",
+      "outputSegmentRef": "size-small-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-card-size-small-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "size-small-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-card-size-small-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "size-small-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-card-size-small-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "size-small-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-card-size-small-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "size-small-vars.$padding-bottom"
+    }
+  },
+  "components-scw-card-size-small-image-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/size-small-image-vars",
+      "namespace": "size-small-image-vars"
+    },
+    "background-color": {
+      "output": "$comp-scw-card-size-small-image-background-color: var( --color-grey-09-color );",
+      "outputSegment": "$background-color: var( --color-grey-09-color );",
+      "outputSegmentRef": "size-small-image-vars.$background-color"
+    },
+    "blend-mode": {
+      "output": "$comp-scw-card-size-small-image-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "size-small-image-vars.$blend-mode"
+    },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-card-size-small-image-corner-radius-top-left: 10px;",
+      "outputSegment": "$corner-radius-top-left: 10px;",
+      "outputSegmentRef": "size-small-image-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-card-size-small-image-corner-radius-top-right: 10px;",
+      "outputSegment": "$corner-radius-top-right: 10px;",
+      "outputSegmentRef": "size-small-image-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-card-size-small-image-corner-radius-bottom-right: 10px;",
+      "outputSegment": "$corner-radius-bottom-right: 10px;",
+      "outputSegmentRef": "size-small-image-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-card-size-small-image-corner-radius-bottom-left: 10px;",
+      "outputSegment": "$corner-radius-bottom-left: 10px;",
+      "outputSegmentRef": "size-small-image-vars.$corner-radius-bottom-left"
+    },
+    "width": {
+      "output": "$comp-scw-card-size-small-image-width: 193px;",
+      "outputSegment": "$width: 193px;",
+      "outputSegmentRef": "size-small-image-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-size-small-image-height: 183px;",
+      "outputSegment": "$height: 183px;",
+      "outputSegmentRef": "size-small-image-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-size-small-image-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "size-small-image-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-size-small-image-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "size-small-image-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-size-small-image-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "size-small-image-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-size-small-image-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "size-small-image-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-size-small-image-layout-mode: VERTICAL;",
+      "outputSegment": "$layout-mode: VERTICAL;",
+      "outputSegmentRef": "size-small-image-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-size-small-image-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "size-small-image-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-size-small-image-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "size-small-image-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-size-small-image-item-spacing: var( --spacing-1 );",
+      "outputSegment": "$item-spacing: var( --spacing-1 );",
+      "outputSegmentRef": "size-small-image-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-size-small-image-layout-align: STRETCH;",
+      "outputSegment": "$layout-align: STRETCH;",
+      "outputSegmentRef": "size-small-image-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-size-small-image-layout-grow: 1;",
+      "outputSegment": "$layout-grow: 1;",
+      "outputSegmentRef": "size-small-image-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-size-small-image-top: 0px;",
+      "outputSegment": "$top: 0px;",
+      "outputSegmentRef": "size-small-image-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-size-small-image-top-percent: 43.78%;",
+      "outputSegment": "$top-percent: 43.78%;",
+      "outputSegmentRef": "size-small-image-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-size-small-image-bottom: calc( var( --spacing-1 ) * 3.25 );",
+      "outputSegment": "$bottom: calc( var( --spacing-1 ) * 3.25 );",
+      "outputSegmentRef": "size-small-image-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-size-small-image-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "size-small-image-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-size-small-image-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "size-small-image-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-size-small-image-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "size-small-image-vars.$right"
+    },
+    "padding-left": {
+      "output": "$comp-scw-card-size-small-image-padding-left: 0px;",
+      "outputSegment": "$padding-left: 0px;",
+      "outputSegmentRef": "size-small-image-vars.$padding-left"
+    },
+    "padding-right": {
+      "output": "$comp-scw-card-size-small-image-padding-right: 0px;",
+      "outputSegment": "$padding-right: 0px;",
+      "outputSegmentRef": "size-small-image-vars.$padding-right"
+    },
+    "padding-top": {
+      "output": "$comp-scw-card-size-small-image-padding-top: 0px;",
+      "outputSegment": "$padding-top: 0px;",
+      "outputSegmentRef": "size-small-image-vars.$padding-top"
+    },
+    "padding-bottom": {
+      "output": "$comp-scw-card-size-small-image-padding-bottom: 0px;",
+      "outputSegment": "$padding-bottom: 0px;",
+      "outputSegmentRef": "size-small-image-vars.$padding-bottom"
+    },
+    "margin-bottom": {
+      "output": "$comp-scw-card-size-small-image-margin-bottom: var( --spacing-1 );",
+      "outputSegment": "$margin-bottom: var( --spacing-1 );",
+      "outputSegmentRef": "size-small-image-vars.$margin-bottom"
+    }
+  },
+  "components-scw-card-size-small-title-": {
+    "module-info": {
+      "output": "",
+      "path": "comp-scw-card/size-small-title-vars",
+      "namespace": "size-small-title-vars"
+    },
+    "characters": {
+      "output": "$comp-scw-card-size-small-title-characters: '{title}';",
+      "outputSegment": "$characters: '{title}';",
+      "outputSegmentRef": "size-small-title-vars.$characters"
+    },
+    "font-size": {
+      "output": "$comp-scw-card-size-small-title-font-size: var( --type-text-bold-font-size );",
+      "outputSegment": "$font-size: var( --type-text-bold-font-size );",
+      "outputSegmentRef": "size-small-title-vars.$font-size"
+    },
+    "text-align-horizontal": {
+      "output": "$comp-scw-card-size-small-title-text-align-horizontal: LEFT;",
+      "outputSegment": "$text-align-horizontal: LEFT;",
+      "outputSegmentRef": "size-small-title-vars.$text-align-horizontal"
+    },
+    "text-align-vertical": {
+      "output": "$comp-scw-card-size-small-title-text-align-vertical: TOP;",
+      "outputSegment": "$text-align-vertical: TOP;",
+      "outputSegmentRef": "size-small-title-vars.$text-align-vertical"
+    },
+    "text-transform": {
+      "output": "$comp-scw-card-size-small-title-text-transform: var( --type-text-bold-text-transform );",
+      "outputSegment": "$text-transform: var( --type-text-bold-text-transform );",
+      "outputSegmentRef": "size-small-title-vars.$text-transform"
+    },
+    "color": {
+      "output": "$comp-scw-card-size-small-title-color: var( --color-grey-02-color );",
+      "outputSegment": "$color: var( --color-grey-02-color );",
+      "outputSegmentRef": "size-small-title-vars.$color"
+    },
+    "font-family": {
+      "output": "$comp-scw-card-size-small-title-font-family: var( --type-text-bold-font-family );",
+      "outputSegment": "$font-family: var( --type-text-bold-font-family );",
+      "outputSegmentRef": "size-small-title-vars.$font-family"
+    },
+    "font-weight": {
+      "output": "$comp-scw-card-size-small-title-font-weight: var( --type-text-bold-font-weight );",
+      "outputSegment": "$font-weight: var( --type-text-bold-font-weight );",
+      "outputSegmentRef": "size-small-title-vars.$font-weight"
+    },
+    "line-height": {
+      "output": "$comp-scw-card-size-small-title-line-height: var( --type-text-bold-line-height );",
+      "outputSegment": "$line-height: var( --type-text-bold-line-height );",
+      "outputSegmentRef": "size-small-title-vars.$line-height"
+    },
+    "letter-spacing": {
+      "output": "$comp-scw-card-size-small-title-letter-spacing: var( --type-text-bold-letter-spacing );",
+      "outputSegment": "$letter-spacing: var( --type-text-bold-letter-spacing );",
+      "outputSegmentRef": "size-small-title-vars.$letter-spacing"
+    },
+    "width": {
+      "output": "$comp-scw-card-size-small-title-width: 193px;",
+      "outputSegment": "$width: 193px;",
+      "outputSegmentRef": "size-small-title-vars.$width"
+    },
+    "height": {
+      "output": "$comp-scw-card-size-small-title-height: 18px;",
+      "outputSegment": "$height: 18px;",
+      "outputSegmentRef": "size-small-title-vars.$height"
+    },
+    "constraint-horizontal": {
+      "output": "$comp-scw-card-size-small-title-constraint-horizontal: MIN;",
+      "outputSegment": "$constraint-horizontal: MIN;",
+      "outputSegmentRef": "size-small-title-vars.$constraint-horizontal"
+    },
+    "constraint-vertical": {
+      "output": "$comp-scw-card-size-small-title-constraint-vertical: MIN;",
+      "outputSegment": "$constraint-vertical: MIN;",
+      "outputSegmentRef": "size-small-title-vars.$constraint-vertical"
+    },
+    "constrain-proportions": {
+      "output": "$comp-scw-card-size-small-title-constrain-proportions: false;",
+      "outputSegment": "$constrain-proportions: false;",
+      "outputSegmentRef": "size-small-title-vars.$constrain-proportions"
+    },
+    "layout-context": {
+      "output": "$comp-scw-card-size-small-title-layout-context: FLEX;",
+      "outputSegment": "$layout-context: FLEX;",
+      "outputSegmentRef": "size-small-title-vars.$layout-context"
+    },
+    "layout-mode": {
+      "output": "$comp-scw-card-size-small-title-layout-mode: NONE;",
+      "outputSegment": "$layout-mode: NONE;",
+      "outputSegmentRef": "size-small-title-vars.$layout-mode"
+    },
+    "primary-axis-align-items": {
+      "output": "$comp-scw-card-size-small-title-primary-axis-align-items: MIN;",
+      "outputSegment": "$primary-axis-align-items: MIN;",
+      "outputSegmentRef": "size-small-title-vars.$primary-axis-align-items"
+    },
+    "counter-axis-align-items": {
+      "output": "$comp-scw-card-size-small-title-counter-axis-align-items: MIN;",
+      "outputSegment": "$counter-axis-align-items: MIN;",
+      "outputSegmentRef": "size-small-title-vars.$counter-axis-align-items"
+    },
+    "item-spacing": {
+      "output": "$comp-scw-card-size-small-title-item-spacing: 0px;",
+      "outputSegment": "$item-spacing: 0px;",
+      "outputSegmentRef": "size-small-title-vars.$item-spacing"
+    },
+    "layout-align": {
+      "output": "$comp-scw-card-size-small-title-layout-align: STRETCH;",
+      "outputSegment": "$layout-align: STRETCH;",
+      "outputSegmentRef": "size-small-title-vars.$layout-align"
+    },
+    "layout-grow": {
+      "output": "$comp-scw-card-size-small-title-layout-grow: 0;",
+      "outputSegment": "$layout-grow: 0;",
+      "outputSegmentRef": "size-small-title-vars.$layout-grow"
+    },
+    "top": {
+      "output": "$comp-scw-card-size-small-title-top: calc( var( --spacing-1 ) * 23.875 );",
+      "outputSegment": "$top: calc( var( --spacing-1 ) * 23.875 );",
+      "outputSegmentRef": "size-small-title-vars.$top"
+    },
+    "top-percent": {
+      "output": "$comp-scw-card-size-small-title-top-percent: 95.69%;",
+      "outputSegment": "$top-percent: 95.69%;",
+      "outputSegmentRef": "size-small-title-vars.$top-percent"
+    },
+    "bottom": {
+      "output": "$comp-scw-card-size-small-title-bottom: 0px;",
+      "outputSegment": "$bottom: 0px;",
+      "outputSegmentRef": "size-small-title-vars.$bottom"
+    },
+    "left": {
+      "output": "$comp-scw-card-size-small-title-left: 0px;",
+      "outputSegment": "$left: 0px;",
+      "outputSegmentRef": "size-small-title-vars.$left"
+    },
+    "left-percent": {
+      "output": "$comp-scw-card-size-small-title-left-percent: 50%;",
+      "outputSegment": "$left-percent: 50%;",
+      "outputSegmentRef": "size-small-title-vars.$left-percent"
+    },
+    "right": {
+      "output": "$comp-scw-card-size-small-title-right: 0px;",
+      "outputSegment": "$right: 0px;",
+      "outputSegmentRef": "size-small-title-vars.$right"
+    }
+  }
+}