npm - scu-web-components - Versions diffs - 1.1.0 → 1.1.2 - Mend

scu-web-components 1.1.0 → 1.1.2

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

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

@@ -17361,11 +17361,11 @@
   },
   "components-scw-modal": {
     "html": {
-      "output": "<div class=\"scw-modal\">\n  <div class=\"scw-modal-header\">\n    <div class=\"label-left\">\n      Label\n    </div>\n    <div class=\"text\">\n      Drawer Label\n    </div>\n    <div class=\"label-right\">\n      Label\n    </div>\n  </div>\n  <div class=\"scw-rich-text\">\n    <div class=\"text\">\n      Content\n    </div>\n  </div>\n  <div class=\"scw-modal-footer\">\n    <div class=\"left\">\n      <div class=\"link-1\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n      <div class=\"link-2\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n      <div class=\"scw-checkbox\">\n      </div>\n    </div>\n    <div class=\"right\">\n      <div class=\"link-3\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n      <div class=\"link-4\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-modal\">\n  <div class=\"scw-modal-header\">\n    <div class=\"label-left\">\n      Label\n    </div>\n    <div class=\"text\">\n      Drawer Label\n    </div>\n    <div class=\"label-right\">\n      Label\n    </div>\n  </div>\n  <div class=\"scw-rich-text\">\n    <div class=\"text\">\n      Content\n    </div>\n  </div>\n  <div class=\"scw-modal-footer\">\n    <div class=\"left\">\n      <div class=\"link-1\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"link-2\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"scw-checkbox\">\n        <div class=\"checkbox\">\n          <div class=\"box\">\n          </div>\n          <div class=\"label\">\n            Checkbox label\n          </div>\n          <div class=\"scw-info-tip\">\n            <div class=\"question-circle\">\n              <div class=\"vector-color-092\">\n              </div>\n              <div class=\"vector-color-02\">\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"feedback\">\n          This field is required.\n        </div>\n      </div>\n    </div>\n    <div class=\"right\">\n      <div class=\"link-3\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"link-4\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/index-mixins\" as index-mixins;\n@use \"comp-scw-modal/scw-modal-header-mixins\" as scw-modal-header-mixins;\n@use \"comp-scw-modal/scw-modal-header-label-left-mixins\" as scw-modal-header-label-left-mixins;\n@use \"comp-scw-modal/scw-modal-header-text-mixins\" as scw-modal-header-text-mixins;\n@use \"comp-scw-modal/scw-modal-header-label-right-mixins\" as scw-modal-header-label-right-mixins;\n@use \"comp-scw-modal/scw-rich-text-mixins\" as scw-rich-text-mixins;\n@use \"comp-scw-modal/scw-rich-text-text-mixins\" as scw-rich-text-text-mixins;\n@use \"comp-scw-modal/scw-modal-footer-mixins\" as scw-modal-footer-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-mixins\" as scw-modal-footer-left-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-mixins\" as scw-modal-footer-left-link-1-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-mixins\" as scw-modal-footer-left-link-2-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-mixins\" as scw-modal-footer-right-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-mixins\" as scw-modal-footer-right-link-3-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-mixins\" as scw-modal-footer-right-link-3-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-label-mixins\" as scw-modal-footer-right-link-3-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-mixins\" as scw-modal-footer-right-link-4-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-mixins\" as scw-modal-footer-right-link-4-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-label-mixins\" as scw-modal-footer-right-link-4-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n\n.scw-modal {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .scw-modal-header {\n    @include scw-modal-header-mixins.box;\n    @include scw-modal-header-mixins.figma-autolayout;\n\n    .label-left {\n      @include scw-modal-header-label-left-mixins.text;\n    }\n\n    .text {\n      @include scw-modal-header-text-mixins.text;\n    }\n\n    .label-right {\n      @include scw-modal-header-label-right-mixins.text;\n    }\n  }\n\n  .scw-rich-text {\n    @include scw-rich-text-mixins.box;\n    @include scw-rich-text-mixins.figma-autolayout;\n\n    .text {\n      @include scw-rich-text-text-mixins.text;\n    }\n  }\n\n  .scw-modal-footer {\n    @include scw-modal-footer-mixins.box;\n    @include scw-modal-footer-mixins.figma-autolayout;\n\n    .left {\n      @include scw-modal-footer-left-mixins.box;\n      @include scw-modal-footer-left-mixins.figma-autolayout;\n\n      .link-1 {\n        @include scw-modal-footer-left-link-1-mixins.box;\n        @include scw-modal-footer-left-link-1-mixins.figma-autolayout;\n\n        .label {\n          @include scw-modal-footer-left-link-1-label-mixins.box;\n          @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n          }\n\n          .label {\n            @include scw-modal-footer-left-link-1-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n          }\n        }\n      }\n\n      .link-2 {\n        @include scw-modal-footer-left-link-2-mixins.box;\n        @include scw-modal-footer-left-link-2-mixins.figma-autolayout;\n\n        .label {\n          @include scw-modal-footer-left-link-2-label-mixins.box;\n          @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n          }\n\n          .label {\n            @include scw-modal-footer-left-link-2-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n          }\n        }\n      }\n\n      .scw-checkbox {\n        @include scw-modal-footer-left-scw-checkbox-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n      }\n    }\n\n    .right {\n      @include scw-modal-footer-right-mixins.box;\n      @include scw-modal-footer-right-mixins.figma-autolayout;\n\n      .link-3 {\n        @include scw-modal-footer-right-link-3-mixins.box;\n        @include scw-modal-footer-right-link-3-mixins.figma-autolayout;\n\n        .label {\n          @include scw-modal-footer-right-link-3-label-mixins.box;\n          @include scw-modal-footer-right-link-3-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n          }\n\n          .label {\n            @include scw-modal-footer-right-link-3-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n          }\n        }\n      }\n\n      .link-4 {\n        @include scw-modal-footer-right-link-4-mixins.box;\n        @include scw-modal-footer-right-link-4-mixins.figma-autolayout;\n\n        .label {\n          @include scw-modal-footer-right-link-4-label-mixins.box;\n          @include scw-modal-footer-right-link-4-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n          }\n\n          .label {\n            @include scw-modal-footer-right-link-4-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-modal/index-mixins\" as index-mixins;\n@use \"comp-scw-modal/scw-modal-header-mixins\" as scw-modal-header-mixins;\n@use \"comp-scw-modal/scw-modal-header-label-left-mixins\" as scw-modal-header-label-left-mixins;\n@use \"comp-scw-modal/scw-modal-header-text-mixins\" as scw-modal-header-text-mixins;\n@use \"comp-scw-modal/scw-modal-header-label-right-mixins\" as scw-modal-header-label-right-mixins;\n@use \"comp-scw-modal/scw-rich-text-mixins\" as scw-rich-text-mixins;\n@use \"comp-scw-modal/scw-rich-text-text-mixins\" as scw-rich-text-text-mixins;\n@use \"comp-scw-modal/scw-modal-footer-mixins\" as scw-modal-footer-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-mixins\" as scw-modal-footer-left-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-mixins\" as scw-modal-footer-left-link-1-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-mixins\" as scw-modal-footer-left-link-2-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-box-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-box-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-label-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-feedback-mixins\" as scw-modal-footer-left-scw-checkbox-feedback-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-mixins\" as scw-modal-footer-right-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-mixins\" as scw-modal-footer-right-link-3-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-mixins\" as scw-modal-footer-right-link-3-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-label-mixins\" as scw-modal-footer-right-link-3-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-mixins\" as scw-modal-footer-right-link-4-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-mixins\" as scw-modal-footer-right-link-4-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-label-mixins\" as scw-modal-footer-right-link-4-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins;\n\n.scw-modal {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .scw-modal-header {\n    @include scw-modal-header-mixins.box;\n    @include scw-modal-header-mixins.figma-autolayout;\n\n    .label-left {\n      @include scw-modal-header-label-left-mixins.text;\n    }\n\n    .text {\n      @include scw-modal-header-text-mixins.text;\n    }\n\n    .label-right {\n      @include scw-modal-header-label-right-mixins.text;\n    }\n  }\n\n  .scw-rich-text {\n    @include scw-rich-text-mixins.box;\n    @include scw-rich-text-mixins.figma-autolayout;\n\n    .text {\n      @include scw-rich-text-text-mixins.text;\n    }\n  }\n\n  .scw-modal-footer {\n    @include scw-modal-footer-mixins.box;\n    @include scw-modal-footer-mixins.figma-autolayout;\n\n    .left {\n      @include scw-modal-footer-left-mixins.box;\n      @include scw-modal-footer-left-mixins.figma-autolayout;\n\n      .link-1 {\n        @include scw-modal-footer-left-link-1-mixins.box;\n        @include scw-modal-footer-left-link-1-mixins.figma-autolayout;\n\n        .label {\n          @include scw-modal-footer-left-link-1-label-mixins.box;\n          @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n\n            .icon {\n              @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.box;\n              @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.box;\n                @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include scw-modal-footer-left-link-1-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n\n            .icon {\n              @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.box;\n              @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.box;\n                @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n\n      .link-2 {\n        @include scw-modal-footer-left-link-2-mixins.box;\n        @include scw-modal-footer-left-link-2-mixins.figma-autolayout;\n\n        .label {\n          @include scw-modal-footer-left-link-2-label-mixins.box;\n          @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n\n            .icon {\n              @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.box;\n              @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.box;\n                @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include scw-modal-footer-left-link-2-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n\n            .icon {\n              @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.box;\n              @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.box;\n                @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n\n      .scw-checkbox {\n        @include scw-modal-footer-left-scw-checkbox-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n\n        .checkbox {\n          @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.box;\n          @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.figma-autolayout;\n\n          .box {\n            @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.box;\n            @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.figma-autolayout;\n          }\n\n          .label {\n            @include scw-modal-footer-left-scw-checkbox-checkbox-label-mixins.text;\n          }\n\n          .scw-info-tip {\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins.box;\n\n            .question-circle {\n              @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n              @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.absolute-layout;\n\n              .vector-color-092 {\n                @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n                @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n              }\n\n              .vector-color-02 {\n                @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n                @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n\n        .feedback {\n          @include scw-modal-footer-left-scw-checkbox-feedback-mixins.text;\n        }\n      }\n    }\n\n    .right {\n      @include scw-modal-footer-right-mixins.box;\n      @include scw-modal-footer-right-mixins.figma-autolayout;\n\n      .link-3 {\n        @include scw-modal-footer-right-link-3-mixins.box;\n        @include scw-modal-footer-right-link-3-mixins.figma-autolayout;\n\n        .label {\n          @include scw-modal-footer-right-link-3-label-mixins.box;\n          @include scw-modal-footer-right-link-3-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n\n            .icon {\n              @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.box;\n              @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.box;\n                @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include scw-modal-footer-right-link-3-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n\n            .icon {\n              @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.box;\n              @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.box;\n                @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n\n      .link-4 {\n        @include scw-modal-footer-right-link-4-mixins.box;\n        @include scw-modal-footer-right-link-4-mixins.figma-autolayout;\n\n        .label {\n          @include scw-modal-footer-right-link-4-label-mixins.box;\n          @include scw-modal-footer-right-link-4-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n\n            .icon {\n              @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.box;\n              @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.box;\n                @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include scw-modal-footer-right-link-4-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n\n            .icon {\n              @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.box;\n              @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.box;\n                @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -17431,51 +17431,71 @@
   },
   "components-scw-modal-scw-modal-footer": {
     "html": {
-      "output": "<div class=\"scw-modal-footer\">\n  <div class=\"left\">\n    <div class=\"link-1\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n    </div>\n    <div class=\"link-2\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n    </div>\n    <div class=\"scw-checkbox\">\n    </div>\n  </div>\n  <div class=\"right\">\n    <div class=\"link-3\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n    </div>\n    <div class=\"link-4\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-modal-footer\">\n  <div class=\"left\">\n    <div class=\"link-1\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"link-2\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"scw-checkbox\">\n      <div class=\"checkbox\">\n        <div class=\"box\">\n        </div>\n        <div class=\"label\">\n          Checkbox label\n        </div>\n        <div class=\"scw-info-tip\">\n          <div class=\"question-circle\">\n            <div class=\"vector-color-092\">\n            </div>\n            <div class=\"vector-color-02\">\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"feedback\">\n        This field is required.\n      </div>\n    </div>\n  </div>\n  <div class=\"right\">\n    <div class=\"link-3\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"link-4\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-mixins\" as scw-modal-footer-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-mixins\" as scw-modal-footer-left-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-mixins\" as scw-modal-footer-left-link-1-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-mixins\" as scw-modal-footer-left-link-2-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-mixins\" as scw-modal-footer-right-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-mixins\" as scw-modal-footer-right-link-3-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-mixins\" as scw-modal-footer-right-link-3-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-label-mixins\" as scw-modal-footer-right-link-3-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-mixins\" as scw-modal-footer-right-link-4-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-mixins\" as scw-modal-footer-right-link-4-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-label-mixins\" as scw-modal-footer-right-link-4-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n\n.scw-modal-footer {\n  @include scw-modal-footer-mixins.box;\n  @include scw-modal-footer-mixins.figma-autolayout;\n\n  .left {\n    @include scw-modal-footer-left-mixins.box;\n    @include scw-modal-footer-left-mixins.figma-autolayout;\n\n    .link-1 {\n      @include scw-modal-footer-left-link-1-mixins.box;\n      @include scw-modal-footer-left-link-1-mixins.figma-autolayout;\n\n      .label {\n        @include scw-modal-footer-left-link-1-label-mixins.box;\n        @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n        }\n\n        .label {\n          @include scw-modal-footer-left-link-1-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n        }\n      }\n    }\n\n    .link-2 {\n      @include scw-modal-footer-left-link-2-mixins.box;\n      @include scw-modal-footer-left-link-2-mixins.figma-autolayout;\n\n      .label {\n        @include scw-modal-footer-left-link-2-label-mixins.box;\n        @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n        }\n\n        .label {\n          @include scw-modal-footer-left-link-2-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n        }\n      }\n    }\n\n    .scw-checkbox {\n      @include scw-modal-footer-left-scw-checkbox-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n    }\n  }\n\n  .right {\n    @include scw-modal-footer-right-mixins.box;\n    @include scw-modal-footer-right-mixins.figma-autolayout;\n\n    .link-3 {\n      @include scw-modal-footer-right-link-3-mixins.box;\n      @include scw-modal-footer-right-link-3-mixins.figma-autolayout;\n\n      .label {\n        @include scw-modal-footer-right-link-3-label-mixins.box;\n        @include scw-modal-footer-right-link-3-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n        }\n\n        .label {\n          @include scw-modal-footer-right-link-3-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n        }\n      }\n    }\n\n    .link-4 {\n      @include scw-modal-footer-right-link-4-mixins.box;\n      @include scw-modal-footer-right-link-4-mixins.figma-autolayout;\n\n      .label {\n        @include scw-modal-footer-right-link-4-label-mixins.box;\n        @include scw-modal-footer-right-link-4-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n        }\n\n        .label {\n          @include scw-modal-footer-right-link-4-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-mixins\" as scw-modal-footer-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-mixins\" as scw-modal-footer-left-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-mixins\" as scw-modal-footer-left-link-1-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-mixins\" as scw-modal-footer-left-link-2-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-box-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-box-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-label-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-feedback-mixins\" as scw-modal-footer-left-scw-checkbox-feedback-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-mixins\" as scw-modal-footer-right-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-mixins\" as scw-modal-footer-right-link-3-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-mixins\" as scw-modal-footer-right-link-3-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-label-mixins\" as scw-modal-footer-right-link-3-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-mixins\" as scw-modal-footer-right-link-4-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-mixins\" as scw-modal-footer-right-link-4-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-label-mixins\" as scw-modal-footer-right-link-4-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins;\n\n.scw-modal-footer {\n  @include scw-modal-footer-mixins.box;\n  @include scw-modal-footer-mixins.figma-autolayout;\n\n  .left {\n    @include scw-modal-footer-left-mixins.box;\n    @include scw-modal-footer-left-mixins.figma-autolayout;\n\n    .link-1 {\n      @include scw-modal-footer-left-link-1-mixins.box;\n      @include scw-modal-footer-left-link-1-mixins.figma-autolayout;\n\n      .label {\n        @include scw-modal-footer-left-link-1-label-mixins.box;\n        @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n\n          .icon {\n            @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.box;\n            @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.box;\n              @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include scw-modal-footer-left-link-1-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n\n          .icon {\n            @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.box;\n            @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.box;\n              @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .link-2 {\n      @include scw-modal-footer-left-link-2-mixins.box;\n      @include scw-modal-footer-left-link-2-mixins.figma-autolayout;\n\n      .label {\n        @include scw-modal-footer-left-link-2-label-mixins.box;\n        @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n\n          .icon {\n            @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.box;\n            @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.box;\n              @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include scw-modal-footer-left-link-2-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n\n          .icon {\n            @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.box;\n            @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.box;\n              @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .scw-checkbox {\n      @include scw-modal-footer-left-scw-checkbox-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n\n      .checkbox {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.figma-autolayout;\n\n        .box {\n          @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.box;\n          @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.figma-autolayout;\n        }\n\n        .label {\n          @include scw-modal-footer-left-scw-checkbox-checkbox-label-mixins.text;\n        }\n\n        .scw-info-tip {\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins.box;\n\n          .question-circle {\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.absolute-layout;\n\n            .vector-color-092 {\n              @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n              @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n            }\n\n            .vector-color-02 {\n              @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n              @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .feedback {\n        @include scw-modal-footer-left-scw-checkbox-feedback-mixins.text;\n      }\n    }\n  }\n\n  .right {\n    @include scw-modal-footer-right-mixins.box;\n    @include scw-modal-footer-right-mixins.figma-autolayout;\n\n    .link-3 {\n      @include scw-modal-footer-right-link-3-mixins.box;\n      @include scw-modal-footer-right-link-3-mixins.figma-autolayout;\n\n      .label {\n        @include scw-modal-footer-right-link-3-label-mixins.box;\n        @include scw-modal-footer-right-link-3-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n\n          .icon {\n            @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.box;\n            @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.box;\n              @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include scw-modal-footer-right-link-3-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n\n          .icon {\n            @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.box;\n            @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.box;\n              @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .link-4 {\n      @include scw-modal-footer-right-link-4-mixins.box;\n      @include scw-modal-footer-right-link-4-mixins.figma-autolayout;\n\n      .label {\n        @include scw-modal-footer-right-link-4-label-mixins.box;\n        @include scw-modal-footer-right-link-4-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n\n          .icon {\n            @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.box;\n            @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.box;\n              @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include scw-modal-footer-right-link-4-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n\n          .icon {\n            @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.box;\n            @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.box;\n              @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-left": {
     "html": {
-      "output": "<div class=\"left\">\n  <div class=\"link-1\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n  <div class=\"link-2\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-checkbox\">\n  </div>\n</div>",
+      "output": "<div class=\"left\">\n  <div class=\"link-1\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"link-2\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-checkbox\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-left-mixins\" as scw-modal-footer-left-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-mixins\" as scw-modal-footer-left-link-1-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-mixins\" as scw-modal-footer-left-link-2-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n\n.left {\n  @include scw-modal-footer-left-mixins.box;\n  @include scw-modal-footer-left-mixins.figma-autolayout;\n\n  .link-1 {\n    @include scw-modal-footer-left-link-1-mixins.box;\n    @include scw-modal-footer-left-link-1-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-left-link-1-label-mixins.box;\n      @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n      }\n\n      .label {\n        @include scw-modal-footer-left-link-1-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n      }\n    }\n  }\n\n  .link-2 {\n    @include scw-modal-footer-left-link-2-mixins.box;\n    @include scw-modal-footer-left-link-2-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-left-link-2-label-mixins.box;\n      @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n      }\n\n      .label {\n        @include scw-modal-footer-left-link-2-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n      }\n    }\n  }\n\n  .scw-checkbox {\n    @include scw-modal-footer-left-scw-checkbox-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-mixins\" as scw-modal-footer-left-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-mixins\" as scw-modal-footer-left-link-1-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-mixins\" as scw-modal-footer-left-link-2-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-box-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-box-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-label-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-feedback-mixins\" as scw-modal-footer-left-scw-checkbox-feedback-mixins;\n\n.left {\n  @include scw-modal-footer-left-mixins.box;\n  @include scw-modal-footer-left-mixins.figma-autolayout;\n\n  .link-1 {\n    @include scw-modal-footer-left-link-1-mixins.box;\n    @include scw-modal-footer-left-link-1-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-left-link-1-label-mixins.box;\n      @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.box;\n          @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include scw-modal-footer-left-link-1-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.box;\n          @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .link-2 {\n    @include scw-modal-footer-left-link-2-mixins.box;\n    @include scw-modal-footer-left-link-2-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-left-link-2-label-mixins.box;\n      @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.box;\n          @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include scw-modal-footer-left-link-2-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.box;\n          @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .scw-checkbox {\n    @include scw-modal-footer-left-scw-checkbox-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n\n    .checkbox {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.figma-autolayout;\n\n      .box {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.figma-autolayout;\n      }\n\n      .label {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include scw-modal-footer-left-scw-checkbox-feedback-mixins.text;\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-left-link-1": {
     "html": {
-      "output": "<div class=\"link-1\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"link-1\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-mixins\" as scw-modal-footer-left-link-1-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n\n.link-1 {\n  @include scw-modal-footer-left-link-1-mixins.box;\n  @include scw-modal-footer-left-link-1-mixins.figma-autolayout;\n\n  .label {\n    @include scw-modal-footer-left-link-1-label-mixins.box;\n    @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n    }\n\n    .label {\n      @include scw-modal-footer-left-link-1-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-mixins\" as scw-modal-footer-left-link-1-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins;\n\n.link-1 {\n  @include scw-modal-footer-left-link-1-mixins.box;\n  @include scw-modal-footer-left-link-1-mixins.figma-autolayout;\n\n  .label {\n    @include scw-modal-footer-left-link-1-label-mixins.box;\n    @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n\n      .icon {\n        @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.box;\n        @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.box;\n          @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include scw-modal-footer-left-link-1-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n\n      .icon {\n        @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.box;\n        @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.box;\n          @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-left-link-1-label": {
     "html": {
-      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n\n.label {\n  @include scw-modal-footer-left-link-1-label-mixins.box;\n  @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n  }\n\n  .label {\n    @include scw-modal-footer-left-link-1-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins;\n\n.label {\n  @include scw-modal-footer-left-link-1-label-mixins.box;\n  @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n\n    .icon {\n      @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.box;\n      @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.box;\n        @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include scw-modal-footer-left-link-1-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n\n    .icon {\n      @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.box;\n      @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.box;\n        @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-left-link-1-label-left-icon": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.box;\n    @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-link-1-label-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-link-1-label-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n\n.left-icon {\n  @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins;\n\n.vector {\n  @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -17491,41 +17511,81 @@
   },
   "components-scw-modal-scw-modal-footer-left-link-1-label-right-icon": {
     "html": {
-      "output": "<div class=\"right-icon\">\n</div>",
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.box;\n    @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-link-1-label-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-link-1-label-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n\n.right-icon {\n  @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins;\n\n.vector {\n  @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-left-link-2": {
     "html": {
-      "output": "<div class=\"link-2\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"link-2\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-mixins\" as scw-modal-footer-left-link-2-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n\n.link-2 {\n  @include scw-modal-footer-left-link-2-mixins.box;\n  @include scw-modal-footer-left-link-2-mixins.figma-autolayout;\n\n  .label {\n    @include scw-modal-footer-left-link-2-label-mixins.box;\n    @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n    }\n\n    .label {\n      @include scw-modal-footer-left-link-2-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-mixins\" as scw-modal-footer-left-link-2-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins;\n\n.link-2 {\n  @include scw-modal-footer-left-link-2-mixins.box;\n  @include scw-modal-footer-left-link-2-mixins.figma-autolayout;\n\n  .label {\n    @include scw-modal-footer-left-link-2-label-mixins.box;\n    @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n\n      .icon {\n        @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.box;\n        @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.box;\n          @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include scw-modal-footer-left-link-2-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n\n      .icon {\n        @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.box;\n        @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.box;\n          @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-left-link-2-label": {
     "html": {
-      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n\n.label {\n  @include scw-modal-footer-left-link-2-label-mixins.box;\n  @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n  }\n\n  .label {\n    @include scw-modal-footer-left-link-2-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins;\n\n.label {\n  @include scw-modal-footer-left-link-2-label-mixins.box;\n  @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n\n    .icon {\n      @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.box;\n      @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.box;\n        @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include scw-modal-footer-left-link-2-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n\n    .icon {\n      @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.box;\n      @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.box;\n        @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-left-link-2-label-left-icon": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.box;\n    @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-link-2-label-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-link-2-label-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n\n.left-icon {\n  @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins;\n\n.vector {\n  @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -17541,61 +17601,181 @@
   },
   "components-scw-modal-scw-modal-footer-left-link-2-label-right-icon": {
     "html": {
-      "output": "<div class=\"right-icon\">\n</div>",
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.box;\n    @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-link-2-label-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-link-2-label-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n\n.right-icon {\n  @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins;\n\n.vector {\n  @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-left-scw-checkbox": {
     "html": {
-      "output": "<div class=\"scw-checkbox\">\n</div>",
+      "output": "<div class=\"scw-checkbox\">\n  <div class=\"checkbox\">\n    <div class=\"box\">\n    </div>\n    <div class=\"label\">\n      Checkbox label\n    </div>\n    <div class=\"scw-info-tip\">\n      <div class=\"question-circle\">\n        <div class=\"vector-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n    This field is required.\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-box-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-box-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-label-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-feedback-mixins\" as scw-modal-footer-left-scw-checkbox-feedback-mixins;\n\n.scw-checkbox {\n  @include scw-modal-footer-left-scw-checkbox-mixins.box;\n  @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n\n  .checkbox {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.figma-autolayout;\n\n    .box {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.figma-autolayout;\n    }\n\n    .label {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include scw-modal-footer-left-scw-checkbox-feedback-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox": {
+    "html": {
+      "output": "<div class=\"checkbox\">\n  <div class=\"box\">\n  </div>\n  <div class=\"label\">\n    Checkbox label\n  </div>\n  <div class=\"scw-info-tip\">\n    <div class=\"question-circle\">\n      <div class=\"vector-color-092\">\n      </div>\n      <div class=\"vector-color-02\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-box-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-box-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-label-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.checkbox {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.box;\n  @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.figma-autolayout;\n\n  .box {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.figma-autolayout;\n  }\n\n  .label {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-label-mixins.text;\n  }\n\n  .scw-info-tip {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins.box;\n\n    .question-circle {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.absolute-layout;\n\n      .vector-color-092 {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n      }\n\n      .vector-color-02 {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-box": {
+    "html": {
+      "output": "<div class=\"box\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-box-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-box-mixins;\n\n.box {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.box;\n  @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.figma-autolayout;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  Checkbox label\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-label-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-label-mixins;\n\n.label {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-label-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip": {
+    "html": {
+      "output": "<div class=\"scw-info-tip\">\n  <div class=\"question-circle\">\n    <div class=\"vector-color-092\">\n    </div>\n    <div class=\"vector-color-02\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.scw-info-tip {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins.box;\n\n  .question-circle {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.absolute-layout;\n\n    .vector-color-092 {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n    }\n\n    .vector-color-02 {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle": {
+    "html": {
+      "output": "<div class=\"question-circle\">\n  <div class=\"vector-color-092\">\n  </div>\n  <div class=\"vector-color-02\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.question-circle {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n\n  .vector-color-092 {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n  }\n\n  .vector-color-02 {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092": {
+    "html": {
+      "output": "<div class=\"vector-color-092\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n\n.vector-color-092 {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02": {
+    "html": {
+      "output": "<div class=\"vector-color-02\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.vector-color-02 {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-left-scw-checkbox-feedback": {
+    "html": {
+      "output": "<div class=\"feedback\">\n  This field is required.\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n\n.scw-checkbox {\n  @include scw-modal-footer-left-scw-checkbox-mixins.box;\n  @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-feedback-mixins\" as scw-modal-footer-left-scw-checkbox-feedback-mixins;\n\n.feedback {\n  @include scw-modal-footer-left-scw-checkbox-feedback-mixins.text;\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-right": {
     "html": {
-      "output": "<div class=\"right\">\n  <div class=\"link-3\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n  <div class=\"link-4\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"right\">\n  <div class=\"link-3\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"link-4\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-right-mixins\" as scw-modal-footer-right-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-mixins\" as scw-modal-footer-right-link-3-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-mixins\" as scw-modal-footer-right-link-3-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-label-mixins\" as scw-modal-footer-right-link-3-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-mixins\" as scw-modal-footer-right-link-4-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-mixins\" as scw-modal-footer-right-link-4-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-label-mixins\" as scw-modal-footer-right-link-4-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n\n.right {\n  @include scw-modal-footer-right-mixins.box;\n  @include scw-modal-footer-right-mixins.figma-autolayout;\n\n  .link-3 {\n    @include scw-modal-footer-right-link-3-mixins.box;\n    @include scw-modal-footer-right-link-3-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-right-link-3-label-mixins.box;\n      @include scw-modal-footer-right-link-3-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n      }\n\n      .label {\n        @include scw-modal-footer-right-link-3-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n      }\n    }\n  }\n\n  .link-4 {\n    @include scw-modal-footer-right-link-4-mixins.box;\n    @include scw-modal-footer-right-link-4-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-right-link-4-label-mixins.box;\n      @include scw-modal-footer-right-link-4-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n      }\n\n      .label {\n        @include scw-modal-footer-right-link-4-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-mixins\" as scw-modal-footer-right-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-mixins\" as scw-modal-footer-right-link-3-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-mixins\" as scw-modal-footer-right-link-3-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-label-mixins\" as scw-modal-footer-right-link-3-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-mixins\" as scw-modal-footer-right-link-4-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-mixins\" as scw-modal-footer-right-link-4-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-label-mixins\" as scw-modal-footer-right-link-4-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins;\n\n.right {\n  @include scw-modal-footer-right-mixins.box;\n  @include scw-modal-footer-right-mixins.figma-autolayout;\n\n  .link-3 {\n    @include scw-modal-footer-right-link-3-mixins.box;\n    @include scw-modal-footer-right-link-3-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-right-link-3-label-mixins.box;\n      @include scw-modal-footer-right-link-3-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.box;\n          @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include scw-modal-footer-right-link-3-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.box;\n          @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .link-4 {\n    @include scw-modal-footer-right-link-4-mixins.box;\n    @include scw-modal-footer-right-link-4-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-right-link-4-label-mixins.box;\n      @include scw-modal-footer-right-link-4-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.box;\n          @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include scw-modal-footer-right-link-4-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.box;\n          @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-right-link-3": {
     "html": {
-      "output": "<div class=\"link-3\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"link-3\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-mixins\" as scw-modal-footer-right-link-3-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-mixins\" as scw-modal-footer-right-link-3-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-label-mixins\" as scw-modal-footer-right-link-3-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n\n.link-3 {\n  @include scw-modal-footer-right-link-3-mixins.box;\n  @include scw-modal-footer-right-link-3-mixins.figma-autolayout;\n\n  .label {\n    @include scw-modal-footer-right-link-3-label-mixins.box;\n    @include scw-modal-footer-right-link-3-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n    }\n\n    .label {\n      @include scw-modal-footer-right-link-3-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-mixins\" as scw-modal-footer-right-link-3-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-mixins\" as scw-modal-footer-right-link-3-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-label-mixins\" as scw-modal-footer-right-link-3-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins;\n\n.link-3 {\n  @include scw-modal-footer-right-link-3-mixins.box;\n  @include scw-modal-footer-right-link-3-mixins.figma-autolayout;\n\n  .label {\n    @include scw-modal-footer-right-link-3-label-mixins.box;\n    @include scw-modal-footer-right-link-3-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n\n      .icon {\n        @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.box;\n        @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.box;\n          @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include scw-modal-footer-right-link-3-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n\n      .icon {\n        @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.box;\n        @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.box;\n          @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-right-link-3-label": {
     "html": {
-      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-mixins\" as scw-modal-footer-right-link-3-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-label-mixins\" as scw-modal-footer-right-link-3-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n\n.label {\n  @include scw-modal-footer-right-link-3-label-mixins.box;\n  @include scw-modal-footer-right-link-3-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n  }\n\n  .label {\n    @include scw-modal-footer-right-link-3-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-mixins\" as scw-modal-footer-right-link-3-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-label-mixins\" as scw-modal-footer-right-link-3-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins;\n\n.label {\n  @include scw-modal-footer-right-link-3-label-mixins.box;\n  @include scw-modal-footer-right-link-3-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n\n    .icon {\n      @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.box;\n      @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.box;\n        @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include scw-modal-footer-right-link-3-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n\n    .icon {\n      @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.box;\n      @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.box;\n        @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-right-link-3-label-left-icon": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.box;\n    @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-right-link-3-label-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-right-link-3-label-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n\n.left-icon {\n  @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins;\n\n.vector {\n  @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -17611,41 +17791,81 @@
   },
   "components-scw-modal-scw-modal-footer-right-link-3-label-right-icon": {
     "html": {
-      "output": "<div class=\"right-icon\">\n</div>",
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.box;\n    @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-right-link-3-label-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-right-link-3-label-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n\n.right-icon {\n  @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins;\n\n.vector {\n  @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-right-link-4": {
     "html": {
-      "output": "<div class=\"link-4\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"link-4\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-mixins\" as scw-modal-footer-right-link-4-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-mixins\" as scw-modal-footer-right-link-4-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-label-mixins\" as scw-modal-footer-right-link-4-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n\n.link-4 {\n  @include scw-modal-footer-right-link-4-mixins.box;\n  @include scw-modal-footer-right-link-4-mixins.figma-autolayout;\n\n  .label {\n    @include scw-modal-footer-right-link-4-label-mixins.box;\n    @include scw-modal-footer-right-link-4-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n    }\n\n    .label {\n      @include scw-modal-footer-right-link-4-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-mixins\" as scw-modal-footer-right-link-4-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-mixins\" as scw-modal-footer-right-link-4-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-label-mixins\" as scw-modal-footer-right-link-4-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins;\n\n.link-4 {\n  @include scw-modal-footer-right-link-4-mixins.box;\n  @include scw-modal-footer-right-link-4-mixins.figma-autolayout;\n\n  .label {\n    @include scw-modal-footer-right-link-4-label-mixins.box;\n    @include scw-modal-footer-right-link-4-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n\n      .icon {\n        @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.box;\n        @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.box;\n          @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include scw-modal-footer-right-link-4-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n\n      .icon {\n        @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.box;\n        @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.box;\n          @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-right-link-4-label": {
     "html": {
-      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-mixins\" as scw-modal-footer-right-link-4-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-label-mixins\" as scw-modal-footer-right-link-4-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n\n.label {\n  @include scw-modal-footer-right-link-4-label-mixins.box;\n  @include scw-modal-footer-right-link-4-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n  }\n\n  .label {\n    @include scw-modal-footer-right-link-4-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n  }\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-mixins\" as scw-modal-footer-right-link-4-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-label-mixins\" as scw-modal-footer-right-link-4-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins;\n\n.label {\n  @include scw-modal-footer-right-link-4-label-mixins.box;\n  @include scw-modal-footer-right-link-4-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n\n    .icon {\n      @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.box;\n      @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.box;\n        @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include scw-modal-footer-right-link-4-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n\n    .icon {\n      @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.box;\n      @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.box;\n        @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-modal-scw-modal-footer-right-link-4-label-left-icon": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.box;\n    @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-right-link-4-label-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-right-link-4-label-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n\n.left-icon {\n  @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins;\n\n.vector {\n  @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -17661,11 +17881,31 @@
   },
   "components-scw-modal-scw-modal-footer-right-link-4-label-right-icon": {
     "html": {
-      "output": "<div class=\"right-icon\">\n</div>",
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.box;\n    @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-right-link-4-label-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-modal-scw-modal-footer-right-link-4-label-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n\n.right-icon {\n  @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins;\n\n.vector {\n  @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -19851,21 +20091,21 @@
   },
   "components-scw-product-card": {
     "html": {
-      "output": "<div class=\"scw-product-card\">\n  <div class=\"container\">\n    <div class=\"card\">\n      <div class=\"content-wrapper\">\n        <div class=\"heading\">\n          Checking Account\n        </div>\n        <div class=\"body\">\n          <div class=\"text\">\n            Product marketing description. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nisi ut aliquip ex ea commodo consequat.\n          </div>\n        </div>\n      </div>\n      <div class=\"image\">\n        <div class=\"aspect-ratio-keeper\">\n          <div class=\"aspect-ratio-keeper\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"body\">\n      <div class=\"grid\">\n        <div class=\"feature-block\">\n          <div class=\"heading\">\n            Key Features & Benefits\n          </div>\n          <div class=\"content\">\n            Lorem Ipsum dolor est adia met Lorem Ipsum\nLorem Ipsum dolor est adia met\nLorem Ipsum\nLorem Ipsum dolor est adia met\n          </div>\n        </div>\n        <div class=\"feature-wrapper\">\n          <div class=\"feature-block\">\n            <div class=\"heading\">\n              Metadata 3\n            </div>\n            <div class=\"content\">\n              Lorem Ipsum dolor est adia met \n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"cta\">\n        <div class=\"primary-link\">\n          <div class=\"scw-link-base\">\n            <div class=\"label\">\n              <div class=\"left-icon\">\n              </div>\n              <div class=\"label\">\n                Open Account\n              </div>\n              <div class=\"right-icon\">\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"secdondary-link\">\n          <div class=\"scw-link-base\">\n            <div class=\"label\">\n              <div class=\"left-icon\">\n              </div>\n              <div class=\"label\">\n                Meet with Us\n              </div>\n              <div class=\"right-icon\">\n                <div class=\"icon\">\n                  <div class=\"vector\">\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-product-card\">\n  <div class=\"container\">\n    <div class=\"card\">\n      <div class=\"content-wrapper\">\n        <div class=\"heading\">\n          Checking Account\n        </div>\n        <div class=\"body\">\n          <div class=\"text\">\n            Product marketing description. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nisi ut aliquip ex ea commodo consequat.\n          </div>\n        </div>\n      </div>\n      <div class=\"image\">\n        <div class=\"aspect-ratio-keeper\">\n          <div class=\"aspect-ratio-keeper\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"body\">\n      <div class=\"grid\">\n        <div class=\"feature-block\">\n          <div class=\"heading\">\n            Key Features & Benefits\n          </div>\n          <div class=\"content\">\n            Lorem Ipsum dolor est adia met Lorem Ipsum\nLorem Ipsum dolor est adia met\nLorem Ipsum\nLorem Ipsum dolor est adia met\n          </div>\n        </div>\n        <div class=\"feature-wrapper\">\n          <div class=\"feature-block\">\n            <div class=\"heading\">\n              Metadata 3\n            </div>\n            <div class=\"content\">\n              Lorem Ipsum dolor est adia met \n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"cta\">\n        <div class=\"primary-link\">\n          <div class=\"scw-link-base\">\n            <div class=\"label\">\n              <div class=\"left-icon\">\n                <div class=\"icon\">\n                  <div class=\"vector\">\n                  </div>\n                </div>\n              </div>\n              <div class=\"label\">\n                Open Account\n              </div>\n              <div class=\"right-icon\">\n                <div class=\"icon\">\n                  <div class=\"vector\">\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"secdondary-link\">\n          <div class=\"scw-link-base\">\n            <div class=\"label\">\n              <div class=\"left-icon\">\n                <div class=\"icon\">\n                  <div class=\"vector\">\n                  </div>\n                </div>\n              </div>\n              <div class=\"label\">\n                Meet with Us\n              </div>\n              <div class=\"right-icon\">\n                <div class=\"icon\">\n                  <div class=\"vector\">\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/index-mixins\" as index-mixins;\n@use \"comp-scw-product-card/container-mixins\" as container-mixins;\n@use \"comp-scw-product-card/container-card-mixins\" as container-card-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-mixins\" as container-card-content-wrapper-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-heading-mixins\" as container-card-content-wrapper-heading-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-body-mixins\" as container-card-content-wrapper-body-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-body-text-mixins\" as container-card-content-wrapper-body-text-mixins;\n@use \"comp-scw-product-card/container-card-image-mixins\" as container-card-image-mixins;\n@use \"comp-scw-product-card/container-card-image-aspect-ratio-keeper-mixins\" as container-card-image-aspect-ratio-keeper-mixins;\n@use \"comp-scw-product-card/container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins\" as container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins;\n@use \"comp-scw-product-card/container-body-mixins\" as container-body-mixins;\n@use \"comp-scw-product-card/container-body-grid-mixins\" as container-body-grid-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-mixins\" as container-body-grid-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-heading-mixins\" as container-body-grid-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-content-mixins\" as container-body-grid-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-mixins\" as container-body-grid-feature-wrapper-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-mixins\" as container-body-grid-feature-wrapper-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-heading-mixins\" as container-body-grid-feature-wrapper-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-content-mixins\" as container-body-grid-feature-wrapper-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-cta-mixins\" as container-body-cta-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-mixins\" as container-body-cta-primary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-mixins\" as container-body-cta-secdondary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.scw-product-card {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .container {\n    @include container-mixins.box;\n    @include container-mixins.figma-autolayout;\n\n    .card {\n      @include container-card-mixins.box;\n      @include container-card-mixins.figma-autolayout;\n\n      .content-wrapper {\n        @include container-card-content-wrapper-mixins.box;\n        @include container-card-content-wrapper-mixins.figma-autolayout;\n\n        .heading {\n          @include container-card-content-wrapper-heading-mixins.text;\n        }\n\n        .body {\n          @include container-card-content-wrapper-body-mixins.box;\n          @include container-card-content-wrapper-body-mixins.figma-autolayout;\n\n          .text {\n            @include container-card-content-wrapper-body-text-mixins.text;\n          }\n        }\n      }\n\n      .image {\n        @include container-card-image-mixins.box;\n        @include container-card-image-mixins.figma-autolayout;\n\n        .aspect-ratio-keeper {\n          @include container-card-image-aspect-ratio-keeper-mixins.box;\n          @include container-card-image-aspect-ratio-keeper-mixins.figma-autolayout;\n\n          .aspect-ratio-keeper {\n            @include container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins.box;\n            @include container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins.figma-autolayout;\n          }\n        }\n      }\n    }\n\n    .body {\n      @include container-body-mixins.box;\n      @include container-body-mixins.figma-autolayout;\n\n      .grid {\n        @include container-body-grid-mixins.box;\n        @include container-body-grid-mixins.figma-autolayout;\n\n        .feature-block {\n          @include container-body-grid-feature-block-mixins.box;\n          @include container-body-grid-feature-block-mixins.figma-autolayout;\n\n          .heading {\n            @include container-body-grid-feature-block-heading-mixins.text;\n          }\n\n          .content {\n            @include container-body-grid-feature-block-content-mixins.text;\n          }\n        }\n\n        .feature-wrapper {\n          @include container-body-grid-feature-wrapper-mixins.box;\n          @include container-body-grid-feature-wrapper-mixins.figma-autolayout;\n\n          .feature-block {\n            @include container-body-grid-feature-wrapper-feature-block-mixins.box;\n            @include container-body-grid-feature-wrapper-feature-block-mixins.figma-autolayout;\n\n            .heading {\n              @include container-body-grid-feature-wrapper-feature-block-heading-mixins.text;\n            }\n\n            .content {\n              @include container-body-grid-feature-wrapper-feature-block-content-mixins.text;\n            }\n          }\n        }\n      }\n\n      .cta {\n        @include container-body-cta-mixins.box;\n        @include container-body-cta-mixins.figma-autolayout;\n\n        .primary-link {\n          @include container-body-cta-primary-link-mixins.box;\n          @include container-body-cta-primary-link-mixins.figma-autolayout;\n\n          .scw-link-base {\n            @include container-body-cta-primary-link-scw-link-base-mixins.box;\n            @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n            .label {\n              @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n              @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n              .left-icon {\n                @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n              }\n\n              .label {\n                @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n              }\n\n              .right-icon {\n                @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n              }\n            }\n          }\n        }\n\n        .secdondary-link {\n          @include container-body-cta-secdondary-link-mixins.box;\n          @include container-body-cta-secdondary-link-mixins.figma-autolayout;\n\n          .scw-link-base {\n            @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n            @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n            .label {\n              @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n              @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n              .left-icon {\n                @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n              }\n\n              .label {\n                @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n              }\n\n              .right-icon {\n                @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n                .icon {\n                  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n                  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n                  .vector {\n                    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/index-mixins\" as index-mixins;\n@use \"comp-scw-product-card/container-mixins\" as container-mixins;\n@use \"comp-scw-product-card/container-card-mixins\" as container-card-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-mixins\" as container-card-content-wrapper-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-heading-mixins\" as container-card-content-wrapper-heading-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-body-mixins\" as container-card-content-wrapper-body-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-body-text-mixins\" as container-card-content-wrapper-body-text-mixins;\n@use \"comp-scw-product-card/container-card-image-mixins\" as container-card-image-mixins;\n@use \"comp-scw-product-card/container-card-image-aspect-ratio-keeper-mixins\" as container-card-image-aspect-ratio-keeper-mixins;\n@use \"comp-scw-product-card/container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins\" as container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins;\n@use \"comp-scw-product-card/container-body-mixins\" as container-body-mixins;\n@use \"comp-scw-product-card/container-body-grid-mixins\" as container-body-grid-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-mixins\" as container-body-grid-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-heading-mixins\" as container-body-grid-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-content-mixins\" as container-body-grid-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-mixins\" as container-body-grid-feature-wrapper-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-mixins\" as container-body-grid-feature-wrapper-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-heading-mixins\" as container-body-grid-feature-wrapper-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-content-mixins\" as container-body-grid-feature-wrapper-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-cta-mixins\" as container-body-cta-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-mixins\" as container-body-cta-primary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-mixins\" as container-body-cta-secdondary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.scw-product-card {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .container {\n    @include container-mixins.box;\n    @include container-mixins.figma-autolayout;\n\n    .card {\n      @include container-card-mixins.box;\n      @include container-card-mixins.figma-autolayout;\n\n      .content-wrapper {\n        @include container-card-content-wrapper-mixins.box;\n        @include container-card-content-wrapper-mixins.figma-autolayout;\n\n        .heading {\n          @include container-card-content-wrapper-heading-mixins.text;\n        }\n\n        .body {\n          @include container-card-content-wrapper-body-mixins.box;\n          @include container-card-content-wrapper-body-mixins.figma-autolayout;\n\n          .text {\n            @include container-card-content-wrapper-body-text-mixins.text;\n          }\n        }\n      }\n\n      .image {\n        @include container-card-image-mixins.box;\n        @include container-card-image-mixins.figma-autolayout;\n\n        .aspect-ratio-keeper {\n          @include container-card-image-aspect-ratio-keeper-mixins.box;\n          @include container-card-image-aspect-ratio-keeper-mixins.figma-autolayout;\n\n          .aspect-ratio-keeper {\n            @include container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins.box;\n            @include container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins.figma-autolayout;\n          }\n        }\n      }\n    }\n\n    .body {\n      @include container-body-mixins.box;\n      @include container-body-mixins.figma-autolayout;\n\n      .grid {\n        @include container-body-grid-mixins.box;\n        @include container-body-grid-mixins.figma-autolayout;\n\n        .feature-block {\n          @include container-body-grid-feature-block-mixins.box;\n          @include container-body-grid-feature-block-mixins.figma-autolayout;\n\n          .heading {\n            @include container-body-grid-feature-block-heading-mixins.text;\n          }\n\n          .content {\n            @include container-body-grid-feature-block-content-mixins.text;\n          }\n        }\n\n        .feature-wrapper {\n          @include container-body-grid-feature-wrapper-mixins.box;\n          @include container-body-grid-feature-wrapper-mixins.figma-autolayout;\n\n          .feature-block {\n            @include container-body-grid-feature-wrapper-feature-block-mixins.box;\n            @include container-body-grid-feature-wrapper-feature-block-mixins.figma-autolayout;\n\n            .heading {\n              @include container-body-grid-feature-wrapper-feature-block-heading-mixins.text;\n            }\n\n            .content {\n              @include container-body-grid-feature-wrapper-feature-block-content-mixins.text;\n            }\n          }\n        }\n      }\n\n      .cta {\n        @include container-body-cta-mixins.box;\n        @include container-body-cta-mixins.figma-autolayout;\n\n        .primary-link {\n          @include container-body-cta-primary-link-mixins.box;\n          @include container-body-cta-primary-link-mixins.figma-autolayout;\n\n          .scw-link-base {\n            @include container-body-cta-primary-link-scw-link-base-mixins.box;\n            @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n            .label {\n              @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n              @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n              .left-icon {\n                @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n\n                .icon {\n                  @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.box;\n                  @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n                  .vector {\n                    @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n                    @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n                  }\n                }\n              }\n\n              .label {\n                @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n              }\n\n              .right-icon {\n                @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n\n                .icon {\n                  @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.box;\n                  @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n                  .vector {\n                    @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                    @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .secdondary-link {\n          @include container-body-cta-secdondary-link-mixins.box;\n          @include container-body-cta-secdondary-link-mixins.figma-autolayout;\n\n          .scw-link-base {\n            @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n            @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n            .label {\n              @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n              @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n              .left-icon {\n                @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n\n                .icon {\n                  @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.box;\n                  @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n                  .vector {\n                    @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n                    @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n                  }\n                }\n              }\n\n              .label {\n                @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n              }\n\n              .right-icon {\n                @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n                .icon {\n                  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n                  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n                  .vector {\n                    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-product-card-container": {
     "html": {
-      "output": "<div class=\"container\">\n  <div class=\"card\">\n    <div class=\"content-wrapper\">\n      <div class=\"heading\">\n        Checking Account\n      </div>\n      <div class=\"body\">\n        <div class=\"text\">\n          Product marketing description. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nisi ut aliquip ex ea commodo consequat.\n        </div>\n      </div>\n    </div>\n    <div class=\"image\">\n      <div class=\"aspect-ratio-keeper\">\n        <div class=\"aspect-ratio-keeper\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"body\">\n    <div class=\"grid\">\n      <div class=\"feature-block\">\n        <div class=\"heading\">\n          Key Features & Benefits\n        </div>\n        <div class=\"content\">\n          Lorem Ipsum dolor est adia met Lorem Ipsum\nLorem Ipsum dolor est adia met\nLorem Ipsum\nLorem Ipsum dolor est adia met\n        </div>\n      </div>\n      <div class=\"feature-wrapper\">\n        <div class=\"feature-block\">\n          <div class=\"heading\">\n            Metadata 3\n          </div>\n          <div class=\"content\">\n            Lorem Ipsum dolor est adia met \n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"cta\">\n      <div class=\"primary-link\">\n        <div class=\"scw-link-base\">\n          <div class=\"label\">\n            <div class=\"left-icon\">\n            </div>\n            <div class=\"label\">\n              Open Account\n            </div>\n            <div class=\"right-icon\">\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"secdondary-link\">\n        <div class=\"scw-link-base\">\n          <div class=\"label\">\n            <div class=\"left-icon\">\n            </div>\n            <div class=\"label\">\n              Meet with Us\n            </div>\n            <div class=\"right-icon\">\n              <div class=\"icon\">\n                <div class=\"vector\">\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"container\">\n  <div class=\"card\">\n    <div class=\"content-wrapper\">\n      <div class=\"heading\">\n        Checking Account\n      </div>\n      <div class=\"body\">\n        <div class=\"text\">\n          Product marketing description. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nisi ut aliquip ex ea commodo consequat.\n        </div>\n      </div>\n    </div>\n    <div class=\"image\">\n      <div class=\"aspect-ratio-keeper\">\n        <div class=\"aspect-ratio-keeper\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"body\">\n    <div class=\"grid\">\n      <div class=\"feature-block\">\n        <div class=\"heading\">\n          Key Features & Benefits\n        </div>\n        <div class=\"content\">\n          Lorem Ipsum dolor est adia met Lorem Ipsum\nLorem Ipsum dolor est adia met\nLorem Ipsum\nLorem Ipsum dolor est adia met\n        </div>\n      </div>\n      <div class=\"feature-wrapper\">\n        <div class=\"feature-block\">\n          <div class=\"heading\">\n            Metadata 3\n          </div>\n          <div class=\"content\">\n            Lorem Ipsum dolor est adia met \n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"cta\">\n      <div class=\"primary-link\">\n        <div class=\"scw-link-base\">\n          <div class=\"label\">\n            <div class=\"left-icon\">\n              <div class=\"icon\">\n                <div class=\"vector\">\n                </div>\n              </div>\n            </div>\n            <div class=\"label\">\n              Open Account\n            </div>\n            <div class=\"right-icon\">\n              <div class=\"icon\">\n                <div class=\"vector\">\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"secdondary-link\">\n        <div class=\"scw-link-base\">\n          <div class=\"label\">\n            <div class=\"left-icon\">\n              <div class=\"icon\">\n                <div class=\"vector\">\n                </div>\n              </div>\n            </div>\n            <div class=\"label\">\n              Meet with Us\n            </div>\n            <div class=\"right-icon\">\n              <div class=\"icon\">\n                <div class=\"vector\">\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-mixins\" as container-mixins;\n@use \"comp-scw-product-card/container-card-mixins\" as container-card-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-mixins\" as container-card-content-wrapper-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-heading-mixins\" as container-card-content-wrapper-heading-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-body-mixins\" as container-card-content-wrapper-body-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-body-text-mixins\" as container-card-content-wrapper-body-text-mixins;\n@use \"comp-scw-product-card/container-card-image-mixins\" as container-card-image-mixins;\n@use \"comp-scw-product-card/container-card-image-aspect-ratio-keeper-mixins\" as container-card-image-aspect-ratio-keeper-mixins;\n@use \"comp-scw-product-card/container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins\" as container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins;\n@use \"comp-scw-product-card/container-body-mixins\" as container-body-mixins;\n@use \"comp-scw-product-card/container-body-grid-mixins\" as container-body-grid-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-mixins\" as container-body-grid-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-heading-mixins\" as container-body-grid-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-content-mixins\" as container-body-grid-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-mixins\" as container-body-grid-feature-wrapper-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-mixins\" as container-body-grid-feature-wrapper-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-heading-mixins\" as container-body-grid-feature-wrapper-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-content-mixins\" as container-body-grid-feature-wrapper-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-cta-mixins\" as container-body-cta-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-mixins\" as container-body-cta-primary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-mixins\" as container-body-cta-secdondary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.container {\n  @include container-mixins.box;\n  @include container-mixins.figma-autolayout;\n\n  .card {\n    @include container-card-mixins.box;\n    @include container-card-mixins.figma-autolayout;\n\n    .content-wrapper {\n      @include container-card-content-wrapper-mixins.box;\n      @include container-card-content-wrapper-mixins.figma-autolayout;\n\n      .heading {\n        @include container-card-content-wrapper-heading-mixins.text;\n      }\n\n      .body {\n        @include container-card-content-wrapper-body-mixins.box;\n        @include container-card-content-wrapper-body-mixins.figma-autolayout;\n\n        .text {\n          @include container-card-content-wrapper-body-text-mixins.text;\n        }\n      }\n    }\n\n    .image {\n      @include container-card-image-mixins.box;\n      @include container-card-image-mixins.figma-autolayout;\n\n      .aspect-ratio-keeper {\n        @include container-card-image-aspect-ratio-keeper-mixins.box;\n        @include container-card-image-aspect-ratio-keeper-mixins.figma-autolayout;\n\n        .aspect-ratio-keeper {\n          @include container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins.box;\n          @include container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins.figma-autolayout;\n        }\n      }\n    }\n  }\n\n  .body {\n    @include container-body-mixins.box;\n    @include container-body-mixins.figma-autolayout;\n\n    .grid {\n      @include container-body-grid-mixins.box;\n      @include container-body-grid-mixins.figma-autolayout;\n\n      .feature-block {\n        @include container-body-grid-feature-block-mixins.box;\n        @include container-body-grid-feature-block-mixins.figma-autolayout;\n\n        .heading {\n          @include container-body-grid-feature-block-heading-mixins.text;\n        }\n\n        .content {\n          @include container-body-grid-feature-block-content-mixins.text;\n        }\n      }\n\n      .feature-wrapper {\n        @include container-body-grid-feature-wrapper-mixins.box;\n        @include container-body-grid-feature-wrapper-mixins.figma-autolayout;\n\n        .feature-block {\n          @include container-body-grid-feature-wrapper-feature-block-mixins.box;\n          @include container-body-grid-feature-wrapper-feature-block-mixins.figma-autolayout;\n\n          .heading {\n            @include container-body-grid-feature-wrapper-feature-block-heading-mixins.text;\n          }\n\n          .content {\n            @include container-body-grid-feature-wrapper-feature-block-content-mixins.text;\n          }\n        }\n      }\n    }\n\n    .cta {\n      @include container-body-cta-mixins.box;\n      @include container-body-cta-mixins.figma-autolayout;\n\n      .primary-link {\n        @include container-body-cta-primary-link-mixins.box;\n        @include container-body-cta-primary-link-mixins.figma-autolayout;\n\n        .scw-link-base {\n          @include container-body-cta-primary-link-scw-link-base-mixins.box;\n          @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n          .label {\n            @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n            @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n            .left-icon {\n              @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n            }\n\n            .label {\n              @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n            }\n\n            .right-icon {\n              @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n            }\n          }\n        }\n      }\n\n      .secdondary-link {\n        @include container-body-cta-secdondary-link-mixins.box;\n        @include container-body-cta-secdondary-link-mixins.figma-autolayout;\n\n        .scw-link-base {\n          @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n          @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n          .label {\n            @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n            @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n            .left-icon {\n              @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n            }\n\n            .label {\n              @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n            }\n\n            .right-icon {\n              @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n              .icon {\n                @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n                @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n                .vector {\n                  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-mixins\" as container-mixins;\n@use \"comp-scw-product-card/container-card-mixins\" as container-card-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-mixins\" as container-card-content-wrapper-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-heading-mixins\" as container-card-content-wrapper-heading-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-body-mixins\" as container-card-content-wrapper-body-mixins;\n@use \"comp-scw-product-card/container-card-content-wrapper-body-text-mixins\" as container-card-content-wrapper-body-text-mixins;\n@use \"comp-scw-product-card/container-card-image-mixins\" as container-card-image-mixins;\n@use \"comp-scw-product-card/container-card-image-aspect-ratio-keeper-mixins\" as container-card-image-aspect-ratio-keeper-mixins;\n@use \"comp-scw-product-card/container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins\" as container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins;\n@use \"comp-scw-product-card/container-body-mixins\" as container-body-mixins;\n@use \"comp-scw-product-card/container-body-grid-mixins\" as container-body-grid-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-mixins\" as container-body-grid-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-heading-mixins\" as container-body-grid-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-content-mixins\" as container-body-grid-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-mixins\" as container-body-grid-feature-wrapper-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-mixins\" as container-body-grid-feature-wrapper-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-heading-mixins\" as container-body-grid-feature-wrapper-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-content-mixins\" as container-body-grid-feature-wrapper-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-cta-mixins\" as container-body-cta-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-mixins\" as container-body-cta-primary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-mixins\" as container-body-cta-secdondary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.container {\n  @include container-mixins.box;\n  @include container-mixins.figma-autolayout;\n\n  .card {\n    @include container-card-mixins.box;\n    @include container-card-mixins.figma-autolayout;\n\n    .content-wrapper {\n      @include container-card-content-wrapper-mixins.box;\n      @include container-card-content-wrapper-mixins.figma-autolayout;\n\n      .heading {\n        @include container-card-content-wrapper-heading-mixins.text;\n      }\n\n      .body {\n        @include container-card-content-wrapper-body-mixins.box;\n        @include container-card-content-wrapper-body-mixins.figma-autolayout;\n\n        .text {\n          @include container-card-content-wrapper-body-text-mixins.text;\n        }\n      }\n    }\n\n    .image {\n      @include container-card-image-mixins.box;\n      @include container-card-image-mixins.figma-autolayout;\n\n      .aspect-ratio-keeper {\n        @include container-card-image-aspect-ratio-keeper-mixins.box;\n        @include container-card-image-aspect-ratio-keeper-mixins.figma-autolayout;\n\n        .aspect-ratio-keeper {\n          @include container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins.box;\n          @include container-card-image-aspect-ratio-keeper-aspect-ratio-keeper-mixins.figma-autolayout;\n        }\n      }\n    }\n  }\n\n  .body {\n    @include container-body-mixins.box;\n    @include container-body-mixins.figma-autolayout;\n\n    .grid {\n      @include container-body-grid-mixins.box;\n      @include container-body-grid-mixins.figma-autolayout;\n\n      .feature-block {\n        @include container-body-grid-feature-block-mixins.box;\n        @include container-body-grid-feature-block-mixins.figma-autolayout;\n\n        .heading {\n          @include container-body-grid-feature-block-heading-mixins.text;\n        }\n\n        .content {\n          @include container-body-grid-feature-block-content-mixins.text;\n        }\n      }\n\n      .feature-wrapper {\n        @include container-body-grid-feature-wrapper-mixins.box;\n        @include container-body-grid-feature-wrapper-mixins.figma-autolayout;\n\n        .feature-block {\n          @include container-body-grid-feature-wrapper-feature-block-mixins.box;\n          @include container-body-grid-feature-wrapper-feature-block-mixins.figma-autolayout;\n\n          .heading {\n            @include container-body-grid-feature-wrapper-feature-block-heading-mixins.text;\n          }\n\n          .content {\n            @include container-body-grid-feature-wrapper-feature-block-content-mixins.text;\n          }\n        }\n      }\n    }\n\n    .cta {\n      @include container-body-cta-mixins.box;\n      @include container-body-cta-mixins.figma-autolayout;\n\n      .primary-link {\n        @include container-body-cta-primary-link-mixins.box;\n        @include container-body-cta-primary-link-mixins.figma-autolayout;\n\n        .scw-link-base {\n          @include container-body-cta-primary-link-scw-link-base-mixins.box;\n          @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n          .label {\n            @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n            @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n            .left-icon {\n              @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n\n              .icon {\n                @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.box;\n                @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n                .vector {\n                  @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n                  @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n                }\n              }\n            }\n\n            .label {\n              @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n            }\n\n            .right-icon {\n              @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n\n              .icon {\n                @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.box;\n                @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n                .vector {\n                  @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                  @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n                }\n              }\n            }\n          }\n        }\n      }\n\n      .secdondary-link {\n        @include container-body-cta-secdondary-link-mixins.box;\n        @include container-body-cta-secdondary-link-mixins.figma-autolayout;\n\n        .scw-link-base {\n          @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n          @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n          .label {\n            @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n            @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n            .left-icon {\n              @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n\n              .icon {\n                @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.box;\n                @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n                .vector {\n                  @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n                  @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n                }\n              }\n            }\n\n            .label {\n              @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n            }\n\n            .right-icon {\n              @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n              .icon {\n                @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n                @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n                .vector {\n                  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -19951,11 +20191,11 @@
   },
   "components-scw-product-card-container-body": {
     "html": {
-      "output": "<div class=\"body\">\n  <div class=\"grid\">\n    <div class=\"feature-block\">\n      <div class=\"heading\">\n        Key Features & Benefits\n      </div>\n      <div class=\"content\">\n        Lorem Ipsum dolor est adia met Lorem Ipsum\nLorem Ipsum dolor est adia met\nLorem Ipsum\nLorem Ipsum dolor est adia met\n      </div>\n    </div>\n    <div class=\"feature-wrapper\">\n      <div class=\"feature-block\">\n        <div class=\"heading\">\n          Metadata 3\n        </div>\n        <div class=\"content\">\n          Lorem Ipsum dolor est adia met \n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"cta\">\n    <div class=\"primary-link\">\n      <div class=\"scw-link-base\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Open Account\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"secdondary-link\">\n      <div class=\"scw-link-base\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Meet with Us\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"body\">\n  <div class=\"grid\">\n    <div class=\"feature-block\">\n      <div class=\"heading\">\n        Key Features & Benefits\n      </div>\n      <div class=\"content\">\n        Lorem Ipsum dolor est adia met Lorem Ipsum\nLorem Ipsum dolor est adia met\nLorem Ipsum\nLorem Ipsum dolor est adia met\n      </div>\n    </div>\n    <div class=\"feature-wrapper\">\n      <div class=\"feature-block\">\n        <div class=\"heading\">\n          Metadata 3\n        </div>\n        <div class=\"content\">\n          Lorem Ipsum dolor est adia met \n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"cta\">\n    <div class=\"primary-link\">\n      <div class=\"scw-link-base\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            Open Account\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"secdondary-link\">\n      <div class=\"scw-link-base\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            Meet with Us\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-mixins\" as container-body-mixins;\n@use \"comp-scw-product-card/container-body-grid-mixins\" as container-body-grid-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-mixins\" as container-body-grid-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-heading-mixins\" as container-body-grid-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-content-mixins\" as container-body-grid-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-mixins\" as container-body-grid-feature-wrapper-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-mixins\" as container-body-grid-feature-wrapper-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-heading-mixins\" as container-body-grid-feature-wrapper-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-content-mixins\" as container-body-grid-feature-wrapper-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-cta-mixins\" as container-body-cta-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-mixins\" as container-body-cta-primary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-mixins\" as container-body-cta-secdondary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.body {\n  @include container-body-mixins.box;\n  @include container-body-mixins.figma-autolayout;\n\n  .grid {\n    @include container-body-grid-mixins.box;\n    @include container-body-grid-mixins.figma-autolayout;\n\n    .feature-block {\n      @include container-body-grid-feature-block-mixins.box;\n      @include container-body-grid-feature-block-mixins.figma-autolayout;\n\n      .heading {\n        @include container-body-grid-feature-block-heading-mixins.text;\n      }\n\n      .content {\n        @include container-body-grid-feature-block-content-mixins.text;\n      }\n    }\n\n    .feature-wrapper {\n      @include container-body-grid-feature-wrapper-mixins.box;\n      @include container-body-grid-feature-wrapper-mixins.figma-autolayout;\n\n      .feature-block {\n        @include container-body-grid-feature-wrapper-feature-block-mixins.box;\n        @include container-body-grid-feature-wrapper-feature-block-mixins.figma-autolayout;\n\n        .heading {\n          @include container-body-grid-feature-wrapper-feature-block-heading-mixins.text;\n        }\n\n        .content {\n          @include container-body-grid-feature-wrapper-feature-block-content-mixins.text;\n        }\n      }\n    }\n  }\n\n  .cta {\n    @include container-body-cta-mixins.box;\n    @include container-body-cta-mixins.figma-autolayout;\n\n    .primary-link {\n      @include container-body-cta-primary-link-mixins.box;\n      @include container-body-cta-primary-link-mixins.figma-autolayout;\n\n      .scw-link-base {\n        @include container-body-cta-primary-link-scw-link-base-mixins.box;\n        @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n        .label {\n          @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n          @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n          }\n\n          .label {\n            @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n          }\n        }\n      }\n    }\n\n    .secdondary-link {\n      @include container-body-cta-secdondary-link-mixins.box;\n      @include container-body-cta-secdondary-link-mixins.figma-autolayout;\n\n      .scw-link-base {\n        @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n        @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n        .label {\n          @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n          @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n          }\n\n          .label {\n            @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n            .icon {\n              @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n              @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-mixins\" as container-body-mixins;\n@use \"comp-scw-product-card/container-body-grid-mixins\" as container-body-grid-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-mixins\" as container-body-grid-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-heading-mixins\" as container-body-grid-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-block-content-mixins\" as container-body-grid-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-mixins\" as container-body-grid-feature-wrapper-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-mixins\" as container-body-grid-feature-wrapper-feature-block-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-heading-mixins\" as container-body-grid-feature-wrapper-feature-block-heading-mixins;\n@use \"comp-scw-product-card/container-body-grid-feature-wrapper-feature-block-content-mixins\" as container-body-grid-feature-wrapper-feature-block-content-mixins;\n@use \"comp-scw-product-card/container-body-cta-mixins\" as container-body-cta-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-mixins\" as container-body-cta-primary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-mixins\" as container-body-cta-secdondary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.body {\n  @include container-body-mixins.box;\n  @include container-body-mixins.figma-autolayout;\n\n  .grid {\n    @include container-body-grid-mixins.box;\n    @include container-body-grid-mixins.figma-autolayout;\n\n    .feature-block {\n      @include container-body-grid-feature-block-mixins.box;\n      @include container-body-grid-feature-block-mixins.figma-autolayout;\n\n      .heading {\n        @include container-body-grid-feature-block-heading-mixins.text;\n      }\n\n      .content {\n        @include container-body-grid-feature-block-content-mixins.text;\n      }\n    }\n\n    .feature-wrapper {\n      @include container-body-grid-feature-wrapper-mixins.box;\n      @include container-body-grid-feature-wrapper-mixins.figma-autolayout;\n\n      .feature-block {\n        @include container-body-grid-feature-wrapper-feature-block-mixins.box;\n        @include container-body-grid-feature-wrapper-feature-block-mixins.figma-autolayout;\n\n        .heading {\n          @include container-body-grid-feature-wrapper-feature-block-heading-mixins.text;\n        }\n\n        .content {\n          @include container-body-grid-feature-wrapper-feature-block-content-mixins.text;\n        }\n      }\n    }\n  }\n\n  .cta {\n    @include container-body-cta-mixins.box;\n    @include container-body-cta-mixins.figma-autolayout;\n\n    .primary-link {\n      @include container-body-cta-primary-link-mixins.box;\n      @include container-body-cta-primary-link-mixins.figma-autolayout;\n\n      .scw-link-base {\n        @include container-body-cta-primary-link-scw-link-base-mixins.box;\n        @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n        .label {\n          @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n          @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n\n            .icon {\n              @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.box;\n              @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n                @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n\n            .icon {\n              @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.box;\n              @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .secdondary-link {\n      @include container-body-cta-secdondary-link-mixins.box;\n      @include container-body-cta-secdondary-link-mixins.figma-autolayout;\n\n      .scw-link-base {\n        @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n        @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n        .label {\n          @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n          @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n\n            .icon {\n              @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.box;\n              @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n                @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n            .icon {\n              @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n              @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -20041,181 +20281,241 @@
   },
   "components-scw-product-card-container-body-cta": {
     "html": {
-      "output": "<div class=\"cta\">\n  <div class=\"primary-link\">\n    <div class=\"scw-link-base\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Open Account\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"secdondary-link\">\n    <div class=\"scw-link-base\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Meet with Us\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"cta\">\n  <div class=\"primary-link\">\n    <div class=\"scw-link-base\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          Open Account\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"secdondary-link\">\n    <div class=\"scw-link-base\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          Meet with Us\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-mixins\" as container-body-cta-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-mixins\" as container-body-cta-primary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-mixins\" as container-body-cta-secdondary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.cta {\n  @include container-body-cta-mixins.box;\n  @include container-body-cta-mixins.figma-autolayout;\n\n  .primary-link {\n    @include container-body-cta-primary-link-mixins.box;\n    @include container-body-cta-primary-link-mixins.figma-autolayout;\n\n    .scw-link-base {\n      @include container-body-cta-primary-link-scw-link-base-mixins.box;\n      @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n      .label {\n        @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n        @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n        }\n\n        .label {\n          @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n        }\n      }\n    }\n  }\n\n  .secdondary-link {\n    @include container-body-cta-secdondary-link-mixins.box;\n    @include container-body-cta-secdondary-link-mixins.figma-autolayout;\n\n    .scw-link-base {\n      @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n      @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n      .label {\n        @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n        @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n        }\n\n        .label {\n          @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n          .icon {\n            @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n            @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n              @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-mixins\" as container-body-cta-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-mixins\" as container-body-cta-primary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-mixins\" as container-body-cta-secdondary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.cta {\n  @include container-body-cta-mixins.box;\n  @include container-body-cta-mixins.figma-autolayout;\n\n  .primary-link {\n    @include container-body-cta-primary-link-mixins.box;\n    @include container-body-cta-primary-link-mixins.figma-autolayout;\n\n    .scw-link-base {\n      @include container-body-cta-primary-link-scw-link-base-mixins.box;\n      @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n      .label {\n        @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n        @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n\n          .icon {\n            @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.box;\n            @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n              @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n\n          .icon {\n            @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.box;\n            @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n              @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .secdondary-link {\n    @include container-body-cta-secdondary-link-mixins.box;\n    @include container-body-cta-secdondary-link-mixins.figma-autolayout;\n\n    .scw-link-base {\n      @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n      @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n      .label {\n        @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n        @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n\n          .icon {\n            @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.box;\n            @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n              @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n          .icon {\n            @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n            @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n              @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-product-card-container-body-cta-primary-link": {
     "html": {
-      "output": "<div class=\"primary-link\">\n  <div class=\"scw-link-base\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Open Account\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"primary-link\">\n  <div class=\"scw-link-base\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Open Account\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-mixins\" as container-body-cta-primary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n\n.primary-link {\n  @include container-body-cta-primary-link-mixins.box;\n  @include container-body-cta-primary-link-mixins.figma-autolayout;\n\n  .scw-link-base {\n    @include container-body-cta-primary-link-scw-link-base-mixins.box;\n    @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n    .label {\n      @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n      @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n      }\n\n      .label {\n        @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-mixins\" as container-body-cta-primary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.primary-link {\n  @include container-body-cta-primary-link-mixins.box;\n  @include container-body-cta-primary-link-mixins.figma-autolayout;\n\n  .scw-link-base {\n    @include container-body-cta-primary-link-scw-link-base-mixins.box;\n    @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n    .label {\n      @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n      @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n\n        .icon {\n          @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.box;\n          @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n            @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n\n        .icon {\n          @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.box;\n          @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n            @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-product-card-container-body-cta-primary-link-scw-link-base": {
     "html": {
-      "output": "<div class=\"scw-link-base\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Open Account\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-link-base\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      Open Account\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n\n.scw-link-base {\n  @include container-body-cta-primary-link-scw-link-base-mixins.box;\n  @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n  .label {\n    @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n    @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n    }\n\n    .label {\n      @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-mixins\" as container-body-cta-primary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include container-body-cta-primary-link-scw-link-base-mixins.box;\n  @include container-body-cta-primary-link-scw-link-base-mixins.figma-autolayout;\n\n  .label {\n    @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n    @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n\n      .icon {\n        @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.box;\n        @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n          @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n\n      .icon {\n        @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.box;\n        @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n          @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-product-card-container-body-cta-primary-link-scw-link-base-label": {
     "html": {
-      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Open Account\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    Open Account\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n\n.label {\n  @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n  @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n  }\n\n  .label {\n    @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.label {\n  @include container-body-cta-primary-link-scw-link-base-label-mixins.box;\n  @include container-body-cta-primary-link-scw-link-base-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n\n    .icon {\n      @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.box;\n      @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n        @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n\n    .icon {\n      @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.box;\n      @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n        @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-left-icon": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n\n.left-icon {\n  @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include container-body-cta-primary-link-scw-link-base-label-left-icon-mixins.box;\n\n  .icon {\n    @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.box;\n    @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n      @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-label": {
+  "components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-left-icon-icon": {
     "html": {
-      "output": "<div class=\"label\">\n  Open Account\n</div>",
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n\n.label {\n  @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.icon {\n  @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-mixins.box;\n\n  .vector {\n    @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n    @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon": {
+  "components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector": {
     "html": {
-      "output": "<div class=\"right-icon\">\n</div>",
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n\n.right-icon {\n  @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.vector {\n  @include container-body-cta-primary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
-  "components-scw-product-card-container-body-cta-secdondary-link": {
+  "components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-label": {
     "html": {
-      "output": "<div class=\"secdondary-link\">\n  <div class=\"scw-link-base\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Meet with Us\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"label\">\n  Open Account\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-mixins\" as container-body-cta-secdondary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.secdondary-link {\n  @include container-body-cta-secdondary-link-mixins.box;\n  @include container-body-cta-secdondary-link-mixins.figma-autolayout;\n\n  .scw-link-base {\n    @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n    @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n    .label {\n      @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n      @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n      }\n\n      .label {\n        @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n        .icon {\n          @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n          @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n            @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-label-mixins\" as container-body-cta-primary-link-scw-link-base-label-label-mixins;\n\n.label {\n  @include container-body-cta-primary-link-scw-link-base-label-label-mixins.text;\n}",
       "example": ""
     }
   },
-  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base": {
+  "components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon": {
     "html": {
-      "output": "<div class=\"scw-link-base\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Meet with Us\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n  @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n  .label {\n    @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n    @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n    }\n\n    .label {\n      @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n      .icon {\n        @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n        @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n          @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include container-body-cta-primary-link-scw-link-base-label-right-icon-mixins.box;\n\n  .icon {\n    @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.box;\n    @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n      @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label": {
+  "components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon": {
     "html": {
-      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Meet with Us\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.label {\n  @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n  @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n  }\n\n  .label {\n    @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n    .icon {\n      @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n      @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n        @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n    @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon": {
+  "components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n\n.left-icon {\n  @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.vector {\n  @include container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
-  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-label": {
+  "components-scw-product-card-container-body-cta-secdondary-link": {
     "html": {
-      "output": "<div class=\"label\">\n  Meet with Us\n</div>",
+      "output": "<div class=\"secdondary-link\">\n  <div class=\"scw-link-base\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Meet with Us\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n\n.label {\n  @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-mixins\" as container-body-cta-secdondary-link-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.secdondary-link {\n  @include container-body-cta-secdondary-link-mixins.box;\n  @include container-body-cta-secdondary-link-mixins.figma-autolayout;\n\n  .scw-link-base {\n    @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n    @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n    .label {\n      @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n      @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n\n        .icon {\n          @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.box;\n          @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n            @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n        .icon {\n          @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n          @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n            @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-right-icon": {
+  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base": {
     "html": {
-      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-link-base\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      Meet with Us\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n  .icon {\n    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n      @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-mixins\" as container-body-cta-secdondary-link-scw-link-base-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include container-body-cta-secdondary-link-scw-link-base-mixins.box;\n  @include container-body-cta-secdondary-link-scw-link-base-mixins.figma-autolayout;\n\n  .label {\n    @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n    @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n\n      .icon {\n        @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.box;\n        @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n          @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n      .icon {\n        @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n        @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n          @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon": {
+  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label": {
     "html": {
-      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    Meet with Us\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.label {\n  @include container-body-cta-secdondary-link-scw-link-base-label-mixins.box;\n  @include container-body-cta-secdondary-link-scw-link-base-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n\n    .icon {\n      @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.box;\n      @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n        @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n    .icon {\n      @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n      @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n        @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector": {
+  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon": {
     "html": {
-      "output": "<div class=\"vector\">\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.vector {\n  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-mixins.box;\n\n  .icon {\n    @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.box;\n    @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n      @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-comparison-table": {
+  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon": {
     "html": {
-      "output": "<div class=\"scw-comparison-table\">\n  <div class=\"table\">\n    <div class=\"scw-table-header\">\n      <div class=\"placeholder\">\n      </div>\n      <div class=\"header-row\">\n        <div class=\"header-label\">\n          Free Checking\n        </div>\n        <div class=\"scw-link-base\">\n          <div class=\"scw-link-label-base\">\n            <div class=\"left-icon\">\n            </div>\n            <div class=\"label\">\n              Open Account\n            </div>\n            <div class=\"right-icon\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"scw-table-row\">\n      <div class=\"cell-label\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Heading\n          </div>\n        </div>\n      </div>\n      <div class=\"cell\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Lorem Ipsum\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-comparison-table/index-mixins\" as index-mixins;\n@use \"comp-scw-comparison-table/table-mixins\" as table-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-mixins\" as table-scw-table-header-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-placeholder-mixins\" as table-scw-table-header-placeholder-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-comparison-table {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .table {\n    @include table-mixins.box;\n    @include table-mixins.figma-autolayout;\n\n    .scw-table-header {\n      @include table-scw-table-header-mixins.box;\n      @include table-scw-table-header-mixins.figma-autolayout;\n\n      .placeholder {\n        @include table-scw-table-header-placeholder-mixins.box;\n        @include table-scw-table-header-placeholder-mixins.figma-autolayout;\n      }\n\n      .header-row {\n        @include table-scw-table-header-header-row-mixins.box;\n        @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-header-header-row-header-label-mixins.text;\n        }\n\n        .scw-link-base {\n          @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n          .scw-link-label-base {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n            .left-icon {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n            }\n\n            .label {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n            }\n\n            .right-icon {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n            }\n          }\n        }\n      }\n    }\n\n    .scw-table-row {\n      @include table-scw-table-row-mixins.box;\n      @include table-scw-table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-scw-table-row-cell-label-mixins.box;\n        @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-table-row-cell-label-cell-data-mixins.box;\n          @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n\n      .cell {\n        @include table-scw-table-row-cell-mixins.box;\n        @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-table-row-cell-cell-data-mixins.box;\n          @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.icon {\n  @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.box;\n\n  .vector {\n    @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n    @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-comparison-table-table": {
+  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector": {
     "html": {
-      "output": "<div class=\"table\">\n  <div class=\"scw-table-header\">\n    <div class=\"placeholder\">\n    </div>\n    <div class=\"header-row\">\n      <div class=\"header-label\">\n        Free Checking\n      </div>\n      <div class=\"scw-link-base\">\n        <div class=\"scw-link-label-base\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Open Account\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-table-row\">\n    <div class=\"cell-label\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Heading\n        </div>\n      </div>\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Lorem Ipsum\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-comparison-table/table-mixins\" as table-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-mixins\" as table-scw-table-header-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-placeholder-mixins\" as table-scw-table-header-placeholder-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.table {\n  @include table-mixins.box;\n  @include table-mixins.figma-autolayout;\n\n  .scw-table-header {\n    @include table-scw-table-header-mixins.box;\n    @include table-scw-table-header-mixins.figma-autolayout;\n\n    .placeholder {\n      @include table-scw-table-header-placeholder-mixins.box;\n      @include table-scw-table-header-placeholder-mixins.figma-autolayout;\n    }\n\n    .header-row {\n      @include table-scw-table-header-header-row-mixins.box;\n      @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-scw-table-header-header-row-header-label-mixins.text;\n      }\n\n      .scw-link-base {\n        @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n        .scw-link-label-base {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n          .left-icon {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n          }\n\n          .label {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n          }\n\n          .right-icon {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n          }\n        }\n      }\n    }\n  }\n\n  .scw-table-row {\n    @include table-scw-table-row-mixins.box;\n    @include table-scw-table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-scw-table-row-cell-label-mixins.box;\n      @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-scw-table-row-cell-label-cell-data-mixins.box;\n        @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n\n    .cell {\n      @include table-scw-table-row-cell-mixins.box;\n      @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-scw-table-row-cell-cell-data-mixins.box;\n        @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.vector {\n  @include container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  Meet with Us\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-label-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-label-mixins;\n\n.label {\n  @include container-body-cta-secdondary-link-scw-link-base-label-label-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-right-icon": {
+    "html": {
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-mixins.box;\n\n  .icon {\n    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n      @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n    @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins\" as container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.vector {\n  @include container-body-cta-secdondary-link-scw-link-base-label-right-icon-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-comparison-table": {
+    "html": {
+      "output": "<div class=\"scw-comparison-table\">\n  <div class=\"table\">\n    <div class=\"scw-table-header\">\n      <div class=\"placeholder\">\n      </div>\n      <div class=\"header-row\">\n        <div class=\"header-label\">\n          Free Checking\n        </div>\n        <div class=\"scw-link-base\">\n          <div class=\"scw-link-label-base\">\n            <div class=\"left-icon\">\n              <div class=\"icon\">\n                <div class=\"vector\">\n                </div>\n              </div>\n            </div>\n            <div class=\"label\">\n              Open Account\n            </div>\n            <div class=\"right-icon\">\n              <div class=\"icon\">\n                <div class=\"vector\">\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"scw-table-row\">\n      <div class=\"cell-label\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Heading\n          </div>\n        </div>\n      </div>\n      <div class=\"cell\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Lorem Ipsum\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-comparison-table/index-mixins\" as index-mixins;\n@use \"comp-scw-comparison-table/table-mixins\" as table-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-mixins\" as table-scw-table-header-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-placeholder-mixins\" as table-scw-table-header-placeholder-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-comparison-table {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .table {\n    @include table-mixins.box;\n    @include table-mixins.figma-autolayout;\n\n    .scw-table-header {\n      @include table-scw-table-header-mixins.box;\n      @include table-scw-table-header-mixins.figma-autolayout;\n\n      .placeholder {\n        @include table-scw-table-header-placeholder-mixins.box;\n        @include table-scw-table-header-placeholder-mixins.figma-autolayout;\n      }\n\n      .header-row {\n        @include table-scw-table-header-header-row-mixins.box;\n        @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-header-header-row-header-label-mixins.text;\n        }\n\n        .scw-link-base {\n          @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n          .scw-link-label-base {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n            .left-icon {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n              .icon {\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n                .vector {\n                  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n                  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n                }\n              }\n            }\n\n            .label {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n            }\n\n            .right-icon {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n              .icon {\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n                .vector {\n                  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n                  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .scw-table-row {\n      @include table-scw-table-row-mixins.box;\n      @include table-scw-table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-scw-table-row-cell-label-mixins.box;\n        @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-table-row-cell-label-cell-data-mixins.box;\n          @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n\n      .cell {\n        @include table-scw-table-row-cell-mixins.box;\n        @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-table-row-cell-cell-data-mixins.box;\n          @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-comparison-table-table": {
+    "html": {
+      "output": "<div class=\"table\">\n  <div class=\"scw-table-header\">\n    <div class=\"placeholder\">\n    </div>\n    <div class=\"header-row\">\n      <div class=\"header-label\">\n        Free Checking\n      </div>\n      <div class=\"scw-link-base\">\n        <div class=\"scw-link-label-base\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            Open Account\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-table-row\">\n    <div class=\"cell-label\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Heading\n        </div>\n      </div>\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Lorem Ipsum\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-comparison-table/table-mixins\" as table-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-mixins\" as table-scw-table-header-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-placeholder-mixins\" as table-scw-table-header-placeholder-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.table {\n  @include table-mixins.box;\n  @include table-mixins.figma-autolayout;\n\n  .scw-table-header {\n    @include table-scw-table-header-mixins.box;\n    @include table-scw-table-header-mixins.figma-autolayout;\n\n    .placeholder {\n      @include table-scw-table-header-placeholder-mixins.box;\n      @include table-scw-table-header-placeholder-mixins.figma-autolayout;\n    }\n\n    .header-row {\n      @include table-scw-table-header-header-row-mixins.box;\n      @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-scw-table-header-header-row-header-label-mixins.text;\n      }\n\n      .scw-link-base {\n        @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n        .scw-link-label-base {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n          .left-icon {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n            .icon {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n          }\n\n          .right-icon {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n            .icon {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .scw-table-row {\n    @include table-scw-table-row-mixins.box;\n    @include table-scw-table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-scw-table-row-cell-label-mixins.box;\n      @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-scw-table-row-cell-label-cell-data-mixins.box;\n        @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n\n    .cell {\n      @include table-scw-table-row-cell-mixins.box;\n      @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-scw-table-row-cell-cell-data-mixins.box;\n        @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-comparison-table-table-scw-table-header": {
     "html": {
-      "output": "<div class=\"scw-table-header\">\n  <div class=\"placeholder\">\n  </div>\n  <div class=\"header-row\">\n    <div class=\"header-label\">\n      Free Checking\n    </div>\n    <div class=\"scw-link-base\">\n      <div class=\"scw-link-label-base\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Open Account\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-table-header\">\n  <div class=\"placeholder\">\n  </div>\n  <div class=\"header-row\">\n    <div class=\"header-label\">\n      Free Checking\n    </div>\n    <div class=\"scw-link-base\">\n      <div class=\"scw-link-label-base\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          Open Account\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-mixins\" as table-scw-table-header-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-placeholder-mixins\" as table-scw-table-header-placeholder-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n\n.scw-table-header {\n  @include table-scw-table-header-mixins.box;\n  @include table-scw-table-header-mixins.figma-autolayout;\n\n  .placeholder {\n    @include table-scw-table-header-placeholder-mixins.box;\n    @include table-scw-table-header-placeholder-mixins.figma-autolayout;\n  }\n\n  .header-row {\n    @include table-scw-table-header-header-row-mixins.box;\n    @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-scw-table-header-header-row-header-label-mixins.text;\n    }\n\n    .scw-link-base {\n      @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n      .scw-link-label-base {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n        .left-icon {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n        }\n\n        .label {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n        }\n\n        .right-icon {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-mixins\" as table-scw-table-header-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-placeholder-mixins\" as table-scw-table-header-placeholder-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-table-header {\n  @include table-scw-table-header-mixins.box;\n  @include table-scw-table-header-mixins.figma-autolayout;\n\n  .placeholder {\n    @include table-scw-table-header-placeholder-mixins.box;\n    @include table-scw-table-header-placeholder-mixins.figma-autolayout;\n  }\n\n  .header-row {\n    @include table-scw-table-header-header-row-mixins.box;\n    @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-scw-table-header-header-row-header-label-mixins.text;\n    }\n\n    .scw-link-base {\n      @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n      .scw-link-label-base {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n        .left-icon {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n          .icon {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n        }\n\n        .right-icon {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n          .icon {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -20231,11 +20531,11 @@
   },
   "components-scw-comparison-table-table-scw-table-header-header-row": {
     "html": {
-      "output": "<div class=\"header-row\">\n  <div class=\"header-label\">\n    Free Checking\n  </div>\n  <div class=\"scw-link-base\">\n    <div class=\"scw-link-label-base\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Open Account\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"header-row\">\n  <div class=\"header-label\">\n    Free Checking\n  </div>\n  <div class=\"scw-link-base\">\n    <div class=\"scw-link-label-base\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Open Account\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n\n.header-row {\n  @include table-scw-table-header-header-row-mixins.box;\n  @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-scw-table-header-header-row-header-label-mixins.text;\n  }\n\n  .scw-link-base {\n    @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n    .scw-link-label-base {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n      }\n\n      .label {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n      }\n\n      .right-icon {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.header-row {\n  @include table-scw-table-header-header-row-mixins.box;\n  @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-scw-table-header-header-row-header-label-mixins.text;\n  }\n\n  .scw-link-base {\n    @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n    .scw-link-label-base {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n        .icon {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n      }\n\n      .right-icon {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n        .icon {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -20251,31 +20551,51 @@
   },
   "components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base": {
     "html": {
-      "output": "<div class=\"scw-link-base\">\n  <div class=\"scw-link-label-base\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Open Account\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-link-base\">\n  <div class=\"scw-link-label-base\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      Open Account\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n\n.scw-link-base {\n  @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n  @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n  .scw-link-label-base {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n    .left-icon {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n    }\n\n    .label {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n    }\n\n    .right-icon {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n  @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n  .scw-link-label-base {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n    .left-icon {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n      .icon {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n    }\n\n    .right-icon {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n      .icon {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base": {
     "html": {
-      "output": "<div class=\"scw-link-label-base\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Open Account\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "output": "<div class=\"scw-link-label-base\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    Open Account\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n\n.scw-link-label-base {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n  .left-icon {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n  }\n\n  .label {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n  }\n\n  .right-icon {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n  }\n}",
+      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-link-label-base {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n  .left-icon {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n    .icon {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n  }\n\n  .right-icon {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n    .icon {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n  .icon {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.icon {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n\n  .vector {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n\n.left-icon {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.vector {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -20291,11 +20611,31 @@
   },
   "components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon": {
     "html": {
-      "output": "<div class=\"right-icon\">\n</div>",
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n\n.right-icon {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n  .icon {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.icon {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n\n  .vector {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.vector {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -20371,21 +20711,21 @@
   },
   "components-scw-table": {
     "html": {
-      "output": "<div class=\"scw-table\">\n  <div class=\"scw-table-header\">\n    <div class=\"placeholder\">\n    </div>\n    <div class=\"header-row\">\n      <div class=\"header-label\">\n        Lorem Ipsum\n      </div>\n      <div class=\"scw-link-base\">\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-table-row\">\n    <div class=\"cell-label\">\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Lorem Ipsum\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-table\">\n  <div class=\"scw-table-header\">\n    <div class=\"placeholder\">\n    </div>\n    <div class=\"header-row\">\n      <div class=\"header-label\">\n        Lorem Ipsum\n      </div>\n      <div class=\"scw-link-base\">\n        <div class=\"scw-link-label-base\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            Open Account\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-table-row\">\n    <div class=\"cell-label\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Heading\n        </div>\n      </div>\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Lorem Ipsum\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-table/index-mixins\" as index-mixins;\n@use \"comp-scw-table/scw-table-header-mixins\" as scw-table-header-mixins;\n@use \"comp-scw-table/scw-table-header-placeholder-mixins\" as scw-table-header-placeholder-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-mixins\" as scw-table-header-header-row-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-header-label-mixins\" as scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-table/scw-table-row-mixins\" as scw-table-row-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-mixins\" as scw-table-row-cell-label-mixins;\n@use \"comp-scw-table/scw-table-row-cell-mixins\" as scw-table-row-cell-mixins;\n@use \"comp-scw-table/scw-table-row-cell-cell-data-mixins\" as scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-table/scw-table-row-cell-cell-data-header-label-mixins\" as scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-table {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .scw-table-header {\n    @include scw-table-header-mixins.box;\n    @include scw-table-header-mixins.figma-autolayout;\n\n    .placeholder {\n      @include scw-table-header-placeholder-mixins.box;\n      @include scw-table-header-placeholder-mixins.figma-autolayout;\n    }\n\n    .header-row {\n      @include scw-table-header-header-row-mixins.box;\n      @include scw-table-header-header-row-mixins.figma-autolayout;\n\n      .header-label {\n        @include scw-table-header-header-row-header-label-mixins.text;\n      }\n\n      .scw-link-base {\n        @include scw-table-header-header-row-scw-link-base-mixins.box;\n        @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n      }\n    }\n  }\n\n  .scw-table-row {\n    @include scw-table-row-mixins.box;\n    @include scw-table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include scw-table-row-cell-label-mixins.box;\n      @include scw-table-row-cell-label-mixins.figma-autolayout;\n    }\n\n    .cell {\n      @include scw-table-row-cell-mixins.box;\n      @include scw-table-row-cell-mixins.figma-autolayout;\n\n      .cell-data {\n        @include scw-table-row-cell-cell-data-mixins.box;\n        @include scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include scw-table-row-cell-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-table/index-mixins\" as index-mixins;\n@use \"comp-scw-table/scw-table-header-mixins\" as scw-table-header-mixins;\n@use \"comp-scw-table/scw-table-header-placeholder-mixins\" as scw-table-header-placeholder-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-mixins\" as scw-table-header-header-row-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-header-label-mixins\" as scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n@use \"comp-scw-table/scw-table-row-mixins\" as scw-table-row-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-mixins\" as scw-table-row-cell-label-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-cell-data-mixins\" as scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-cell-data-header-label-mixins\" as scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-table/scw-table-row-cell-mixins\" as scw-table-row-cell-mixins;\n@use \"comp-scw-table/scw-table-row-cell-cell-data-mixins\" as scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-table/scw-table-row-cell-cell-data-header-label-mixins\" as scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-table {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .scw-table-header {\n    @include scw-table-header-mixins.box;\n    @include scw-table-header-mixins.figma-autolayout;\n\n    .placeholder {\n      @include scw-table-header-placeholder-mixins.box;\n      @include scw-table-header-placeholder-mixins.figma-autolayout;\n    }\n\n    .header-row {\n      @include scw-table-header-header-row-mixins.box;\n      @include scw-table-header-header-row-mixins.figma-autolayout;\n\n      .header-label {\n        @include scw-table-header-header-row-header-label-mixins.text;\n      }\n\n      .scw-link-base {\n        @include scw-table-header-header-row-scw-link-base-mixins.box;\n        @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n        .scw-link-label-base {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n          .left-icon {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n            .icon {\n              @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n              @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n                @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n          }\n\n          .right-icon {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n            .icon {\n              @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n              @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n                @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .scw-table-row {\n    @include scw-table-row-mixins.box;\n    @include scw-table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include scw-table-row-cell-label-mixins.box;\n      @include scw-table-row-cell-label-mixins.figma-autolayout;\n\n      .cell-data {\n        @include scw-table-row-cell-label-cell-data-mixins.box;\n        @include scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include scw-table-row-cell-label-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n\n    .cell {\n      @include scw-table-row-cell-mixins.box;\n      @include scw-table-row-cell-mixins.figma-autolayout;\n\n      .cell-data {\n        @include scw-table-row-cell-cell-data-mixins.box;\n        @include scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include scw-table-row-cell-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-table-scw-table-header": {
     "html": {
-      "output": "<div class=\"scw-table-header\">\n  <div class=\"placeholder\">\n  </div>\n  <div class=\"header-row\">\n    <div class=\"header-label\">\n      Lorem Ipsum\n    </div>\n    <div class=\"scw-link-base\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-table-header\">\n  <div class=\"placeholder\">\n  </div>\n  <div class=\"header-row\">\n    <div class=\"header-label\">\n      Lorem Ipsum\n    </div>\n    <div class=\"scw-link-base\">\n      <div class=\"scw-link-label-base\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          Open Account\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-table/scw-table-header-mixins\" as scw-table-header-mixins;\n@use \"comp-scw-table/scw-table-header-placeholder-mixins\" as scw-table-header-placeholder-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-mixins\" as scw-table-header-header-row-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-header-label-mixins\" as scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n\n.scw-table-header {\n  @include scw-table-header-mixins.box;\n  @include scw-table-header-mixins.figma-autolayout;\n\n  .placeholder {\n    @include scw-table-header-placeholder-mixins.box;\n    @include scw-table-header-placeholder-mixins.figma-autolayout;\n  }\n\n  .header-row {\n    @include scw-table-header-header-row-mixins.box;\n    @include scw-table-header-header-row-mixins.figma-autolayout;\n\n    .header-label {\n      @include scw-table-header-header-row-header-label-mixins.text;\n    }\n\n    .scw-link-base {\n      @include scw-table-header-header-row-scw-link-base-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-table/scw-table-header-mixins\" as scw-table-header-mixins;\n@use \"comp-scw-table/scw-table-header-placeholder-mixins\" as scw-table-header-placeholder-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-mixins\" as scw-table-header-header-row-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-header-label-mixins\" as scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-table-header {\n  @include scw-table-header-mixins.box;\n  @include scw-table-header-mixins.figma-autolayout;\n\n  .placeholder {\n    @include scw-table-header-placeholder-mixins.box;\n    @include scw-table-header-placeholder-mixins.figma-autolayout;\n  }\n\n  .header-row {\n    @include scw-table-header-header-row-mixins.box;\n    @include scw-table-header-header-row-mixins.figma-autolayout;\n\n    .header-label {\n      @include scw-table-header-header-row-header-label-mixins.text;\n    }\n\n    .scw-link-base {\n      @include scw-table-header-header-row-scw-link-base-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n      .scw-link-label-base {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n        .left-icon {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n          .icon {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n              @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n        }\n\n        .right-icon {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n          .icon {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n              @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -20401,11 +20741,11 @@
   },
   "components-scw-table-scw-table-header-header-row": {
     "html": {
-      "output": "<div class=\"header-row\">\n  <div class=\"header-label\">\n    Lorem Ipsum\n  </div>\n  <div class=\"scw-link-base\">\n  </div>\n</div>",
+      "output": "<div class=\"header-row\">\n  <div class=\"header-label\">\n    Lorem Ipsum\n  </div>\n  <div class=\"scw-link-base\">\n    <div class=\"scw-link-label-base\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Open Account\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-table/scw-table-header-header-row-mixins\" as scw-table-header-header-row-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-header-label-mixins\" as scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n\n.header-row {\n  @include scw-table-header-header-row-mixins.box;\n  @include scw-table-header-header-row-mixins.figma-autolayout;\n\n  .header-label {\n    @include scw-table-header-header-row-header-label-mixins.text;\n  }\n\n  .scw-link-base {\n    @include scw-table-header-header-row-scw-link-base-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n  }\n}",
+      "output": "@use \"comp-scw-table/scw-table-header-header-row-mixins\" as scw-table-header-header-row-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-header-label-mixins\" as scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.header-row {\n  @include scw-table-header-header-row-mixins.box;\n  @include scw-table-header-header-row-mixins.figma-autolayout;\n\n  .header-label {\n    @include scw-table-header-header-row-header-label-mixins.text;\n  }\n\n  .scw-link-base {\n    @include scw-table-header-header-row-scw-link-base-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n    .scw-link-label-base {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n        .icon {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n        .icon {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -20421,31 +20761,131 @@
   },
   "components-scw-table-scw-table-header-header-row-scw-link-base": {
     "html": {
-      "output": "<div class=\"scw-link-base\">\n</div>",
+      "output": "<div class=\"scw-link-base\">\n  <div class=\"scw-link-label-base\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      Open Account\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n\n.scw-link-base {\n  @include scw-table-header-header-row-scw-link-base-mixins.box;\n  @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include scw-table-header-header-row-scw-link-base-mixins.box;\n  @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n  .scw-link-label-base {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n    .left-icon {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n      .icon {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n    }\n\n    .right-icon {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n      .icon {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-table-scw-table-header-header-row-scw-link-base-scw-link-label-base": {
+    "html": {
+      "output": "<div class=\"scw-link-label-base\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    Open Account\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-link-label-base {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n  .left-icon {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n    .icon {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n  }\n\n  .right-icon {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n    .icon {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon": {
+    "html": {
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n  .icon {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.vector {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  Open Account\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n\n.label {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon": {
+    "html": {
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n  .icon {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.vector {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-table-scw-table-row": {
     "html": {
-      "output": "<div class=\"scw-table-row\">\n  <div class=\"cell-label\">\n  </div>\n  <div class=\"cell\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Lorem Ipsum\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-table-row\">\n  <div class=\"cell-label\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Heading\n      </div>\n    </div>\n  </div>\n  <div class=\"cell\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Lorem Ipsum\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-table/scw-table-row-mixins\" as scw-table-row-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-mixins\" as scw-table-row-cell-label-mixins;\n@use \"comp-scw-table/scw-table-row-cell-mixins\" as scw-table-row-cell-mixins;\n@use \"comp-scw-table/scw-table-row-cell-cell-data-mixins\" as scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-table/scw-table-row-cell-cell-data-header-label-mixins\" as scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-table-row {\n  @include scw-table-row-mixins.box;\n  @include scw-table-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include scw-table-row-cell-label-mixins.box;\n    @include scw-table-row-cell-label-mixins.figma-autolayout;\n  }\n\n  .cell {\n    @include scw-table-row-cell-mixins.box;\n    @include scw-table-row-cell-mixins.figma-autolayout;\n\n    .cell-data {\n      @include scw-table-row-cell-cell-data-mixins.box;\n      @include scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include scw-table-row-cell-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-table/scw-table-row-mixins\" as scw-table-row-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-mixins\" as scw-table-row-cell-label-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-cell-data-mixins\" as scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-cell-data-header-label-mixins\" as scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-table/scw-table-row-cell-mixins\" as scw-table-row-cell-mixins;\n@use \"comp-scw-table/scw-table-row-cell-cell-data-mixins\" as scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-table/scw-table-row-cell-cell-data-header-label-mixins\" as scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-table-row {\n  @include scw-table-row-mixins.box;\n  @include scw-table-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include scw-table-row-cell-label-mixins.box;\n    @include scw-table-row-cell-label-mixins.figma-autolayout;\n\n    .cell-data {\n      @include scw-table-row-cell-label-cell-data-mixins.box;\n      @include scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include scw-table-row-cell-label-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n\n  .cell {\n    @include scw-table-row-cell-mixins.box;\n    @include scw-table-row-cell-mixins.figma-autolayout;\n\n    .cell-data {\n      @include scw-table-row-cell-cell-data-mixins.box;\n      @include scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include scw-table-row-cell-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-table-scw-table-row-cell-label": {
     "html": {
-      "output": "<div class=\"cell-label\">\n</div>",
+      "output": "<div class=\"cell-label\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Heading\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-table/scw-table-row-cell-label-mixins\" as scw-table-row-cell-label-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-cell-data-mixins\" as scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-cell-data-header-label-mixins\" as scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-label {\n  @include scw-table-row-cell-label-mixins.box;\n  @include scw-table-row-cell-label-mixins.figma-autolayout;\n\n  .cell-data {\n    @include scw-table-row-cell-label-cell-data-mixins.box;\n    @include scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n    .header-label {\n      @include scw-table-row-cell-label-cell-data-header-label-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-table-scw-table-row-cell-label-cell-data": {
+    "html": {
+      "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Heading\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-table/scw-table-row-cell-label-cell-data-mixins\" as scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-cell-data-header-label-mixins\" as scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-data {\n  @include scw-table-row-cell-label-cell-data-mixins.box;\n  @include scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include scw-table-row-cell-label-cell-data-header-label-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-table-scw-table-row-cell-label-cell-data-header-label": {
+    "html": {
+      "output": "<div class=\"header-label\">\n  Heading\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-table/scw-table-row-cell-label-mixins\" as scw-table-row-cell-label-mixins;\n\n.cell-label {\n  @include scw-table-row-cell-label-mixins.box;\n  @include scw-table-row-cell-label-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-table/scw-table-row-cell-label-cell-data-header-label-mixins\" as scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.header-label {\n  @include scw-table-row-cell-label-cell-data-header-label-mixins.text;\n}",
       "example": ""
     }
   },
@@ -20481,21 +20921,21 @@
   },
   "components-scw-rate-table": {
     "html": {
-      "output": "<div class=\"scw-rate-table\">\n  <div class=\"header\">\n    <div class=\"text\">\n      <div class=\"title\">\n        Rate Table Title\n      </div>\n      <div class=\"subtitle\">\n        Sub Title\n      </div>\n    </div>\n    <div class=\"tools\">\n      <div class=\"scw-link-base\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            More Info\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"amount\">\n    <div class=\"label\">\n      <div class=\"label\">\n        Enter your loan amount to calculate\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"input\">\n      <div class=\"icon-left\">\n      </div>\n      <div class=\"placeholder\">\n        <div class=\"placeholder\">\n          Loan Amount\n        </div>\n      </div>\n      <div class=\"icon-right\">\n      </div>\n    </div>\n    <div class=\"feedback\">\n    </div>\n  </div>\n  <div class=\"filter\">\n    <div class=\"frame-809\">\n      <div class=\"label\">\n        <div class=\"label\">\n          Filter by loan-to-value up to\n        </div>\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"feedback\">\n    </div>\n    <div class=\"scw-option\">\n    </div>\n    <div class=\"radio-group\">\n      <div class=\"radio-button\">\n        <div class=\"label\">\n          Option 1\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    <div class=\"title\">\n      Up to 70% LTV\n    </div>\n  </div>\n  <div class=\"table\">\n    <div class=\"header-row\">\n      <div class=\"cell\">\n        <div class=\"label\">\n          Header data\n        </div>\n      </div>\n    </div>\n    <div class=\"scw-table-row\">\n      <div class=\"cell-label\">\n      </div>\n      <div class=\"cell\">\n      </div>\n    </div>\n    <div class=\"scw-featured-rate-row\">\n      <div class=\"border\">\n        <div class=\"border-fill\">\n        </div>\n      </div>\n      <div class=\"label\">\n        <div class=\"star\">\n          <div class=\"vector\">\n          </div>\n        </div>\n        <div class=\"cell-label\">\n          Featured Rate\n        </div>\n      </div>\n      <div class=\"scw-table-row\">\n        <div class=\"cell-label\">\n        </div>\n        <div class=\"cell\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer\">\n    <div class=\"text\">\n      Rates effective 11/02/2023.\n    </div>\n    <div class=\"scw-link-base\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        <div class=\"label\">\n          View all rates & disclosures\n        </div>\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n  <div class=\"disclosures\">\n    <div class=\"scw-base-disclosure\">\n      <div class=\"text\">\n        1,2 Certificates may have penalty for early withdrawal. Fees may reduce earnings on the account.\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-rate-table\">\n  <div class=\"header\">\n    <div class=\"text\">\n      <div class=\"title\">\n        Rate Table Title\n      </div>\n      <div class=\"subtitle\">\n        Sub Title\n      </div>\n    </div>\n    <div class=\"tools\">\n      <div class=\"scw-link-base\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            More Info\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"amount\">\n    <div class=\"label\">\n      <div class=\"label\">\n        Enter your loan amount to calculate\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"input\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"placeholder\">\n        <div class=\"placeholder\">\n          Loan Amount\n        </div>\n      </div>\n      <div class=\"icon-right\">\n        <div class=\"icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"feedback\">\n      <div class=\"feedback\">\n        Feedback\n      </div>\n    </div>\n  </div>\n  <div class=\"filter\">\n    <div class=\"frame-809\">\n      <div class=\"label\">\n        <div class=\"label\">\n          Filter by loan-to-value up to\n        </div>\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"feedback\">\n      <div class=\"feedback\">\n        Feedback\n      </div>\n    </div>\n    <div class=\"scw-option\">\n      <div class=\"select\">\n        <div class=\"scw-option-single\">\n          <div class=\"label\">\n            <div class=\"text\">\n              Option\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"radio-group\">\n      <div class=\"radio-button\">\n        <div class=\"label\">\n          Option 1\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    <div class=\"title\">\n      Up to 70% LTV\n    </div>\n  </div>\n  <div class=\"table\">\n    <div class=\"header-row\">\n      <div class=\"cell\">\n        <div class=\"label\">\n          Header data\n        </div>\n      </div>\n    </div>\n    <div class=\"scw-table-row\">\n      <div class=\"cell-label\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Heading\n          </div>\n        </div>\n      </div>\n      <div class=\"cell\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Lorem Ipsum\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"scw-featured-rate-row\">\n      <div class=\"border\">\n        <div class=\"border-fill\">\n        </div>\n      </div>\n      <div class=\"label\">\n        <div class=\"star\">\n          <div class=\"vector\">\n          </div>\n        </div>\n        <div class=\"cell-label\">\n          Featured Rate\n        </div>\n      </div>\n      <div class=\"scw-table-row\">\n        <div class=\"cell-label\">\n          <div class=\"cell-data\">\n            <div class=\"header-label\">\n              Heading\n            </div>\n          </div>\n        </div>\n        <div class=\"cell\">\n          <div class=\"cell-data\">\n            <div class=\"header-label\">\n              Lorem Ipsum\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer\">\n    <div class=\"text\">\n      Rates effective 11/02/2023.\n    </div>\n    <div class=\"scw-link-base\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        <div class=\"label\">\n          View all rates & disclosures\n        </div>\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"disclosures\">\n    <div class=\"scw-base-disclosure\">\n      <div class=\"text\">\n        1,2 Certificates may have penalty for early withdrawal. Fees may reduce earnings on the account.\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/index-mixins\" as index-mixins;\n@use \"comp-scw-rate-table/header-mixins\" as header-mixins;\n@use \"comp-scw-rate-table/header-text-mixins\" as header-text-mixins;\n@use \"comp-scw-rate-table/header-text-title-mixins\" as header-text-title-mixins;\n@use \"comp-scw-rate-table/header-text-subtitle-mixins\" as header-text-subtitle-mixins;\n@use \"comp-scw-rate-table/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table/amount-mixins\" as amount-mixins;\n@use \"comp-scw-rate-table/amount-label-mixins\" as amount-label-mixins;\n@use \"comp-scw-rate-table/amount-label-label-mixins\" as amount-label-label-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-mixins\" as amount-label-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-mixins\" as amount-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-092-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-02-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table/amount-feedback-mixins\" as amount-feedback-mixins;\n@use \"comp-scw-rate-table/filter-mixins\" as filter-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-mixins\" as filter-frame-809-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-mixins\" as filter-frame-809-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-label-mixins\" as filter-frame-809-label-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-mixins\" as filter-frame-809-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-mixins\" as filter-frame-809-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-mixins\" as filter-radio-group-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-mixins\" as filter-radio-group-radio-button-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-label-mixins\" as filter-radio-group-radio-button-label-mixins;\n@use \"comp-scw-rate-table/heading-mixins\" as heading-mixins;\n@use \"comp-scw-rate-table/heading-title-mixins\" as heading-title-mixins;\n@use \"comp-scw-rate-table/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-mixins\" as table-header-row-cell-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-label-mixins\" as table-header-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-mixins\" as table-scw-featured-rate-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-mixins\" as table-scw-featured-rate-row-border-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-border-fill-mixins\" as table-scw-featured-rate-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-mixins\" as table-scw-featured-rate-row-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-mixins\" as table-scw-featured-rate-row-label-star-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-vector-mixins\" as table-scw-featured-rate-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-cell-label-mixins\" as table-scw-featured-rate-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/footer-mixins\" as footer-mixins;\n@use \"comp-scw-rate-table/footer-text-mixins\" as footer-text-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table/disclosures-mixins\" as disclosures-mixins;\n@use \"comp-scw-rate-table/disclosures-scw-base-disclosure-mixins\" as disclosures-scw-base-disclosure-mixins;\n@use \"comp-scw-rate-table/disclosures-scw-base-disclosure-text-mixins\" as disclosures-scw-base-disclosure-text-mixins;\n\n.scw-rate-table {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .header {\n    @include header-mixins.box;\n    @include header-mixins.figma-autolayout;\n\n    .text {\n      @include header-text-mixins.box;\n      @include header-text-mixins.figma-autolayout;\n\n      .title {\n        @include header-text-title-mixins.text;\n      }\n\n      .subtitle {\n        @include header-text-subtitle-mixins.text;\n      }\n    }\n\n    .tools {\n      @include header-tools-mixins.box;\n      @include header-tools-mixins.figma-autolayout;\n\n      .scw-link-base {\n        @include header-tools-scw-link-base-mixins.box;\n        @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n        .label {\n          @include header-tools-scw-link-base-label-mixins.box;\n          @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include header-tools-scw-link-base-label-left-icon-mixins.box;\n          }\n\n          .label {\n            @include header-tools-scw-link-base-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include header-tools-scw-link-base-label-right-icon-mixins.box;\n          }\n        }\n      }\n    }\n  }\n\n  .amount {\n    @include amount-mixins.box;\n    @include amount-mixins.figma-autolayout;\n\n    .label {\n      @include amount-label-mixins.box;\n      @include amount-label-mixins.figma-autolayout;\n\n      .label {\n        @include amount-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include amount-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include amount-label-scw-info-tip-question-circle-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include amount-input-mixins.box;\n      @include amount-input-mixins.figma-autolayout;\n\n      .icon-left {\n        @include amount-input-icon-left-mixins.box;\n        @include amount-input-icon-left-mixins.figma-autolayout;\n      }\n\n      .placeholder {\n        @include amount-input-placeholder-mixins.box;\n        @include amount-input-placeholder-mixins.figma-autolayout;\n\n        .placeholder {\n          @include amount-input-placeholder-placeholder-mixins.text;\n        }\n      }\n\n      .icon-right {\n        @include amount-input-icon-right-mixins.box;\n        @include amount-input-icon-right-mixins.figma-autolayout;\n      }\n    }\n\n    .feedback {\n      @include amount-feedback-mixins.box;\n      @include amount-feedback-mixins.figma-autolayout;\n    }\n  }\n\n  .filter {\n    @include filter-mixins.box;\n    @include filter-mixins.figma-autolayout;\n\n    .frame-809 {\n      @include filter-frame-809-mixins.box;\n      @include filter-frame-809-mixins.figma-autolayout;\n\n      .label {\n        @include filter-frame-809-label-mixins.box;\n        @include filter-frame-809-label-mixins.figma-autolayout;\n\n        .label {\n          @include filter-frame-809-label-label-mixins.text;\n        }\n      }\n\n      .scw-info-tip {\n        @include filter-frame-809-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include filter-feedback-mixins.box;\n      @include filter-feedback-mixins.figma-autolayout;\n    }\n\n    .scw-option {\n      @include filter-scw-option-mixins.box;\n      @include filter-scw-option-mixins.figma-autolayout;\n    }\n\n    .radio-group {\n      @include filter-radio-group-mixins.box;\n      @include filter-radio-group-mixins.figma-autolayout;\n\n      .radio-button {\n        @include filter-radio-group-radio-button-mixins.box;\n        @include filter-radio-group-radio-button-mixins.figma-autolayout;\n\n        .label {\n          @include filter-radio-group-radio-button-label-mixins.text;\n        }\n      }\n    }\n  }\n\n  .heading {\n    @include heading-mixins.box;\n    @include heading-mixins.figma-autolayout;\n\n    .title {\n      @include heading-title-mixins.text;\n    }\n  }\n\n  .table {\n    @include table-mixins.box;\n    @include table-mixins.figma-autolayout;\n\n    .header-row {\n      @include table-header-row-mixins.box;\n      @include table-header-row-mixins.figma-autolayout;\n\n      .cell {\n        @include table-header-row-cell-mixins.box;\n        @include table-header-row-cell-mixins.figma-autolayout;\n\n        .label {\n          @include table-header-row-cell-label-mixins.text;\n        }\n      }\n    }\n\n    .scw-table-row {\n      @include table-scw-table-row-mixins.box;\n      @include table-scw-table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-scw-table-row-cell-label-mixins.box;\n        @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n      }\n\n      .cell {\n        @include table-scw-table-row-cell-mixins.box;\n        @include table-scw-table-row-cell-mixins.figma-autolayout;\n      }\n    }\n\n    .scw-featured-rate-row {\n      @include table-scw-featured-rate-row-mixins.box;\n      @include table-scw-featured-rate-row-mixins.figma-autolayout;\n\n      .border {\n        @include table-scw-featured-rate-row-border-mixins.box;\n\n        .border-fill {\n          @include table-scw-featured-rate-row-border-border-fill-mixins.box;\n          @include table-scw-featured-rate-row-border-border-fill-mixins.absolute-layout;\n        }\n      }\n\n      .label {\n        @include table-scw-featured-rate-row-label-mixins.box;\n        @include table-scw-featured-rate-row-label-mixins.figma-autolayout;\n\n        .star {\n          @include table-scw-featured-rate-row-label-star-mixins.box;\n\n          .vector {\n            @include table-scw-featured-rate-row-label-star-vector-mixins.box;\n            @include table-scw-featured-rate-row-label-star-vector-mixins.absolute-layout;\n          }\n        }\n\n        .cell-label {\n          @include table-scw-featured-rate-row-label-cell-label-mixins.text;\n        }\n      }\n\n      .scw-table-row {\n        @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n        .cell-label {\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n        }\n\n        .cell {\n          @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n        }\n      }\n    }\n  }\n\n  .footer {\n    @include footer-mixins.box;\n    @include footer-mixins.figma-autolayout;\n\n    .text {\n      @include footer-text-mixins.text;\n    }\n\n    .scw-link-base {\n      @include footer-scw-link-base-mixins.box;\n      @include footer-scw-link-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include footer-scw-link-base-left-icon-mixins.box;\n      }\n\n      .label {\n        @include footer-scw-link-base-label-mixins.box;\n        @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n        .label {\n          @include footer-scw-link-base-label-label-mixins.text;\n        }\n      }\n\n      .right-icon {\n        @include footer-scw-link-base-right-icon-mixins.box;\n      }\n    }\n  }\n\n  .disclosures {\n    @include disclosures-mixins.box;\n    @include disclosures-mixins.figma-autolayout;\n\n    .scw-base-disclosure {\n      @include disclosures-scw-base-disclosure-mixins.box;\n      @include disclosures-scw-base-disclosure-mixins.figma-autolayout;\n\n      .text {\n        @include disclosures-scw-base-disclosure-text-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/index-mixins\" as index-mixins;\n@use \"comp-scw-rate-table/header-mixins\" as header-mixins;\n@use \"comp-scw-rate-table/header-text-mixins\" as header-text-mixins;\n@use \"comp-scw-rate-table/header-text-title-mixins\" as header-text-title-mixins;\n@use \"comp-scw-rate-table/header-text-subtitle-mixins\" as header-text-subtitle-mixins;\n@use \"comp-scw-rate-table/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/amount-mixins\" as amount-mixins;\n@use \"comp-scw-rate-table/amount-label-mixins\" as amount-label-mixins;\n@use \"comp-scw-rate-table/amount-label-label-mixins\" as amount-label-label-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-mixins\" as amount-label-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-mixins\" as amount-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-092-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-02-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/amount-feedback-mixins\" as amount-feedback-mixins;\n@use \"comp-scw-rate-table/amount-feedback-feedback-mixins\" as amount-feedback-feedback-mixins;\n@use \"comp-scw-rate-table/filter-mixins\" as filter-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-mixins\" as filter-frame-809-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-mixins\" as filter-frame-809-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-label-mixins\" as filter-frame-809-label-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-mixins\" as filter-frame-809-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-mixins\" as filter-frame-809-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table/filter-feedback-feedback-mixins\" as filter-feedback-feedback-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-mixins\" as filter-scw-option-select-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-mixins\" as filter-radio-group-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-mixins\" as filter-radio-group-radio-button-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-label-mixins\" as filter-radio-group-radio-button-label-mixins;\n@use \"comp-scw-rate-table/heading-mixins\" as heading-mixins;\n@use \"comp-scw-rate-table/heading-title-mixins\" as heading-title-mixins;\n@use \"comp-scw-rate-table/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-mixins\" as table-header-row-cell-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-label-mixins\" as table-header-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-mixins\" as table-scw-featured-rate-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-mixins\" as table-scw-featured-rate-row-border-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-border-fill-mixins\" as table-scw-featured-rate-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-mixins\" as table-scw-featured-rate-row-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-mixins\" as table-scw-featured-rate-row-label-star-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-vector-mixins\" as table-scw-featured-rate-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-cell-label-mixins\" as table-scw-featured-rate-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/footer-mixins\" as footer-mixins;\n@use \"comp-scw-rate-table/footer-text-mixins\" as footer-text-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/disclosures-mixins\" as disclosures-mixins;\n@use \"comp-scw-rate-table/disclosures-scw-base-disclosure-mixins\" as disclosures-scw-base-disclosure-mixins;\n@use \"comp-scw-rate-table/disclosures-scw-base-disclosure-text-mixins\" as disclosures-scw-base-disclosure-text-mixins;\n\n.scw-rate-table {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .header {\n    @include header-mixins.box;\n    @include header-mixins.figma-autolayout;\n\n    .text {\n      @include header-text-mixins.box;\n      @include header-text-mixins.figma-autolayout;\n\n      .title {\n        @include header-text-title-mixins.text;\n      }\n\n      .subtitle {\n        @include header-text-subtitle-mixins.text;\n      }\n    }\n\n    .tools {\n      @include header-tools-mixins.box;\n      @include header-tools-mixins.figma-autolayout;\n\n      .scw-link-base {\n        @include header-tools-scw-link-base-mixins.box;\n        @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n        .label {\n          @include header-tools-scw-link-base-label-mixins.box;\n          @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n            .icon {\n              @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n              @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n                @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include header-tools-scw-link-base-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n            .icon {\n              @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n              @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .amount {\n    @include amount-mixins.box;\n    @include amount-mixins.figma-autolayout;\n\n    .label {\n      @include amount-label-mixins.box;\n      @include amount-label-mixins.figma-autolayout;\n\n      .label {\n        @include amount-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include amount-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include amount-label-scw-info-tip-question-circle-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include amount-input-mixins.box;\n      @include amount-input-mixins.figma-autolayout;\n\n      .icon-left {\n        @include amount-input-icon-left-mixins.box;\n        @include amount-input-icon-left-mixins.figma-autolayout;\n\n        .icon {\n          @include amount-input-icon-left-icon-mixins.box;\n\n          .icon {\n            @include amount-input-icon-left-icon-icon-mixins.box;\n            @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include amount-input-icon-left-icon-icon-vector-mixins.box;\n              @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .placeholder {\n        @include amount-input-placeholder-mixins.box;\n        @include amount-input-placeholder-mixins.figma-autolayout;\n\n        .placeholder {\n          @include amount-input-placeholder-placeholder-mixins.text;\n        }\n      }\n\n      .icon-right {\n        @include amount-input-icon-right-mixins.box;\n        @include amount-input-icon-right-mixins.figma-autolayout;\n\n        .icon {\n          @include amount-input-icon-right-icon-mixins.box;\n\n          .icon {\n            @include amount-input-icon-right-icon-icon-mixins.box;\n            @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include amount-input-icon-right-icon-icon-vector-mixins.box;\n              @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include amount-feedback-mixins.box;\n      @include amount-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include amount-feedback-feedback-mixins.text;\n      }\n    }\n  }\n\n  .filter {\n    @include filter-mixins.box;\n    @include filter-mixins.figma-autolayout;\n\n    .frame-809 {\n      @include filter-frame-809-mixins.box;\n      @include filter-frame-809-mixins.figma-autolayout;\n\n      .label {\n        @include filter-frame-809-label-mixins.box;\n        @include filter-frame-809-label-mixins.figma-autolayout;\n\n        .label {\n          @include filter-frame-809-label-label-mixins.text;\n        }\n      }\n\n      .scw-info-tip {\n        @include filter-frame-809-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include filter-feedback-mixins.box;\n      @include filter-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include filter-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include filter-scw-option-mixins.box;\n      @include filter-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include filter-scw-option-select-mixins.box;\n        @include filter-scw-option-select-mixins.figma-autolayout;\n\n        .scw-option-single {\n          @include filter-scw-option-select-scw-option-single-mixins.box;\n          @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include filter-scw-option-select-scw-option-single-label-mixins.box;\n            @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n\n    .radio-group {\n      @include filter-radio-group-mixins.box;\n      @include filter-radio-group-mixins.figma-autolayout;\n\n      .radio-button {\n        @include filter-radio-group-radio-button-mixins.box;\n        @include filter-radio-group-radio-button-mixins.figma-autolayout;\n\n        .label {\n          @include filter-radio-group-radio-button-label-mixins.text;\n        }\n      }\n    }\n  }\n\n  .heading {\n    @include heading-mixins.box;\n    @include heading-mixins.figma-autolayout;\n\n    .title {\n      @include heading-title-mixins.text;\n    }\n  }\n\n  .table {\n    @include table-mixins.box;\n    @include table-mixins.figma-autolayout;\n\n    .header-row {\n      @include table-header-row-mixins.box;\n      @include table-header-row-mixins.figma-autolayout;\n\n      .cell {\n        @include table-header-row-cell-mixins.box;\n        @include table-header-row-cell-mixins.figma-autolayout;\n\n        .label {\n          @include table-header-row-cell-label-mixins.text;\n        }\n      }\n    }\n\n    .scw-table-row {\n      @include table-scw-table-row-mixins.box;\n      @include table-scw-table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-scw-table-row-cell-label-mixins.box;\n        @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-table-row-cell-label-cell-data-mixins.box;\n          @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n\n      .cell {\n        @include table-scw-table-row-cell-mixins.box;\n        @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-table-row-cell-cell-data-mixins.box;\n          @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n    }\n\n    .scw-featured-rate-row {\n      @include table-scw-featured-rate-row-mixins.box;\n      @include table-scw-featured-rate-row-mixins.figma-autolayout;\n\n      .border {\n        @include table-scw-featured-rate-row-border-mixins.box;\n\n        .border-fill {\n          @include table-scw-featured-rate-row-border-border-fill-mixins.box;\n          @include table-scw-featured-rate-row-border-border-fill-mixins.absolute-layout;\n        }\n      }\n\n      .label {\n        @include table-scw-featured-rate-row-label-mixins.box;\n        @include table-scw-featured-rate-row-label-mixins.figma-autolayout;\n\n        .star {\n          @include table-scw-featured-rate-row-label-star-mixins.box;\n\n          .vector {\n            @include table-scw-featured-rate-row-label-star-vector-mixins.box;\n            @include table-scw-featured-rate-row-label-star-vector-mixins.absolute-layout;\n          }\n        }\n\n        .cell-label {\n          @include table-scw-featured-rate-row-label-cell-label-mixins.text;\n        }\n      }\n\n      .scw-table-row {\n        @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n        .cell-label {\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n\n          .cell-data {\n            @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.box;\n            @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n            .header-label {\n              @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n            }\n          }\n        }\n\n        .cell {\n          @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n\n          .cell-data {\n            @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.box;\n            @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n            .header-label {\n              @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .footer {\n    @include footer-mixins.box;\n    @include footer-mixins.figma-autolayout;\n\n    .text {\n      @include footer-text-mixins.text;\n    }\n\n    .scw-link-base {\n      @include footer-scw-link-base-mixins.box;\n      @include footer-scw-link-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include footer-scw-link-base-left-icon-mixins.box;\n\n        .icon {\n          @include footer-scw-link-base-left-icon-icon-mixins.box;\n          @include footer-scw-link-base-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n            @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include footer-scw-link-base-label-mixins.box;\n        @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n        .label {\n          @include footer-scw-link-base-label-label-mixins.text;\n        }\n      }\n\n      .right-icon {\n        @include footer-scw-link-base-right-icon-mixins.box;\n\n        .icon {\n          @include footer-scw-link-base-right-icon-icon-mixins.box;\n          @include footer-scw-link-base-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n            @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .disclosures {\n    @include disclosures-mixins.box;\n    @include disclosures-mixins.figma-autolayout;\n\n    .scw-base-disclosure {\n      @include disclosures-scw-base-disclosure-mixins.box;\n      @include disclosures-scw-base-disclosure-mixins.figma-autolayout;\n\n      .text {\n        @include disclosures-scw-base-disclosure-text-mixins.text;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-header": {
     "html": {
-      "output": "<div class=\"header\">\n  <div class=\"text\">\n    <div class=\"title\">\n      Rate Table Title\n    </div>\n    <div class=\"subtitle\">\n      Sub Title\n    </div>\n  </div>\n  <div class=\"tools\">\n    <div class=\"scw-link-base\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          More Info\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"header\">\n  <div class=\"text\">\n    <div class=\"title\">\n      Rate Table Title\n    </div>\n    <div class=\"subtitle\">\n      Sub Title\n    </div>\n  </div>\n  <div class=\"tools\">\n    <div class=\"scw-link-base\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          More Info\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/header-mixins\" as header-mixins;\n@use \"comp-scw-rate-table/header-text-mixins\" as header-text-mixins;\n@use \"comp-scw-rate-table/header-text-title-mixins\" as header-text-title-mixins;\n@use \"comp-scw-rate-table/header-text-subtitle-mixins\" as header-text-subtitle-mixins;\n@use \"comp-scw-rate-table/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n\n.header {\n  @include header-mixins.box;\n  @include header-mixins.figma-autolayout;\n\n  .text {\n    @include header-text-mixins.box;\n    @include header-text-mixins.figma-autolayout;\n\n    .title {\n      @include header-text-title-mixins.text;\n    }\n\n    .subtitle {\n      @include header-text-subtitle-mixins.text;\n    }\n  }\n\n  .tools {\n    @include header-tools-mixins.box;\n    @include header-tools-mixins.figma-autolayout;\n\n    .scw-link-base {\n      @include header-tools-scw-link-base-mixins.box;\n      @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n      .label {\n        @include header-tools-scw-link-base-label-mixins.box;\n        @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include header-tools-scw-link-base-label-left-icon-mixins.box;\n        }\n\n        .label {\n          @include header-tools-scw-link-base-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include header-tools-scw-link-base-label-right-icon-mixins.box;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/header-mixins\" as header-mixins;\n@use \"comp-scw-rate-table/header-text-mixins\" as header-text-mixins;\n@use \"comp-scw-rate-table/header-text-title-mixins\" as header-text-title-mixins;\n@use \"comp-scw-rate-table/header-text-subtitle-mixins\" as header-text-subtitle-mixins;\n@use \"comp-scw-rate-table/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.header {\n  @include header-mixins.box;\n  @include header-mixins.figma-autolayout;\n\n  .text {\n    @include header-text-mixins.box;\n    @include header-text-mixins.figma-autolayout;\n\n    .title {\n      @include header-text-title-mixins.text;\n    }\n\n    .subtitle {\n      @include header-text-subtitle-mixins.text;\n    }\n  }\n\n  .tools {\n    @include header-tools-mixins.box;\n    @include header-tools-mixins.figma-autolayout;\n\n    .scw-link-base {\n      @include header-tools-scw-link-base-mixins.box;\n      @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n      .label {\n        @include header-tools-scw-link-base-label-mixins.box;\n        @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n          .icon {\n            @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n            @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n              @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include header-tools-scw-link-base-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n          .icon {\n            @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n            @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n              @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -20531,41 +20971,61 @@
   },
   "components-scw-rate-table-header-tools": {
     "html": {
-      "output": "<div class=\"tools\">\n  <div class=\"scw-link-base\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        More Info\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"tools\">\n  <div class=\"scw-link-base\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        More Info\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n\n.tools {\n  @include header-tools-mixins.box;\n  @include header-tools-mixins.figma-autolayout;\n\n  .scw-link-base {\n    @include header-tools-scw-link-base-mixins.box;\n    @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n    .label {\n      @include header-tools-scw-link-base-label-mixins.box;\n      @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include header-tools-scw-link-base-label-left-icon-mixins.box;\n      }\n\n      .label {\n        @include header-tools-scw-link-base-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include header-tools-scw-link-base-label-right-icon-mixins.box;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.tools {\n  @include header-tools-mixins.box;\n  @include header-tools-mixins.figma-autolayout;\n\n  .scw-link-base {\n    @include header-tools-scw-link-base-mixins.box;\n    @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n    .label {\n      @include header-tools-scw-link-base-label-mixins.box;\n      @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n        .icon {\n          @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n          @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n            @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include header-tools-scw-link-base-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n        .icon {\n          @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n          @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n            @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-header-tools-scw-link-base": {
     "html": {
-      "output": "<div class=\"scw-link-base\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      More Info\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-link-base\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      More Info\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n\n.scw-link-base {\n  @include header-tools-scw-link-base-mixins.box;\n  @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n  .label {\n    @include header-tools-scw-link-base-label-mixins.box;\n    @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include header-tools-scw-link-base-label-left-icon-mixins.box;\n    }\n\n    .label {\n      @include header-tools-scw-link-base-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include header-tools-scw-link-base-label-right-icon-mixins.box;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include header-tools-scw-link-base-mixins.box;\n  @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n  .label {\n    @include header-tools-scw-link-base-label-mixins.box;\n    @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n      .icon {\n        @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n        @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n          @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include header-tools-scw-link-base-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n      .icon {\n        @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n        @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n          @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-header-tools-scw-link-base-label": {
     "html": {
-      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    More Info\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    More Info\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n\n.label {\n  @include header-tools-scw-link-base-label-mixins.box;\n  @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include header-tools-scw-link-base-label-left-icon-mixins.box;\n  }\n\n  .label {\n    @include header-tools-scw-link-base-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include header-tools-scw-link-base-label-right-icon-mixins.box;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.label {\n  @include header-tools-scw-link-base-label-mixins.box;\n  @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n    .icon {\n      @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n      @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n        @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include header-tools-scw-link-base-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n    .icon {\n      @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n      @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n        @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-header-tools-scw-link-base-label-left-icon": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n\n.left-icon {\n  @include header-tools-scw-link-base-label-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n  .icon {\n    @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n    @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n      @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-header-tools-scw-link-base-label-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.icon {\n  @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n\n  .vector {\n    @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n    @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-header-tools-scw-link-base-label-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.vector {\n  @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -20581,21 +21041,41 @@
   },
   "components-scw-rate-table-header-tools-scw-link-base-label-right-icon": {
     "html": {
-      "output": "<div class=\"right-icon\">\n</div>",
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n\n.right-icon {\n  @include header-tools-scw-link-base-label-right-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n  .icon {\n    @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n    @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n      @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-header-tools-scw-link-base-label-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n    @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-header-tools-scw-link-base-label-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.vector {\n  @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-amount": {
     "html": {
-      "output": "<div class=\"amount\">\n  <div class=\"label\">\n    <div class=\"label\">\n      Enter your loan amount to calculate\n    </div>\n    <div class=\"scw-info-tip\">\n      <div class=\"question-circle\">\n        <div class=\"vector-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"input\">\n    <div class=\"icon-left\">\n    </div>\n    <div class=\"placeholder\">\n      <div class=\"placeholder\">\n        Loan Amount\n      </div>\n    </div>\n    <div class=\"icon-right\">\n    </div>\n  </div>\n  <div class=\"feedback\">\n  </div>\n</div>",
+      "output": "<div class=\"amount\">\n  <div class=\"label\">\n    <div class=\"label\">\n      Enter your loan amount to calculate\n    </div>\n    <div class=\"scw-info-tip\">\n      <div class=\"question-circle\">\n        <div class=\"vector-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"input\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"placeholder\">\n      <div class=\"placeholder\">\n        Loan Amount\n      </div>\n    </div>\n    <div class=\"icon-right\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n    <div class=\"feedback\">\n      Feedback\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/amount-mixins\" as amount-mixins;\n@use \"comp-scw-rate-table/amount-label-mixins\" as amount-label-mixins;\n@use \"comp-scw-rate-table/amount-label-label-mixins\" as amount-label-label-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-mixins\" as amount-label-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-mixins\" as amount-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-092-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-02-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table/amount-feedback-mixins\" as amount-feedback-mixins;\n\n.amount {\n  @include amount-mixins.box;\n  @include amount-mixins.figma-autolayout;\n\n  .label {\n    @include amount-label-mixins.box;\n    @include amount-label-mixins.figma-autolayout;\n\n    .label {\n      @include amount-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include amount-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include amount-label-scw-info-tip-question-circle-mixins.box;\n        @include amount-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include amount-input-mixins.box;\n    @include amount-input-mixins.figma-autolayout;\n\n    .icon-left {\n      @include amount-input-icon-left-mixins.box;\n      @include amount-input-icon-left-mixins.figma-autolayout;\n    }\n\n    .placeholder {\n      @include amount-input-placeholder-mixins.box;\n      @include amount-input-placeholder-mixins.figma-autolayout;\n\n      .placeholder {\n        @include amount-input-placeholder-placeholder-mixins.text;\n      }\n    }\n\n    .icon-right {\n      @include amount-input-icon-right-mixins.box;\n      @include amount-input-icon-right-mixins.figma-autolayout;\n    }\n  }\n\n  .feedback {\n    @include amount-feedback-mixins.box;\n    @include amount-feedback-mixins.figma-autolayout;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/amount-mixins\" as amount-mixins;\n@use \"comp-scw-rate-table/amount-label-mixins\" as amount-label-mixins;\n@use \"comp-scw-rate-table/amount-label-label-mixins\" as amount-label-label-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-mixins\" as amount-label-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-mixins\" as amount-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-092-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-02-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/amount-feedback-mixins\" as amount-feedback-mixins;\n@use \"comp-scw-rate-table/amount-feedback-feedback-mixins\" as amount-feedback-feedback-mixins;\n\n.amount {\n  @include amount-mixins.box;\n  @include amount-mixins.figma-autolayout;\n\n  .label {\n    @include amount-label-mixins.box;\n    @include amount-label-mixins.figma-autolayout;\n\n    .label {\n      @include amount-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include amount-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include amount-label-scw-info-tip-question-circle-mixins.box;\n        @include amount-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include amount-input-mixins.box;\n    @include amount-input-mixins.figma-autolayout;\n\n    .icon-left {\n      @include amount-input-icon-left-mixins.box;\n      @include amount-input-icon-left-mixins.figma-autolayout;\n\n      .icon {\n        @include amount-input-icon-left-icon-mixins.box;\n\n        .icon {\n          @include amount-input-icon-left-icon-icon-mixins.box;\n          @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include amount-input-icon-left-icon-icon-vector-mixins.box;\n            @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .placeholder {\n      @include amount-input-placeholder-mixins.box;\n      @include amount-input-placeholder-mixins.figma-autolayout;\n\n      .placeholder {\n        @include amount-input-placeholder-placeholder-mixins.text;\n      }\n    }\n\n    .icon-right {\n      @include amount-input-icon-right-mixins.box;\n      @include amount-input-icon-right-mixins.figma-autolayout;\n\n      .icon {\n        @include amount-input-icon-right-icon-mixins.box;\n\n        .icon {\n          @include amount-input-icon-right-icon-icon-mixins.box;\n          @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include amount-input-icon-right-icon-icon-vector-mixins.box;\n            @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include amount-feedback-mixins.box;\n    @include amount-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include amount-feedback-feedback-mixins.text;\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -20661,21 +21141,51 @@
   },
   "components-scw-rate-table-amount-input": {
     "html": {
-      "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Loan Amount\n    </div>\n  </div>\n  <div class=\"icon-right\">\n  </div>\n</div>",
+      "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Loan Amount\n    </div>\n  </div>\n  <div class=\"icon-right\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n\n.input {\n  @include amount-input-mixins.box;\n  @include amount-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include amount-input-icon-left-mixins.box;\n    @include amount-input-icon-left-mixins.figma-autolayout;\n  }\n\n  .placeholder {\n    @include amount-input-placeholder-mixins.box;\n    @include amount-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include amount-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include amount-input-icon-right-mixins.box;\n    @include amount-input-icon-right-mixins.figma-autolayout;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n\n.input {\n  @include amount-input-mixins.box;\n  @include amount-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include amount-input-icon-left-mixins.box;\n    @include amount-input-icon-left-mixins.figma-autolayout;\n\n    .icon {\n      @include amount-input-icon-left-icon-mixins.box;\n\n      .icon {\n        @include amount-input-icon-left-icon-icon-mixins.box;\n        @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include amount-input-icon-left-icon-icon-vector-mixins.box;\n          @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .placeholder {\n    @include amount-input-placeholder-mixins.box;\n    @include amount-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include amount-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include amount-input-icon-right-mixins.box;\n    @include amount-input-icon-right-mixins.figma-autolayout;\n\n    .icon {\n      @include amount-input-icon-right-icon-mixins.box;\n\n      .icon {\n        @include amount-input-icon-right-icon-icon-mixins.box;\n        @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include amount-input-icon-right-icon-icon-vector-mixins.box;\n          @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-amount-input-icon-left": {
     "html": {
-      "output": "<div class=\"icon-left\">\n</div>",
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n\n.icon-left {\n  @include amount-input-icon-left-mixins.box;\n  @include amount-input-icon-left-mixins.figma-autolayout;\n\n  .icon {\n    @include amount-input-icon-left-icon-mixins.box;\n\n    .icon {\n      @include amount-input-icon-left-icon-icon-mixins.box;\n      @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include amount-input-icon-left-icon-icon-vector-mixins.box;\n        @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-amount-input-icon-left-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n\n.icon {\n  @include amount-input-icon-left-icon-mixins.box;\n\n  .icon {\n    @include amount-input-icon-left-icon-icon-mixins.box;\n    @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include amount-input-icon-left-icon-icon-vector-mixins.box;\n      @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-amount-input-icon-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n\n.icon {\n  @include amount-input-icon-left-icon-icon-mixins.box;\n\n  .vector {\n    @include amount-input-icon-left-icon-icon-vector-mixins.box;\n    @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-amount-input-icon-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n\n.icon-left {\n  @include amount-input-icon-left-mixins.box;\n  @include amount-input-icon-left-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n\n.vector {\n  @include amount-input-icon-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -20701,31 +21211,71 @@
   },
   "components-scw-rate-table-amount-input-icon-right": {
     "html": {
-      "output": "<div class=\"icon-right\">\n</div>",
+      "output": "<div class=\"icon-right\">\n  <div class=\"icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n\n.icon-right {\n  @include amount-input-icon-right-mixins.box;\n  @include amount-input-icon-right-mixins.figma-autolayout;\n\n  .icon {\n    @include amount-input-icon-right-icon-mixins.box;\n\n    .icon {\n      @include amount-input-icon-right-icon-icon-mixins.box;\n      @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include amount-input-icon-right-icon-icon-vector-mixins.box;\n        @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-amount-input-icon-right-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n\n.icon {\n  @include amount-input-icon-right-icon-mixins.box;\n\n  .icon {\n    @include amount-input-icon-right-icon-icon-mixins.box;\n    @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include amount-input-icon-right-icon-icon-vector-mixins.box;\n      @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-amount-input-icon-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n\n.icon {\n  @include amount-input-icon-right-icon-icon-mixins.box;\n\n  .vector {\n    @include amount-input-icon-right-icon-icon-vector-mixins.box;\n    @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-amount-input-icon-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n\n.icon-right {\n  @include amount-input-icon-right-mixins.box;\n  @include amount-input-icon-right-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n\n.vector {\n  @include amount-input-icon-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-amount-feedback": {
     "html": {
-      "output": "<div class=\"feedback\">\n</div>",
+      "output": "<div class=\"feedback\">\n  <div class=\"feedback\">\n    Feedback\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/amount-feedback-mixins\" as amount-feedback-mixins;\n@use \"comp-scw-rate-table/amount-feedback-feedback-mixins\" as amount-feedback-feedback-mixins;\n\n.feedback {\n  @include amount-feedback-mixins.box;\n  @include amount-feedback-mixins.figma-autolayout;\n\n  .feedback {\n    @include amount-feedback-feedback-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-amount-feedback-feedback": {
+    "html": {
+      "output": "<div class=\"feedback\">\n  Feedback\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/amount-feedback-mixins\" as amount-feedback-mixins;\n\n.feedback {\n  @include amount-feedback-mixins.box;\n  @include amount-feedback-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table/amount-feedback-feedback-mixins\" as amount-feedback-feedback-mixins;\n\n.feedback {\n  @include amount-feedback-feedback-mixins.text;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-filter": {
     "html": {
-      "output": "<div class=\"filter\">\n  <div class=\"frame-809\">\n    <div class=\"label\">\n      <div class=\"label\">\n        Filter by loan-to-value up to\n      </div>\n    </div>\n    <div class=\"scw-info-tip\">\n      <div class=\"question-circle\">\n        <div class=\"vector-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n  </div>\n  <div class=\"scw-option\">\n  </div>\n  <div class=\"radio-group\">\n    <div class=\"radio-button\">\n      <div class=\"label\">\n        Option 1\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"filter\">\n  <div class=\"frame-809\">\n    <div class=\"label\">\n      <div class=\"label\">\n        Filter by loan-to-value up to\n      </div>\n    </div>\n    <div class=\"scw-info-tip\">\n      <div class=\"question-circle\">\n        <div class=\"vector-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n    <div class=\"feedback\">\n      Feedback\n    </div>\n  </div>\n  <div class=\"scw-option\">\n    <div class=\"select\">\n      <div class=\"scw-option-single\">\n        <div class=\"label\">\n          <div class=\"text\">\n            Option\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"radio-group\">\n    <div class=\"radio-button\">\n      <div class=\"label\">\n        Option 1\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/filter-mixins\" as filter-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-mixins\" as filter-frame-809-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-mixins\" as filter-frame-809-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-label-mixins\" as filter-frame-809-label-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-mixins\" as filter-frame-809-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-mixins\" as filter-frame-809-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-mixins\" as filter-radio-group-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-mixins\" as filter-radio-group-radio-button-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-label-mixins\" as filter-radio-group-radio-button-label-mixins;\n\n.filter {\n  @include filter-mixins.box;\n  @include filter-mixins.figma-autolayout;\n\n  .frame-809 {\n    @include filter-frame-809-mixins.box;\n    @include filter-frame-809-mixins.figma-autolayout;\n\n    .label {\n      @include filter-frame-809-label-mixins.box;\n      @include filter-frame-809-label-mixins.figma-autolayout;\n\n      .label {\n        @include filter-frame-809-label-label-mixins.text;\n      }\n    }\n\n    .scw-info-tip {\n      @include filter-frame-809-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include filter-frame-809-scw-info-tip-question-circle-mixins.box;\n        @include filter-frame-809-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include filter-feedback-mixins.box;\n    @include filter-feedback-mixins.figma-autolayout;\n  }\n\n  .scw-option {\n    @include filter-scw-option-mixins.box;\n    @include filter-scw-option-mixins.figma-autolayout;\n  }\n\n  .radio-group {\n    @include filter-radio-group-mixins.box;\n    @include filter-radio-group-mixins.figma-autolayout;\n\n    .radio-button {\n      @include filter-radio-group-radio-button-mixins.box;\n      @include filter-radio-group-radio-button-mixins.figma-autolayout;\n\n      .label {\n        @include filter-radio-group-radio-button-label-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/filter-mixins\" as filter-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-mixins\" as filter-frame-809-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-mixins\" as filter-frame-809-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-label-mixins\" as filter-frame-809-label-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-mixins\" as filter-frame-809-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-mixins\" as filter-frame-809-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table/filter-feedback-feedback-mixins\" as filter-feedback-feedback-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-mixins\" as filter-scw-option-select-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-mixins\" as filter-radio-group-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-mixins\" as filter-radio-group-radio-button-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-label-mixins\" as filter-radio-group-radio-button-label-mixins;\n\n.filter {\n  @include filter-mixins.box;\n  @include filter-mixins.figma-autolayout;\n\n  .frame-809 {\n    @include filter-frame-809-mixins.box;\n    @include filter-frame-809-mixins.figma-autolayout;\n\n    .label {\n      @include filter-frame-809-label-mixins.box;\n      @include filter-frame-809-label-mixins.figma-autolayout;\n\n      .label {\n        @include filter-frame-809-label-label-mixins.text;\n      }\n    }\n\n    .scw-info-tip {\n      @include filter-frame-809-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include filter-frame-809-scw-info-tip-question-circle-mixins.box;\n        @include filter-frame-809-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include filter-feedback-mixins.box;\n    @include filter-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include filter-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include filter-scw-option-mixins.box;\n    @include filter-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include filter-scw-option-select-mixins.box;\n      @include filter-scw-option-select-mixins.figma-autolayout;\n\n      .scw-option-single {\n        @include filter-scw-option-select-scw-option-single-mixins.box;\n        @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include filter-scw-option-select-scw-option-single-label-mixins.box;\n          @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n\n  .radio-group {\n    @include filter-radio-group-mixins.box;\n    @include filter-radio-group-mixins.figma-autolayout;\n\n    .radio-button {\n      @include filter-radio-group-radio-button-mixins.box;\n      @include filter-radio-group-radio-button-mixins.figma-autolayout;\n\n      .label {\n        @include filter-radio-group-radio-button-label-mixins.text;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -20801,21 +21351,71 @@
   },
   "components-scw-rate-table-filter-feedback": {
     "html": {
-      "output": "<div class=\"feedback\">\n</div>",
+      "output": "<div class=\"feedback\">\n  <div class=\"feedback\">\n    Feedback\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table/filter-feedback-feedback-mixins\" as filter-feedback-feedback-mixins;\n\n.feedback {\n  @include filter-feedback-mixins.box;\n  @include filter-feedback-mixins.figma-autolayout;\n\n  .feedback {\n    @include filter-feedback-feedback-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-feedback-feedback": {
+    "html": {
+      "output": "<div class=\"feedback\">\n  Feedback\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/filter-feedback-mixins\" as filter-feedback-mixins;\n\n.feedback {\n  @include filter-feedback-mixins.box;\n  @include filter-feedback-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table/filter-feedback-feedback-mixins\" as filter-feedback-feedback-mixins;\n\n.feedback {\n  @include filter-feedback-feedback-mixins.text;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-filter-scw-option": {
     "html": {
-      "output": "<div class=\"scw-option\">\n</div>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"scw-option-single\">\n      <div class=\"label\">\n        <div class=\"text\">\n          Option\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-mixins\" as filter-scw-option-select-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include filter-scw-option-mixins.box;\n  @include filter-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include filter-scw-option-select-mixins.box;\n    @include filter-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include filter-scw-option-select-scw-option-single-mixins.box;\n      @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include filter-scw-option-select-scw-option-single-label-mixins.box;\n        @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select": {
+    "html": {
+      "output": "<div class=\"select\">\n  <div class=\"scw-option-single\">\n    <div class=\"label\">\n      <div class=\"text\">\n        Option\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-mixins\" as filter-scw-option-select-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include filter-scw-option-select-mixins.box;\n  @include filter-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include filter-scw-option-select-scw-option-single-mixins.box;\n    @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include filter-scw-option-select-scw-option-single-label-mixins.box;\n      @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select-scw-option-single": {
+    "html": {
+      "output": "<div class=\"scw-option-single\">\n  <div class=\"label\">\n    <div class=\"text\">\n      Option\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option-single {\n  @include filter-scw-option-select-scw-option-single-mixins.box;\n  @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n  .label {\n    @include filter-scw-option-select-scw-option-single-label-mixins.box;\n    @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n    .text {\n      @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select-scw-option-single-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  <div class=\"text\">\n    Option\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/filter-scw-option-mixins\" as filter-scw-option-mixins;\n\n.scw-option {\n  @include filter-scw-option-mixins.box;\n  @include filter-scw-option-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n\n.label {\n  @include filter-scw-option-select-scw-option-single-label-mixins.box;\n  @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n  .text {\n    @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select-scw-option-single-label-text": {
+    "html": {
+      "output": "<div class=\"text\">\n  Option\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n\n.text {\n  @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n}",
       "example": ""
     }
   },
@@ -20871,11 +21471,11 @@
   },
   "components-scw-rate-table-table": {
     "html": {
-      "output": "<div class=\"table\">\n  <div class=\"header-row\">\n    <div class=\"cell\">\n      <div class=\"label\">\n        Header data\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-table-row\">\n    <div class=\"cell-label\">\n    </div>\n    <div class=\"cell\">\n    </div>\n  </div>\n  <div class=\"scw-featured-rate-row\">\n    <div class=\"border\">\n      <div class=\"border-fill\">\n      </div>\n    </div>\n    <div class=\"label\">\n      <div class=\"star\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"cell-label\">\n        Featured Rate\n      </div>\n    </div>\n    <div class=\"scw-table-row\">\n      <div class=\"cell-label\">\n      </div>\n      <div class=\"cell\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"table\">\n  <div class=\"header-row\">\n    <div class=\"cell\">\n      <div class=\"label\">\n        Header data\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-table-row\">\n    <div class=\"cell-label\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Heading\n        </div>\n      </div>\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Lorem Ipsum\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-featured-rate-row\">\n    <div class=\"border\">\n      <div class=\"border-fill\">\n      </div>\n    </div>\n    <div class=\"label\">\n      <div class=\"star\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"cell-label\">\n        Featured Rate\n      </div>\n    </div>\n    <div class=\"scw-table-row\">\n      <div class=\"cell-label\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Heading\n          </div>\n        </div>\n      </div>\n      <div class=\"cell\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Lorem Ipsum\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-mixins\" as table-header-row-cell-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-label-mixins\" as table-header-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-mixins\" as table-scw-featured-rate-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-mixins\" as table-scw-featured-rate-row-border-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-border-fill-mixins\" as table-scw-featured-rate-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-mixins\" as table-scw-featured-rate-row-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-mixins\" as table-scw-featured-rate-row-label-star-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-vector-mixins\" as table-scw-featured-rate-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-cell-label-mixins\" as table-scw-featured-rate-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n\n.table {\n  @include table-mixins.box;\n  @include table-mixins.figma-autolayout;\n\n  .header-row {\n    @include table-header-row-mixins.box;\n    @include table-header-row-mixins.figma-autolayout;\n\n    .cell {\n      @include table-header-row-cell-mixins.box;\n      @include table-header-row-cell-mixins.figma-autolayout;\n\n      .label {\n        @include table-header-row-cell-label-mixins.text;\n      }\n    }\n  }\n\n  .scw-table-row {\n    @include table-scw-table-row-mixins.box;\n    @include table-scw-table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-scw-table-row-cell-label-mixins.box;\n      @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n    }\n\n    .cell {\n      @include table-scw-table-row-cell-mixins.box;\n      @include table-scw-table-row-cell-mixins.figma-autolayout;\n    }\n  }\n\n  .scw-featured-rate-row {\n    @include table-scw-featured-rate-row-mixins.box;\n    @include table-scw-featured-rate-row-mixins.figma-autolayout;\n\n    .border {\n      @include table-scw-featured-rate-row-border-mixins.box;\n\n      .border-fill {\n        @include table-scw-featured-rate-row-border-border-fill-mixins.box;\n        @include table-scw-featured-rate-row-border-border-fill-mixins.absolute-layout;\n      }\n    }\n\n    .label {\n      @include table-scw-featured-rate-row-label-mixins.box;\n      @include table-scw-featured-rate-row-label-mixins.figma-autolayout;\n\n      .star {\n        @include table-scw-featured-rate-row-label-star-mixins.box;\n\n        .vector {\n          @include table-scw-featured-rate-row-label-star-vector-mixins.box;\n          @include table-scw-featured-rate-row-label-star-vector-mixins.absolute-layout;\n        }\n      }\n\n      .cell-label {\n        @include table-scw-featured-rate-row-label-cell-label-mixins.text;\n      }\n    }\n\n    .scw-table-row {\n      @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n      @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n      }\n\n      .cell {\n        @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-mixins\" as table-header-row-cell-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-label-mixins\" as table-header-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-mixins\" as table-scw-featured-rate-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-mixins\" as table-scw-featured-rate-row-border-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-border-fill-mixins\" as table-scw-featured-rate-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-mixins\" as table-scw-featured-rate-row-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-mixins\" as table-scw-featured-rate-row-label-star-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-vector-mixins\" as table-scw-featured-rate-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-cell-label-mixins\" as table-scw-featured-rate-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins;\n\n.table {\n  @include table-mixins.box;\n  @include table-mixins.figma-autolayout;\n\n  .header-row {\n    @include table-header-row-mixins.box;\n    @include table-header-row-mixins.figma-autolayout;\n\n    .cell {\n      @include table-header-row-cell-mixins.box;\n      @include table-header-row-cell-mixins.figma-autolayout;\n\n      .label {\n        @include table-header-row-cell-label-mixins.text;\n      }\n    }\n  }\n\n  .scw-table-row {\n    @include table-scw-table-row-mixins.box;\n    @include table-scw-table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-scw-table-row-cell-label-mixins.box;\n      @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-scw-table-row-cell-label-cell-data-mixins.box;\n        @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n\n    .cell {\n      @include table-scw-table-row-cell-mixins.box;\n      @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-scw-table-row-cell-cell-data-mixins.box;\n        @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n  }\n\n  .scw-featured-rate-row {\n    @include table-scw-featured-rate-row-mixins.box;\n    @include table-scw-featured-rate-row-mixins.figma-autolayout;\n\n    .border {\n      @include table-scw-featured-rate-row-border-mixins.box;\n\n      .border-fill {\n        @include table-scw-featured-rate-row-border-border-fill-mixins.box;\n        @include table-scw-featured-rate-row-border-border-fill-mixins.absolute-layout;\n      }\n    }\n\n    .label {\n      @include table-scw-featured-rate-row-label-mixins.box;\n      @include table-scw-featured-rate-row-label-mixins.figma-autolayout;\n\n      .star {\n        @include table-scw-featured-rate-row-label-star-mixins.box;\n\n        .vector {\n          @include table-scw-featured-rate-row-label-star-vector-mixins.box;\n          @include table-scw-featured-rate-row-label-star-vector-mixins.absolute-layout;\n        }\n      }\n\n      .cell-label {\n        @include table-scw-featured-rate-row-label-cell-label-mixins.text;\n      }\n    }\n\n    .scw-table-row {\n      @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n      @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n\n      .cell {\n        @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -20911,41 +21511,81 @@
   },
   "components-scw-rate-table-table-scw-table-row": {
     "html": {
-      "output": "<div class=\"scw-table-row\">\n  <div class=\"cell-label\">\n  </div>\n  <div class=\"cell\">\n  </div>\n</div>",
+      "output": "<div class=\"scw-table-row\">\n  <div class=\"cell-label\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Heading\n      </div>\n    </div>\n  </div>\n  <div class=\"cell\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Lorem Ipsum\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n\n.scw-table-row {\n  @include table-scw-table-row-mixins.box;\n  @include table-scw-table-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include table-scw-table-row-cell-label-mixins.box;\n    @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n  }\n\n  .cell {\n    @include table-scw-table-row-cell-mixins.box;\n    @include table-scw-table-row-cell-mixins.figma-autolayout;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-table-row {\n  @include table-scw-table-row-mixins.box;\n  @include table-scw-table-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include table-scw-table-row-cell-label-mixins.box;\n    @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-scw-table-row-cell-label-cell-data-mixins.box;\n      @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n\n  .cell {\n    @include table-scw-table-row-cell-mixins.box;\n    @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-scw-table-row-cell-cell-data-mixins.box;\n      @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-table-scw-table-row-cell-label": {
     "html": {
-      "output": "<div class=\"cell-label\">\n</div>",
+      "output": "<div class=\"cell-label\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Heading\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-label {\n  @include table-scw-table-row-cell-label-mixins.box;\n  @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n  .cell-data {\n    @include table-scw-table-row-cell-label-cell-data-mixins.box;\n    @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-table-scw-table-row-cell-label-cell-data": {
+    "html": {
+      "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Heading\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-data {\n  @include table-scw-table-row-cell-label-cell-data-mixins.box;\n  @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-table-scw-table-row-cell-label-cell-data-header-label": {
+    "html": {
+      "output": "<div class=\"header-label\">\n  Heading\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n\n.cell-label {\n  @include table-scw-table-row-cell-label-mixins.box;\n  @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.header-label {\n  @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-table-scw-table-row-cell": {
     "html": {
-      "output": "<div class=\"cell\">\n</div>",
+      "output": "<div class=\"cell\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Lorem Ipsum\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n\n.cell {\n  @include table-scw-table-row-cell-mixins.box;\n  @include table-scw-table-row-cell-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.cell {\n  @include table-scw-table-row-cell-mixins.box;\n  @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n  .cell-data {\n    @include table-scw-table-row-cell-cell-data-mixins.box;\n    @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-table-scw-table-row-cell-cell-data": {
+    "html": {
+      "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Lorem Ipsum\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.cell-data {\n  @include table-scw-table-row-cell-cell-data-mixins.box;\n  @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-table-scw-table-row-cell-cell-data-header-label": {
+    "html": {
+      "output": "<div class=\"header-label\">\n  Lorem Ipsum\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.header-label {\n  @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-table-scw-featured-rate-row": {
     "html": {
-      "output": "<div class=\"scw-featured-rate-row\">\n  <div class=\"border\">\n    <div class=\"border-fill\">\n    </div>\n  </div>\n  <div class=\"label\">\n    <div class=\"star\">\n      <div class=\"vector\">\n      </div>\n    </div>\n    <div class=\"cell-label\">\n      Featured Rate\n    </div>\n  </div>\n  <div class=\"scw-table-row\">\n    <div class=\"cell-label\">\n    </div>\n    <div class=\"cell\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-featured-rate-row\">\n  <div class=\"border\">\n    <div class=\"border-fill\">\n    </div>\n  </div>\n  <div class=\"label\">\n    <div class=\"star\">\n      <div class=\"vector\">\n      </div>\n    </div>\n    <div class=\"cell-label\">\n      Featured Rate\n    </div>\n  </div>\n  <div class=\"scw-table-row\">\n    <div class=\"cell-label\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Heading\n        </div>\n      </div>\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Lorem Ipsum\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-mixins\" as table-scw-featured-rate-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-mixins\" as table-scw-featured-rate-row-border-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-border-fill-mixins\" as table-scw-featured-rate-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-mixins\" as table-scw-featured-rate-row-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-mixins\" as table-scw-featured-rate-row-label-star-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-vector-mixins\" as table-scw-featured-rate-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-cell-label-mixins\" as table-scw-featured-rate-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n\n.scw-featured-rate-row {\n  @include table-scw-featured-rate-row-mixins.box;\n  @include table-scw-featured-rate-row-mixins.figma-autolayout;\n\n  .border {\n    @include table-scw-featured-rate-row-border-mixins.box;\n\n    .border-fill {\n      @include table-scw-featured-rate-row-border-border-fill-mixins.box;\n      @include table-scw-featured-rate-row-border-border-fill-mixins.absolute-layout;\n    }\n  }\n\n  .label {\n    @include table-scw-featured-rate-row-label-mixins.box;\n    @include table-scw-featured-rate-row-label-mixins.figma-autolayout;\n\n    .star {\n      @include table-scw-featured-rate-row-label-star-mixins.box;\n\n      .vector {\n        @include table-scw-featured-rate-row-label-star-vector-mixins.box;\n        @include table-scw-featured-rate-row-label-star-vector-mixins.absolute-layout;\n      }\n    }\n\n    .cell-label {\n      @include table-scw-featured-rate-row-label-cell-label-mixins.text;\n    }\n  }\n\n  .scw-table-row {\n    @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n    @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n      @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n    }\n\n    .cell {\n      @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n      @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-mixins\" as table-scw-featured-rate-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-mixins\" as table-scw-featured-rate-row-border-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-border-fill-mixins\" as table-scw-featured-rate-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-mixins\" as table-scw-featured-rate-row-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-mixins\" as table-scw-featured-rate-row-label-star-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-vector-mixins\" as table-scw-featured-rate-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-cell-label-mixins\" as table-scw-featured-rate-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-featured-rate-row {\n  @include table-scw-featured-rate-row-mixins.box;\n  @include table-scw-featured-rate-row-mixins.figma-autolayout;\n\n  .border {\n    @include table-scw-featured-rate-row-border-mixins.box;\n\n    .border-fill {\n      @include table-scw-featured-rate-row-border-border-fill-mixins.box;\n      @include table-scw-featured-rate-row-border-border-fill-mixins.absolute-layout;\n    }\n  }\n\n  .label {\n    @include table-scw-featured-rate-row-label-mixins.box;\n    @include table-scw-featured-rate-row-label-mixins.figma-autolayout;\n\n    .star {\n      @include table-scw-featured-rate-row-label-star-mixins.box;\n\n      .vector {\n        @include table-scw-featured-rate-row-label-star-vector-mixins.box;\n        @include table-scw-featured-rate-row-label-star-vector-mixins.absolute-layout;\n      }\n    }\n\n    .cell-label {\n      @include table-scw-featured-rate-row-label-cell-label-mixins.text;\n    }\n  }\n\n  .scw-table-row {\n    @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n    @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n      @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n\n    .cell {\n      @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n      @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -21011,71 +21651,131 @@
   },
   "components-scw-rate-table-table-scw-featured-rate-row-scw-table-row": {
     "html": {
-      "output": "<div class=\"scw-table-row\">\n  <div class=\"cell-label\">\n  </div>\n  <div class=\"cell\">\n  </div>\n</div>",
+      "output": "<div class=\"scw-table-row\">\n  <div class=\"cell-label\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Heading\n      </div>\n    </div>\n  </div>\n  <div class=\"cell\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Lorem Ipsum\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-table-row {\n  @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n  @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n    @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.box;\n      @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n\n  .cell {\n    @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n    @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.box;\n      @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-table-scw-featured-rate-row-scw-table-row-cell-label": {
+    "html": {
+      "output": "<div class=\"cell-label\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Heading\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-label {\n  @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n  @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n\n  .cell-data {\n    @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.box;\n    @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-table-scw-featured-rate-row-scw-table-row-cell-label-cell-data": {
+    "html": {
+      "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Heading\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-data {\n  @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.box;\n  @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label": {
+    "html": {
+      "output": "<div class=\"header-label\">\n  Heading\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.header-label {\n  @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-table-scw-featured-rate-row-scw-table-row-cell": {
+    "html": {
+      "output": "<div class=\"cell\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Lorem Ipsum\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins;\n\n.cell {\n  @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n  @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n\n  .cell-data {\n    @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.box;\n    @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-table-scw-featured-rate-row-scw-table-row-cell-cell-data": {
+    "html": {
+      "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Lorem Ipsum\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins;\n\n.cell-data {\n  @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.box;\n  @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label": {
+    "html": {
+      "output": "<div class=\"header-label\">\n  Lorem Ipsum\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n\n.scw-table-row {\n  @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n  @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n    @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n  }\n\n  .cell {\n    @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n    @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins;\n\n.header-label {\n  @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins.text;\n}",
       "example": ""
     }
   },
-  "components-scw-rate-table-table-scw-featured-rate-row-scw-table-row-cell-label": {
+  "components-scw-rate-table-footer": {
     "html": {
-      "output": "<div class=\"cell-label\">\n</div>",
+      "output": "<div class=\"footer\">\n  <div class=\"text\">\n    Rates effective 11/02/2023.\n  </div>\n  <div class=\"scw-link-base\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      <div class=\"label\">\n        View all rates & disclosures\n      </div>\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n\n.cell-label {\n  @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n  @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table/footer-mixins\" as footer-mixins;\n@use \"comp-scw-rate-table/footer-text-mixins\" as footer-text-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n\n.footer {\n  @include footer-mixins.box;\n  @include footer-mixins.figma-autolayout;\n\n  .text {\n    @include footer-text-mixins.text;\n  }\n\n  .scw-link-base {\n    @include footer-scw-link-base-mixins.box;\n    @include footer-scw-link-base-mixins.figma-autolayout;\n\n    .left-icon {\n      @include footer-scw-link-base-left-icon-mixins.box;\n\n      .icon {\n        @include footer-scw-link-base-left-icon-icon-mixins.box;\n        @include footer-scw-link-base-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n          @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include footer-scw-link-base-label-mixins.box;\n      @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n      .label {\n        @include footer-scw-link-base-label-label-mixins.text;\n      }\n    }\n\n    .right-icon {\n      @include footer-scw-link-base-right-icon-mixins.box;\n\n      .icon {\n        @include footer-scw-link-base-right-icon-icon-mixins.box;\n        @include footer-scw-link-base-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n          @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-rate-table-table-scw-featured-rate-row-scw-table-row-cell": {
+  "components-scw-rate-table-footer-text": {
     "html": {
-      "output": "<div class=\"cell\">\n</div>",
+      "output": "<div class=\"text\">\n  Rates effective 11/02/2023.\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n\n.cell {\n  @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n  @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table/footer-text-mixins\" as footer-text-mixins;\n\n.text {\n  @include footer-text-mixins.text;\n}",
       "example": ""
     }
   },
-  "components-scw-rate-table-footer": {
+  "components-scw-rate-table-footer-scw-link-base": {
     "html": {
-      "output": "<div class=\"footer\">\n  <div class=\"text\">\n    Rates effective 11/02/2023.\n  </div>\n  <div class=\"scw-link-base\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      <div class=\"label\">\n        View all rates & disclosures\n      </div>\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-link-base\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    <div class=\"label\">\n      View all rates & disclosures\n    </div>\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/footer-mixins\" as footer-mixins;\n@use \"comp-scw-rate-table/footer-text-mixins\" as footer-text-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n\n.footer {\n  @include footer-mixins.box;\n  @include footer-mixins.figma-autolayout;\n\n  .text {\n    @include footer-text-mixins.text;\n  }\n\n  .scw-link-base {\n    @include footer-scw-link-base-mixins.box;\n    @include footer-scw-link-base-mixins.figma-autolayout;\n\n    .left-icon {\n      @include footer-scw-link-base-left-icon-mixins.box;\n    }\n\n    .label {\n      @include footer-scw-link-base-label-mixins.box;\n      @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n      .label {\n        @include footer-scw-link-base-label-label-mixins.text;\n      }\n    }\n\n    .right-icon {\n      @include footer-scw-link-base-right-icon-mixins.box;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include footer-scw-link-base-mixins.box;\n  @include footer-scw-link-base-mixins.figma-autolayout;\n\n  .left-icon {\n    @include footer-scw-link-base-left-icon-mixins.box;\n\n    .icon {\n      @include footer-scw-link-base-left-icon-icon-mixins.box;\n      @include footer-scw-link-base-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n        @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include footer-scw-link-base-label-mixins.box;\n    @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n    .label {\n      @include footer-scw-link-base-label-label-mixins.text;\n    }\n  }\n\n  .right-icon {\n    @include footer-scw-link-base-right-icon-mixins.box;\n\n    .icon {\n      @include footer-scw-link-base-right-icon-icon-mixins.box;\n      @include footer-scw-link-base-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n        @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-rate-table-footer-text": {
+  "components-scw-rate-table-footer-scw-link-base-left-icon": {
     "html": {
-      "output": "<div class=\"text\">\n  Rates effective 11/02/2023.\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/footer-text-mixins\" as footer-text-mixins;\n\n.text {\n  @include footer-text-mixins.text;\n}",
+      "output": "@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include footer-scw-link-base-left-icon-mixins.box;\n\n  .icon {\n    @include footer-scw-link-base-left-icon-icon-mixins.box;\n    @include footer-scw-link-base-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n      @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-rate-table-footer-scw-link-base": {
+  "components-scw-rate-table-footer-scw-link-base-left-icon-icon": {
     "html": {
-      "output": "<div class=\"scw-link-base\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    <div class=\"label\">\n      View all rates & disclosures\n    </div>\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n\n.scw-link-base {\n  @include footer-scw-link-base-mixins.box;\n  @include footer-scw-link-base-mixins.figma-autolayout;\n\n  .left-icon {\n    @include footer-scw-link-base-left-icon-mixins.box;\n  }\n\n  .label {\n    @include footer-scw-link-base-label-mixins.box;\n    @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n    .label {\n      @include footer-scw-link-base-label-label-mixins.text;\n    }\n  }\n\n  .right-icon {\n    @include footer-scw-link-base-right-icon-mixins.box;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n\n.icon {\n  @include footer-scw-link-base-left-icon-icon-mixins.box;\n\n  .vector {\n    @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n    @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-rate-table-footer-scw-link-base-left-icon": {
+  "components-scw-rate-table-footer-scw-link-base-left-icon-icon-vector": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n\n.left-icon {\n  @include footer-scw-link-base-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n\n.vector {\n  @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -21101,11 +21801,31 @@
   },
   "components-scw-rate-table-footer-scw-link-base-right-icon": {
     "html": {
-      "output": "<div class=\"right-icon\">\n</div>",
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include footer-scw-link-base-right-icon-mixins.box;\n\n  .icon {\n    @include footer-scw-link-base-right-icon-icon-mixins.box;\n    @include footer-scw-link-base-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n      @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-footer-scw-link-base-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n\n.icon {\n  @include footer-scw-link-base-right-icon-icon-mixins.box;\n\n  .vector {\n    @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n    @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-footer-scw-link-base-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n\n.right-icon {\n  @include footer-scw-link-base-right-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n\n.vector {\n  @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -21141,21 +21861,21 @@
   },
   "components-scw-rate-table-mobile": {
     "html": {
-      "output": "<div class=\"scw-rate-table-mobile\">\n  <div class=\"header\">\n    <div class=\"text\">\n      <div class=\"title\">\n        Rate Table Title\n      </div>\n      <div class=\"subtitle\">\n        Sub Title\n      </div>\n    </div>\n    <div class=\"tools\">\n      <div class=\"scw-link-base\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            More Info\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"amount\">\n    <div class=\"label\">\n      <div class=\"label\">\n        Enter your loan amount to calculate\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"input\">\n      <div class=\"icon-left\">\n      </div>\n      <div class=\"placeholder\">\n        <div class=\"placeholder\">\n          Loan Amount\n        </div>\n      </div>\n      <div class=\"icon-right\">\n      </div>\n    </div>\n    <div class=\"feedback\">\n    </div>\n  </div>\n  <div class=\"filter\">\n    <div class=\"frame-809\">\n      <div class=\"label\">\n        <div class=\"label\">\n          Filter by loan-to-value up to\n        </div>\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"feedback\">\n    </div>\n    <div class=\"scw-option\">\n    </div>\n    <div class=\"radio-group\">\n      <div class=\"radio-button\">\n        <div class=\"label\">\n          Option 1\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    <div class=\"title\">\n      Up to 70% LTV\n    </div>\n  </div>\n  <div class=\"table\">\n    <div class=\"header-row\">\n      <div class=\"header-row\">\n        <div class=\"header-label\">\n          Header data\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"cell-label\">\n      </div>\n      <div class=\"cell\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Cell data\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"featured-row\">\n      <div class=\"border\">\n        <div class=\"border-fill\">\n        </div>\n      </div>\n      <div class=\"label\">\n        <div class=\"star\">\n          <div class=\"vector\">\n          </div>\n        </div>\n        <div class=\"cell-label\">\n          Featured Rate\n        </div>\n      </div>\n      <div class=\"row\">\n        <div class=\"cell-label\">\n        </div>\n        <div class=\"cell\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer\">\n    <div class=\"text\">\n      Rates effective 11/02/2023.\n    </div>\n    <div class=\"scw-link-base\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        <div class=\"label\">\n          View all rates & disclosures\n        </div>\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-base-disclosure\">\n    <div class=\"text\">\n      1,2 Certificates may have penalty for early withdrawal. Fees may reduce earnings on the account. 3 APY is Annual Percentage Yield.\n* APY is Annual Percentage Yield. Rates accurate as of 8/17/2022. Early withdrawal penalties apply. Minimum balance to earn APY is $5,000. Minimum $5,000 new money to Summit Credit Union may be required.\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-rate-table-mobile\">\n  <div class=\"header\">\n    <div class=\"text\">\n      <div class=\"title\">\n        Rate Table Title\n      </div>\n      <div class=\"subtitle\">\n        Sub Title\n      </div>\n    </div>\n    <div class=\"tools\">\n      <div class=\"scw-link-base\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            More Info\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"amount\">\n    <div class=\"label\">\n      <div class=\"label\">\n        Enter your loan amount to calculate\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"input\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"placeholder\">\n        <div class=\"placeholder\">\n          Loan Amount\n        </div>\n      </div>\n      <div class=\"icon-right\">\n        <div class=\"icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"feedback\">\n      <div class=\"feedback\">\n        Feedback\n      </div>\n    </div>\n  </div>\n  <div class=\"filter\">\n    <div class=\"frame-809\">\n      <div class=\"label\">\n        <div class=\"label\">\n          Filter by loan-to-value up to\n        </div>\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"feedback\">\n      <div class=\"feedback\">\n        Feedback\n      </div>\n    </div>\n    <div class=\"scw-option\">\n      <div class=\"select\">\n        <div class=\"scw-option-single\">\n          <div class=\"label\">\n            <div class=\"text\">\n              Option\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"radio-group\">\n      <div class=\"radio-button\">\n        <div class=\"label\">\n          Option 1\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    <div class=\"title\">\n      Up to 70% LTV\n    </div>\n  </div>\n  <div class=\"table\">\n    <div class=\"header-row\">\n      <div class=\"header-row\">\n        <div class=\"header-label\">\n          Header data\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"cell-label\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Heading\n          </div>\n        </div>\n      </div>\n      <div class=\"cell\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Cell data\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"featured-row\">\n      <div class=\"border\">\n        <div class=\"border-fill\">\n        </div>\n      </div>\n      <div class=\"label\">\n        <div class=\"star\">\n          <div class=\"vector\">\n          </div>\n        </div>\n        <div class=\"cell-label\">\n          Featured Rate\n        </div>\n      </div>\n      <div class=\"row\">\n        <div class=\"cell-label\">\n          <div class=\"cell-data\">\n            <div class=\"header-label\">\n              Free Checking\n            </div>\n          </div>\n        </div>\n        <div class=\"cell\">\n          <div class=\"cell-data\">\n            <div class=\"header-label\">\n              Free Checking\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer\">\n    <div class=\"text\">\n      Rates effective 11/02/2023.\n    </div>\n    <div class=\"scw-link-base\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        <div class=\"label\">\n          View all rates & disclosures\n        </div>\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-base-disclosure\">\n    <div class=\"text\">\n      1,2 Certificates may have penalty for early withdrawal. Fees may reduce earnings on the account. 3 APY is Annual Percentage Yield.\n* APY is Annual Percentage Yield. Rates accurate as of 8/17/2022. Early withdrawal penalties apply. Minimum balance to earn APY is $5,000. Minimum $5,000 new money to Summit Credit Union may be required.\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/index-mixins\" as index-mixins;\n@use \"comp-scw-rate-table-mobile/header-mixins\" as header-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-mixins\" as header-text-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-title-mixins\" as header-text-title-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-subtitle-mixins\" as header-text-subtitle-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-mixins\" as amount-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-mixins\" as amount-label-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-label-mixins\" as amount-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-mixins\" as amount-label-scw-info-tip-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-mixins\" as amount-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-vector-color-092-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-vector-color-02-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table-mobile/amount-feedback-mixins\" as amount-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/filter-mixins\" as filter-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-mixins\" as filter-frame-809-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-label-mixins\" as filter-frame-809-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-label-label-mixins\" as filter-frame-809-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-mixins\" as filter-frame-809-scw-info-tip-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-mixins\" as filter-frame-809-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table-mobile/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-mixins\" as filter-radio-group-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-radio-button-mixins\" as filter-radio-group-radio-button-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-radio-button-label-mixins\" as filter-radio-group-radio-button-label-mixins;\n@use \"comp-scw-rate-table-mobile/heading-mixins\" as heading-mixins;\n@use \"comp-scw-rate-table-mobile/heading-title-mixins\" as heading-title-mixins;\n@use \"comp-scw-rate-table-mobile/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-header-row-mixins\" as table-header-row-header-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-header-row-header-label-mixins\" as table-header-row-header-row-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-mixins\" as table-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-mixins\" as table-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-mixins\" as table-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-mixins\" as table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-header-label-mixins\" as table-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-mixins\" as table-featured-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-mixins\" as table-featured-row-border-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-border-fill-mixins\" as table-featured-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-mixins\" as table-featured-row-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-mixins\" as table-featured-row-label-star-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-vector-mixins\" as table-featured-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-cell-label-mixins\" as table-featured-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-mixins\" as table-featured-row-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-mixins\" as table-featured-row-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-mixins\" as table-featured-row-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/footer-mixins\" as footer-mixins;\n@use \"comp-scw-rate-table-mobile/footer-text-mixins\" as footer-text-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/scw-base-disclosure-mixins\" as scw-base-disclosure-mixins;\n@use \"comp-scw-rate-table-mobile/scw-base-disclosure-text-mixins\" as scw-base-disclosure-text-mixins;\n\n.scw-rate-table-mobile {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .header {\n    @include header-mixins.box;\n    @include header-mixins.figma-autolayout;\n\n    .text {\n      @include header-text-mixins.box;\n      @include header-text-mixins.figma-autolayout;\n\n      .title {\n        @include header-text-title-mixins.text;\n      }\n\n      .subtitle {\n        @include header-text-subtitle-mixins.text;\n      }\n    }\n\n    .tools {\n      @include header-tools-mixins.box;\n      @include header-tools-mixins.figma-autolayout;\n\n      .scw-link-base {\n        @include header-tools-scw-link-base-mixins.box;\n        @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n        .label {\n          @include header-tools-scw-link-base-label-mixins.box;\n          @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include header-tools-scw-link-base-label-left-icon-mixins.box;\n          }\n\n          .label {\n            @include header-tools-scw-link-base-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include header-tools-scw-link-base-label-right-icon-mixins.box;\n          }\n        }\n      }\n    }\n  }\n\n  .amount {\n    @include amount-mixins.box;\n    @include amount-mixins.figma-autolayout;\n\n    .label {\n      @include amount-label-mixins.box;\n      @include amount-label-mixins.figma-autolayout;\n\n      .label {\n        @include amount-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include amount-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include amount-label-scw-info-tip-question-circle-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include amount-input-mixins.box;\n      @include amount-input-mixins.figma-autolayout;\n\n      .icon-left {\n        @include amount-input-icon-left-mixins.box;\n        @include amount-input-icon-left-mixins.figma-autolayout;\n      }\n\n      .placeholder {\n        @include amount-input-placeholder-mixins.box;\n        @include amount-input-placeholder-mixins.figma-autolayout;\n\n        .placeholder {\n          @include amount-input-placeholder-placeholder-mixins.text;\n        }\n      }\n\n      .icon-right {\n        @include amount-input-icon-right-mixins.box;\n        @include amount-input-icon-right-mixins.figma-autolayout;\n      }\n    }\n\n    .feedback {\n      @include amount-feedback-mixins.box;\n      @include amount-feedback-mixins.figma-autolayout;\n    }\n  }\n\n  .filter {\n    @include filter-mixins.box;\n    @include filter-mixins.figma-autolayout;\n\n    .frame-809 {\n      @include filter-frame-809-mixins.box;\n      @include filter-frame-809-mixins.figma-autolayout;\n\n      .label {\n        @include filter-frame-809-label-mixins.box;\n        @include filter-frame-809-label-mixins.figma-autolayout;\n\n        .label {\n          @include filter-frame-809-label-label-mixins.text;\n        }\n      }\n\n      .scw-info-tip {\n        @include filter-frame-809-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include filter-feedback-mixins.box;\n      @include filter-feedback-mixins.figma-autolayout;\n    }\n\n    .scw-option {\n      @include filter-scw-option-mixins.box;\n      @include filter-scw-option-mixins.figma-autolayout;\n    }\n\n    .radio-group {\n      @include filter-radio-group-mixins.box;\n      @include filter-radio-group-mixins.figma-autolayout;\n\n      .radio-button {\n        @include filter-radio-group-radio-button-mixins.box;\n        @include filter-radio-group-radio-button-mixins.figma-autolayout;\n\n        .label {\n          @include filter-radio-group-radio-button-label-mixins.text;\n        }\n      }\n    }\n  }\n\n  .heading {\n    @include heading-mixins.box;\n    @include heading-mixins.figma-autolayout;\n\n    .title {\n      @include heading-title-mixins.text;\n    }\n  }\n\n  .table {\n    @include table-mixins.box;\n    @include table-mixins.figma-autolayout;\n\n    .header-row {\n      @include table-header-row-mixins.box;\n      @include table-header-row-mixins.figma-autolayout;\n\n      .header-row {\n        @include table-header-row-header-row-mixins.box;\n        @include table-header-row-header-row-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-header-row-header-row-header-label-mixins.text;\n        }\n      }\n    }\n\n    .row {\n      @include table-row-mixins.box;\n      @include table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-row-cell-label-mixins.box;\n        @include table-row-cell-label-mixins.figma-autolayout;\n      }\n\n      .cell {\n        @include table-row-cell-mixins.box;\n        @include table-row-cell-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-row-cell-cell-data-mixins.box;\n          @include table-row-cell-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-row-cell-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n    }\n\n    .featured-row {\n      @include table-featured-row-mixins.box;\n      @include table-featured-row-mixins.figma-autolayout;\n\n      .border {\n        @include table-featured-row-border-mixins.box;\n\n        .border-fill {\n          @include table-featured-row-border-border-fill-mixins.box;\n          @include table-featured-row-border-border-fill-mixins.absolute-layout;\n        }\n      }\n\n      .label {\n        @include table-featured-row-label-mixins.box;\n        @include table-featured-row-label-mixins.figma-autolayout;\n\n        .star {\n          @include table-featured-row-label-star-mixins.box;\n\n          .vector {\n            @include table-featured-row-label-star-vector-mixins.box;\n            @include table-featured-row-label-star-vector-mixins.absolute-layout;\n          }\n        }\n\n        .cell-label {\n          @include table-featured-row-label-cell-label-mixins.text;\n        }\n      }\n\n      .row {\n        @include table-featured-row-row-mixins.box;\n        @include table-featured-row-row-mixins.figma-autolayout;\n\n        .cell-label {\n          @include table-featured-row-row-cell-label-mixins.box;\n          @include table-featured-row-row-cell-label-mixins.figma-autolayout;\n        }\n\n        .cell {\n          @include table-featured-row-row-cell-mixins.box;\n          @include table-featured-row-row-cell-mixins.figma-autolayout;\n        }\n      }\n    }\n  }\n\n  .footer {\n    @include footer-mixins.box;\n    @include footer-mixins.figma-autolayout;\n\n    .text {\n      @include footer-text-mixins.text;\n    }\n\n    .scw-link-base {\n      @include footer-scw-link-base-mixins.box;\n      @include footer-scw-link-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include footer-scw-link-base-left-icon-mixins.box;\n      }\n\n      .label {\n        @include footer-scw-link-base-label-mixins.box;\n        @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n        .label {\n          @include footer-scw-link-base-label-label-mixins.text;\n        }\n      }\n\n      .right-icon {\n        @include footer-scw-link-base-right-icon-mixins.box;\n      }\n    }\n  }\n\n  .scw-base-disclosure {\n    @include scw-base-disclosure-mixins.box;\n    @include scw-base-disclosure-mixins.figma-autolayout;\n\n    .text {\n      @include scw-base-disclosure-text-mixins.text;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/index-mixins\" as index-mixins;\n@use \"comp-scw-rate-table-mobile/header-mixins\" as header-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-mixins\" as header-text-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-title-mixins\" as header-text-title-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-subtitle-mixins\" as header-text-subtitle-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/amount-mixins\" as amount-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-mixins\" as amount-label-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-label-mixins\" as amount-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-mixins\" as amount-label-scw-info-tip-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-mixins\" as amount-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-vector-color-092-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-vector-color-02-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/amount-feedback-mixins\" as amount-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/amount-feedback-feedback-mixins\" as amount-feedback-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/filter-mixins\" as filter-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-mixins\" as filter-frame-809-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-label-mixins\" as filter-frame-809-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-label-label-mixins\" as filter-frame-809-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-mixins\" as filter-frame-809-scw-info-tip-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-mixins\" as filter-frame-809-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table-mobile/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/filter-feedback-feedback-mixins\" as filter-feedback-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-mixins\" as filter-scw-option-select-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-mixins\" as filter-radio-group-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-radio-button-mixins\" as filter-radio-group-radio-button-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-radio-button-label-mixins\" as filter-radio-group-radio-button-label-mixins;\n@use \"comp-scw-rate-table-mobile/heading-mixins\" as heading-mixins;\n@use \"comp-scw-rate-table-mobile/heading-title-mixins\" as heading-title-mixins;\n@use \"comp-scw-rate-table-mobile/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-header-row-mixins\" as table-header-row-header-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-header-row-header-label-mixins\" as table-header-row-header-row-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-mixins\" as table-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-mixins\" as table-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-mixins\" as table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-header-label-mixins\" as table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-mixins\" as table-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-mixins\" as table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-header-label-mixins\" as table-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-mixins\" as table-featured-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-mixins\" as table-featured-row-border-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-border-fill-mixins\" as table-featured-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-mixins\" as table-featured-row-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-mixins\" as table-featured-row-label-star-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-vector-mixins\" as table-featured-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-cell-label-mixins\" as table-featured-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-mixins\" as table-featured-row-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-mixins\" as table-featured-row-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-mixins\" as table-featured-row-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-header-label-mixins\" as table-featured-row-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-mixins\" as table-featured-row-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-mixins\" as table-featured-row-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-header-label-mixins\" as table-featured-row-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-mixins\" as footer-mixins;\n@use \"comp-scw-rate-table-mobile/footer-text-mixins\" as footer-text-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/scw-base-disclosure-mixins\" as scw-base-disclosure-mixins;\n@use \"comp-scw-rate-table-mobile/scw-base-disclosure-text-mixins\" as scw-base-disclosure-text-mixins;\n\n.scw-rate-table-mobile {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .header {\n    @include header-mixins.box;\n    @include header-mixins.figma-autolayout;\n\n    .text {\n      @include header-text-mixins.box;\n      @include header-text-mixins.figma-autolayout;\n\n      .title {\n        @include header-text-title-mixins.text;\n      }\n\n      .subtitle {\n        @include header-text-subtitle-mixins.text;\n      }\n    }\n\n    .tools {\n      @include header-tools-mixins.box;\n      @include header-tools-mixins.figma-autolayout;\n\n      .scw-link-base {\n        @include header-tools-scw-link-base-mixins.box;\n        @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n        .label {\n          @include header-tools-scw-link-base-label-mixins.box;\n          @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n            .icon {\n              @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n              @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n                @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include header-tools-scw-link-base-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n            .icon {\n              @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n              @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .amount {\n    @include amount-mixins.box;\n    @include amount-mixins.figma-autolayout;\n\n    .label {\n      @include amount-label-mixins.box;\n      @include amount-label-mixins.figma-autolayout;\n\n      .label {\n        @include amount-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include amount-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include amount-label-scw-info-tip-question-circle-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include amount-input-mixins.box;\n      @include amount-input-mixins.figma-autolayout;\n\n      .icon-left {\n        @include amount-input-icon-left-mixins.box;\n        @include amount-input-icon-left-mixins.figma-autolayout;\n\n        .icon {\n          @include amount-input-icon-left-icon-mixins.box;\n\n          .icon {\n            @include amount-input-icon-left-icon-icon-mixins.box;\n            @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include amount-input-icon-left-icon-icon-vector-mixins.box;\n              @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .placeholder {\n        @include amount-input-placeholder-mixins.box;\n        @include amount-input-placeholder-mixins.figma-autolayout;\n\n        .placeholder {\n          @include amount-input-placeholder-placeholder-mixins.text;\n        }\n      }\n\n      .icon-right {\n        @include amount-input-icon-right-mixins.box;\n        @include amount-input-icon-right-mixins.figma-autolayout;\n\n        .icon {\n          @include amount-input-icon-right-icon-mixins.box;\n\n          .icon {\n            @include amount-input-icon-right-icon-icon-mixins.box;\n            @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include amount-input-icon-right-icon-icon-vector-mixins.box;\n              @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include amount-feedback-mixins.box;\n      @include amount-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include amount-feedback-feedback-mixins.text;\n      }\n    }\n  }\n\n  .filter {\n    @include filter-mixins.box;\n    @include filter-mixins.figma-autolayout;\n\n    .frame-809 {\n      @include filter-frame-809-mixins.box;\n      @include filter-frame-809-mixins.figma-autolayout;\n\n      .label {\n        @include filter-frame-809-label-mixins.box;\n        @include filter-frame-809-label-mixins.figma-autolayout;\n\n        .label {\n          @include filter-frame-809-label-label-mixins.text;\n        }\n      }\n\n      .scw-info-tip {\n        @include filter-frame-809-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include filter-feedback-mixins.box;\n      @include filter-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include filter-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include filter-scw-option-mixins.box;\n      @include filter-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include filter-scw-option-select-mixins.box;\n        @include filter-scw-option-select-mixins.figma-autolayout;\n\n        .scw-option-single {\n          @include filter-scw-option-select-scw-option-single-mixins.box;\n          @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include filter-scw-option-select-scw-option-single-label-mixins.box;\n            @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n\n    .radio-group {\n      @include filter-radio-group-mixins.box;\n      @include filter-radio-group-mixins.figma-autolayout;\n\n      .radio-button {\n        @include filter-radio-group-radio-button-mixins.box;\n        @include filter-radio-group-radio-button-mixins.figma-autolayout;\n\n        .label {\n          @include filter-radio-group-radio-button-label-mixins.text;\n        }\n      }\n    }\n  }\n\n  .heading {\n    @include heading-mixins.box;\n    @include heading-mixins.figma-autolayout;\n\n    .title {\n      @include heading-title-mixins.text;\n    }\n  }\n\n  .table {\n    @include table-mixins.box;\n    @include table-mixins.figma-autolayout;\n\n    .header-row {\n      @include table-header-row-mixins.box;\n      @include table-header-row-mixins.figma-autolayout;\n\n      .header-row {\n        @include table-header-row-header-row-mixins.box;\n        @include table-header-row-header-row-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-header-row-header-row-header-label-mixins.text;\n        }\n      }\n    }\n\n    .row {\n      @include table-row-mixins.box;\n      @include table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-row-cell-label-mixins.box;\n        @include table-row-cell-label-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-row-cell-label-cell-data-mixins.box;\n          @include table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-row-cell-label-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n\n      .cell {\n        @include table-row-cell-mixins.box;\n        @include table-row-cell-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-row-cell-cell-data-mixins.box;\n          @include table-row-cell-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-row-cell-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n    }\n\n    .featured-row {\n      @include table-featured-row-mixins.box;\n      @include table-featured-row-mixins.figma-autolayout;\n\n      .border {\n        @include table-featured-row-border-mixins.box;\n\n        .border-fill {\n          @include table-featured-row-border-border-fill-mixins.box;\n          @include table-featured-row-border-border-fill-mixins.absolute-layout;\n        }\n      }\n\n      .label {\n        @include table-featured-row-label-mixins.box;\n        @include table-featured-row-label-mixins.figma-autolayout;\n\n        .star {\n          @include table-featured-row-label-star-mixins.box;\n\n          .vector {\n            @include table-featured-row-label-star-vector-mixins.box;\n            @include table-featured-row-label-star-vector-mixins.absolute-layout;\n          }\n        }\n\n        .cell-label {\n          @include table-featured-row-label-cell-label-mixins.text;\n        }\n      }\n\n      .row {\n        @include table-featured-row-row-mixins.box;\n        @include table-featured-row-row-mixins.figma-autolayout;\n\n        .cell-label {\n          @include table-featured-row-row-cell-label-mixins.box;\n          @include table-featured-row-row-cell-label-mixins.figma-autolayout;\n\n          .cell-data {\n            @include table-featured-row-row-cell-label-cell-data-mixins.box;\n            @include table-featured-row-row-cell-label-cell-data-mixins.figma-autolayout;\n\n            .header-label {\n              @include table-featured-row-row-cell-label-cell-data-header-label-mixins.text;\n            }\n          }\n        }\n\n        .cell {\n          @include table-featured-row-row-cell-mixins.box;\n          @include table-featured-row-row-cell-mixins.figma-autolayout;\n\n          .cell-data {\n            @include table-featured-row-row-cell-cell-data-mixins.box;\n            @include table-featured-row-row-cell-cell-data-mixins.figma-autolayout;\n\n            .header-label {\n              @include table-featured-row-row-cell-cell-data-header-label-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .footer {\n    @include footer-mixins.box;\n    @include footer-mixins.figma-autolayout;\n\n    .text {\n      @include footer-text-mixins.text;\n    }\n\n    .scw-link-base {\n      @include footer-scw-link-base-mixins.box;\n      @include footer-scw-link-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include footer-scw-link-base-left-icon-mixins.box;\n\n        .icon {\n          @include footer-scw-link-base-left-icon-icon-mixins.box;\n          @include footer-scw-link-base-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n            @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include footer-scw-link-base-label-mixins.box;\n        @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n        .label {\n          @include footer-scw-link-base-label-label-mixins.text;\n        }\n      }\n\n      .right-icon {\n        @include footer-scw-link-base-right-icon-mixins.box;\n\n        .icon {\n          @include footer-scw-link-base-right-icon-icon-mixins.box;\n          @include footer-scw-link-base-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n            @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .scw-base-disclosure {\n    @include scw-base-disclosure-mixins.box;\n    @include scw-base-disclosure-mixins.figma-autolayout;\n\n    .text {\n      @include scw-base-disclosure-text-mixins.text;\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-header": {
     "html": {
-      "output": "<div class=\"header\">\n  <div class=\"text\">\n    <div class=\"title\">\n      Rate Table Title\n    </div>\n    <div class=\"subtitle\">\n      Sub Title\n    </div>\n  </div>\n  <div class=\"tools\">\n    <div class=\"scw-link-base\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          More Info\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"header\">\n  <div class=\"text\">\n    <div class=\"title\">\n      Rate Table Title\n    </div>\n    <div class=\"subtitle\">\n      Sub Title\n    </div>\n  </div>\n  <div class=\"tools\">\n    <div class=\"scw-link-base\">\n      <div class=\"label\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          More Info\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/header-mixins\" as header-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-mixins\" as header-text-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-title-mixins\" as header-text-title-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-subtitle-mixins\" as header-text-subtitle-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n\n.header {\n  @include header-mixins.box;\n  @include header-mixins.figma-autolayout;\n\n  .text {\n    @include header-text-mixins.box;\n    @include header-text-mixins.figma-autolayout;\n\n    .title {\n      @include header-text-title-mixins.text;\n    }\n\n    .subtitle {\n      @include header-text-subtitle-mixins.text;\n    }\n  }\n\n  .tools {\n    @include header-tools-mixins.box;\n    @include header-tools-mixins.figma-autolayout;\n\n    .scw-link-base {\n      @include header-tools-scw-link-base-mixins.box;\n      @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n      .label {\n        @include header-tools-scw-link-base-label-mixins.box;\n        @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include header-tools-scw-link-base-label-left-icon-mixins.box;\n        }\n\n        .label {\n          @include header-tools-scw-link-base-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include header-tools-scw-link-base-label-right-icon-mixins.box;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/header-mixins\" as header-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-mixins\" as header-text-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-title-mixins\" as header-text-title-mixins;\n@use \"comp-scw-rate-table-mobile/header-text-subtitle-mixins\" as header-text-subtitle-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.header {\n  @include header-mixins.box;\n  @include header-mixins.figma-autolayout;\n\n  .text {\n    @include header-text-mixins.box;\n    @include header-text-mixins.figma-autolayout;\n\n    .title {\n      @include header-text-title-mixins.text;\n    }\n\n    .subtitle {\n      @include header-text-subtitle-mixins.text;\n    }\n  }\n\n  .tools {\n    @include header-tools-mixins.box;\n    @include header-tools-mixins.figma-autolayout;\n\n    .scw-link-base {\n      @include header-tools-scw-link-base-mixins.box;\n      @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n      .label {\n        @include header-tools-scw-link-base-label-mixins.box;\n        @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n        .left-icon {\n          @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n          .icon {\n            @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n            @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n              @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include header-tools-scw-link-base-label-label-mixins.text;\n        }\n\n        .right-icon {\n          @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n          .icon {\n            @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n            @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n              @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -21191,41 +21911,61 @@
   },
   "components-scw-rate-table-mobile-header-tools": {
     "html": {
-      "output": "<div class=\"tools\">\n  <div class=\"scw-link-base\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        More Info\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"tools\">\n  <div class=\"scw-link-base\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        More Info\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n\n.tools {\n  @include header-tools-mixins.box;\n  @include header-tools-mixins.figma-autolayout;\n\n  .scw-link-base {\n    @include header-tools-scw-link-base-mixins.box;\n    @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n    .label {\n      @include header-tools-scw-link-base-label-mixins.box;\n      @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include header-tools-scw-link-base-label-left-icon-mixins.box;\n      }\n\n      .label {\n        @include header-tools-scw-link-base-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include header-tools-scw-link-base-label-right-icon-mixins.box;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.tools {\n  @include header-tools-mixins.box;\n  @include header-tools-mixins.figma-autolayout;\n\n  .scw-link-base {\n    @include header-tools-scw-link-base-mixins.box;\n    @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n    .label {\n      @include header-tools-scw-link-base-label-mixins.box;\n      @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n        .icon {\n          @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n          @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n            @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include header-tools-scw-link-base-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n        .icon {\n          @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n          @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n            @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-header-tools-scw-link-base": {
     "html": {
-      "output": "<div class=\"scw-link-base\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      More Info\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-link-base\">\n  <div class=\"label\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      More Info\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n\n.scw-link-base {\n  @include header-tools-scw-link-base-mixins.box;\n  @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n  .label {\n    @include header-tools-scw-link-base-label-mixins.box;\n    @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include header-tools-scw-link-base-label-left-icon-mixins.box;\n    }\n\n    .label {\n      @include header-tools-scw-link-base-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include header-tools-scw-link-base-label-right-icon-mixins.box;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include header-tools-scw-link-base-mixins.box;\n  @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n  .label {\n    @include header-tools-scw-link-base-label-mixins.box;\n    @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n    .left-icon {\n      @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n      .icon {\n        @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n        @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n          @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include header-tools-scw-link-base-label-label-mixins.text;\n    }\n\n    .right-icon {\n      @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n      .icon {\n        @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n        @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n          @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-header-tools-scw-link-base-label": {
     "html": {
-      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    More Info\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "output": "<div class=\"label\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    More Info\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n\n.label {\n  @include header-tools-scw-link-base-label-mixins.box;\n  @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include header-tools-scw-link-base-label-left-icon-mixins.box;\n  }\n\n  .label {\n    @include header-tools-scw-link-base-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include header-tools-scw-link-base-label-right-icon-mixins.box;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.label {\n  @include header-tools-scw-link-base-label-mixins.box;\n  @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n  .left-icon {\n    @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n    .icon {\n      @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n      @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n        @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include header-tools-scw-link-base-label-label-mixins.text;\n  }\n\n  .right-icon {\n    @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n    .icon {\n      @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n      @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n        @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-header-tools-scw-link-base-label-left-icon": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n  .icon {\n    @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n    @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n      @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-header-tools-scw-link-base-label-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.icon {\n  @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n\n  .vector {\n    @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n    @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-header-tools-scw-link-base-label-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n\n.left-icon {\n  @include header-tools-scw-link-base-label-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n\n.vector {\n  @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -21241,21 +21981,41 @@
   },
   "components-scw-rate-table-mobile-header-tools-scw-link-base-label-right-icon": {
     "html": {
-      "output": "<div class=\"right-icon\">\n</div>",
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n  .icon {\n    @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n    @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n      @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-header-tools-scw-link-base-label-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n\n.right-icon {\n  @include header-tools-scw-link-base-label-right-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n    @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-header-tools-scw-link-base-label-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n\n.vector {\n  @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-amount": {
     "html": {
-      "output": "<div class=\"amount\">\n  <div class=\"label\">\n    <div class=\"label\">\n      Enter your loan amount to calculate\n    </div>\n    <div class=\"scw-info-tip\">\n      <div class=\"question-circle\">\n        <div class=\"vector-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"input\">\n    <div class=\"icon-left\">\n    </div>\n    <div class=\"placeholder\">\n      <div class=\"placeholder\">\n        Loan Amount\n      </div>\n    </div>\n    <div class=\"icon-right\">\n    </div>\n  </div>\n  <div class=\"feedback\">\n  </div>\n</div>",
+      "output": "<div class=\"amount\">\n  <div class=\"label\">\n    <div class=\"label\">\n      Enter your loan amount to calculate\n    </div>\n    <div class=\"scw-info-tip\">\n      <div class=\"question-circle\">\n        <div class=\"vector-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"input\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"placeholder\">\n      <div class=\"placeholder\">\n        Loan Amount\n      </div>\n    </div>\n    <div class=\"icon-right\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n    <div class=\"feedback\">\n      Feedback\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/amount-mixins\" as amount-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-mixins\" as amount-label-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-label-mixins\" as amount-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-mixins\" as amount-label-scw-info-tip-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-mixins\" as amount-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-vector-color-092-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-vector-color-02-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table-mobile/amount-feedback-mixins\" as amount-feedback-mixins;\n\n.amount {\n  @include amount-mixins.box;\n  @include amount-mixins.figma-autolayout;\n\n  .label {\n    @include amount-label-mixins.box;\n    @include amount-label-mixins.figma-autolayout;\n\n    .label {\n      @include amount-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include amount-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include amount-label-scw-info-tip-question-circle-mixins.box;\n        @include amount-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include amount-input-mixins.box;\n    @include amount-input-mixins.figma-autolayout;\n\n    .icon-left {\n      @include amount-input-icon-left-mixins.box;\n      @include amount-input-icon-left-mixins.figma-autolayout;\n    }\n\n    .placeholder {\n      @include amount-input-placeholder-mixins.box;\n      @include amount-input-placeholder-mixins.figma-autolayout;\n\n      .placeholder {\n        @include amount-input-placeholder-placeholder-mixins.text;\n      }\n    }\n\n    .icon-right {\n      @include amount-input-icon-right-mixins.box;\n      @include amount-input-icon-right-mixins.figma-autolayout;\n    }\n  }\n\n  .feedback {\n    @include amount-feedback-mixins.box;\n    @include amount-feedback-mixins.figma-autolayout;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/amount-mixins\" as amount-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-mixins\" as amount-label-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-label-mixins\" as amount-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-mixins\" as amount-label-scw-info-tip-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-mixins\" as amount-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-vector-color-092-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table-mobile/amount-label-scw-info-tip-question-circle-vector-color-02-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/amount-feedback-mixins\" as amount-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/amount-feedback-feedback-mixins\" as amount-feedback-feedback-mixins;\n\n.amount {\n  @include amount-mixins.box;\n  @include amount-mixins.figma-autolayout;\n\n  .label {\n    @include amount-label-mixins.box;\n    @include amount-label-mixins.figma-autolayout;\n\n    .label {\n      @include amount-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include amount-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include amount-label-scw-info-tip-question-circle-mixins.box;\n        @include amount-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include amount-input-mixins.box;\n    @include amount-input-mixins.figma-autolayout;\n\n    .icon-left {\n      @include amount-input-icon-left-mixins.box;\n      @include amount-input-icon-left-mixins.figma-autolayout;\n\n      .icon {\n        @include amount-input-icon-left-icon-mixins.box;\n\n        .icon {\n          @include amount-input-icon-left-icon-icon-mixins.box;\n          @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include amount-input-icon-left-icon-icon-vector-mixins.box;\n            @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .placeholder {\n      @include amount-input-placeholder-mixins.box;\n      @include amount-input-placeholder-mixins.figma-autolayout;\n\n      .placeholder {\n        @include amount-input-placeholder-placeholder-mixins.text;\n      }\n    }\n\n    .icon-right {\n      @include amount-input-icon-right-mixins.box;\n      @include amount-input-icon-right-mixins.figma-autolayout;\n\n      .icon {\n        @include amount-input-icon-right-icon-mixins.box;\n\n        .icon {\n          @include amount-input-icon-right-icon-icon-mixins.box;\n          @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include amount-input-icon-right-icon-icon-vector-mixins.box;\n            @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include amount-feedback-mixins.box;\n    @include amount-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include amount-feedback-feedback-mixins.text;\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -21321,21 +22081,51 @@
   },
   "components-scw-rate-table-mobile-amount-input": {
     "html": {
-      "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Loan Amount\n    </div>\n  </div>\n  <div class=\"icon-right\">\n  </div>\n</div>",
+      "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Loan Amount\n    </div>\n  </div>\n  <div class=\"icon-right\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n\n.input {\n  @include amount-input-mixins.box;\n  @include amount-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include amount-input-icon-left-mixins.box;\n    @include amount-input-icon-left-mixins.figma-autolayout;\n  }\n\n  .placeholder {\n    @include amount-input-placeholder-mixins.box;\n    @include amount-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include amount-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include amount-input-icon-right-mixins.box;\n    @include amount-input-icon-right-mixins.figma-autolayout;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n\n.input {\n  @include amount-input-mixins.box;\n  @include amount-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include amount-input-icon-left-mixins.box;\n    @include amount-input-icon-left-mixins.figma-autolayout;\n\n    .icon {\n      @include amount-input-icon-left-icon-mixins.box;\n\n      .icon {\n        @include amount-input-icon-left-icon-icon-mixins.box;\n        @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include amount-input-icon-left-icon-icon-vector-mixins.box;\n          @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .placeholder {\n    @include amount-input-placeholder-mixins.box;\n    @include amount-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include amount-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include amount-input-icon-right-mixins.box;\n    @include amount-input-icon-right-mixins.figma-autolayout;\n\n    .icon {\n      @include amount-input-icon-right-icon-mixins.box;\n\n      .icon {\n        @include amount-input-icon-right-icon-icon-mixins.box;\n        @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include amount-input-icon-right-icon-icon-vector-mixins.box;\n          @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-amount-input-icon-left": {
     "html": {
-      "output": "<div class=\"icon-left\">\n</div>",
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n\n.icon-left {\n  @include amount-input-icon-left-mixins.box;\n  @include amount-input-icon-left-mixins.figma-autolayout;\n\n  .icon {\n    @include amount-input-icon-left-icon-mixins.box;\n\n    .icon {\n      @include amount-input-icon-left-icon-icon-mixins.box;\n      @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include amount-input-icon-left-icon-icon-vector-mixins.box;\n        @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-amount-input-icon-left-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n\n.icon {\n  @include amount-input-icon-left-icon-mixins.box;\n\n  .icon {\n    @include amount-input-icon-left-icon-icon-mixins.box;\n    @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include amount-input-icon-left-icon-icon-vector-mixins.box;\n      @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-amount-input-icon-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n\n.icon {\n  @include amount-input-icon-left-icon-icon-mixins.box;\n\n  .vector {\n    @include amount-input-icon-left-icon-icon-vector-mixins.box;\n    @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-amount-input-icon-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n\n.icon-left {\n  @include amount-input-icon-left-mixins.box;\n  @include amount-input-icon-left-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n\n.vector {\n  @include amount-input-icon-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -21361,31 +22151,71 @@
   },
   "components-scw-rate-table-mobile-amount-input-icon-right": {
     "html": {
-      "output": "<div class=\"icon-right\">\n</div>",
+      "output": "<div class=\"icon-right\">\n  <div class=\"icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n\n.icon-right {\n  @include amount-input-icon-right-mixins.box;\n  @include amount-input-icon-right-mixins.figma-autolayout;\n\n  .icon {\n    @include amount-input-icon-right-icon-mixins.box;\n\n    .icon {\n      @include amount-input-icon-right-icon-icon-mixins.box;\n      @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include amount-input-icon-right-icon-icon-vector-mixins.box;\n        @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-amount-input-icon-right-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n\n.icon {\n  @include amount-input-icon-right-icon-mixins.box;\n\n  .icon {\n    @include amount-input-icon-right-icon-icon-mixins.box;\n    @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include amount-input-icon-right-icon-icon-vector-mixins.box;\n      @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-amount-input-icon-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n\n.icon {\n  @include amount-input-icon-right-icon-icon-mixins.box;\n\n  .vector {\n    @include amount-input-icon-right-icon-icon-vector-mixins.box;\n    @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-amount-input-icon-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n\n.icon-right {\n  @include amount-input-icon-right-mixins.box;\n  @include amount-input-icon-right-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n\n.vector {\n  @include amount-input-icon-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-amount-feedback": {
     "html": {
-      "output": "<div class=\"feedback\">\n</div>",
+      "output": "<div class=\"feedback\">\n  <div class=\"feedback\">\n    Feedback\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/amount-feedback-mixins\" as amount-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/amount-feedback-feedback-mixins\" as amount-feedback-feedback-mixins;\n\n.feedback {\n  @include amount-feedback-mixins.box;\n  @include amount-feedback-mixins.figma-autolayout;\n\n  .feedback {\n    @include amount-feedback-feedback-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-amount-feedback-feedback": {
+    "html": {
+      "output": "<div class=\"feedback\">\n  Feedback\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/amount-feedback-mixins\" as amount-feedback-mixins;\n\n.feedback {\n  @include amount-feedback-mixins.box;\n  @include amount-feedback-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/amount-feedback-feedback-mixins\" as amount-feedback-feedback-mixins;\n\n.feedback {\n  @include amount-feedback-feedback-mixins.text;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-filter": {
     "html": {
-      "output": "<div class=\"filter\">\n  <div class=\"frame-809\">\n    <div class=\"label\">\n      <div class=\"label\">\n        Filter by loan-to-value up to\n      </div>\n    </div>\n    <div class=\"scw-info-tip\">\n      <div class=\"question-circle\">\n        <div class=\"vector-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n  </div>\n  <div class=\"scw-option\">\n  </div>\n  <div class=\"radio-group\">\n    <div class=\"radio-button\">\n      <div class=\"label\">\n        Option 1\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"filter\">\n  <div class=\"frame-809\">\n    <div class=\"label\">\n      <div class=\"label\">\n        Filter by loan-to-value up to\n      </div>\n    </div>\n    <div class=\"scw-info-tip\">\n      <div class=\"question-circle\">\n        <div class=\"vector-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n    <div class=\"feedback\">\n      Feedback\n    </div>\n  </div>\n  <div class=\"scw-option\">\n    <div class=\"select\">\n      <div class=\"scw-option-single\">\n        <div class=\"label\">\n          <div class=\"text\">\n            Option\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"radio-group\">\n    <div class=\"radio-button\">\n      <div class=\"label\">\n        Option 1\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/filter-mixins\" as filter-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-mixins\" as filter-frame-809-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-label-mixins\" as filter-frame-809-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-label-label-mixins\" as filter-frame-809-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-mixins\" as filter-frame-809-scw-info-tip-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-mixins\" as filter-frame-809-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table-mobile/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-mixins\" as filter-radio-group-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-radio-button-mixins\" as filter-radio-group-radio-button-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-radio-button-label-mixins\" as filter-radio-group-radio-button-label-mixins;\n\n.filter {\n  @include filter-mixins.box;\n  @include filter-mixins.figma-autolayout;\n\n  .frame-809 {\n    @include filter-frame-809-mixins.box;\n    @include filter-frame-809-mixins.figma-autolayout;\n\n    .label {\n      @include filter-frame-809-label-mixins.box;\n      @include filter-frame-809-label-mixins.figma-autolayout;\n\n      .label {\n        @include filter-frame-809-label-label-mixins.text;\n      }\n    }\n\n    .scw-info-tip {\n      @include filter-frame-809-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include filter-frame-809-scw-info-tip-question-circle-mixins.box;\n        @include filter-frame-809-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include filter-feedback-mixins.box;\n    @include filter-feedback-mixins.figma-autolayout;\n  }\n\n  .scw-option {\n    @include filter-scw-option-mixins.box;\n    @include filter-scw-option-mixins.figma-autolayout;\n  }\n\n  .radio-group {\n    @include filter-radio-group-mixins.box;\n    @include filter-radio-group-mixins.figma-autolayout;\n\n    .radio-button {\n      @include filter-radio-group-radio-button-mixins.box;\n      @include filter-radio-group-radio-button-mixins.figma-autolayout;\n\n      .label {\n        @include filter-radio-group-radio-button-label-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/filter-mixins\" as filter-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-mixins\" as filter-frame-809-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-label-mixins\" as filter-frame-809-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-label-label-mixins\" as filter-frame-809-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-mixins\" as filter-frame-809-scw-info-tip-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-mixins\" as filter-frame-809-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table-mobile/filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table-mobile/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/filter-feedback-feedback-mixins\" as filter-feedback-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-mixins\" as filter-scw-option-select-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-mixins\" as filter-radio-group-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-radio-button-mixins\" as filter-radio-group-radio-button-mixins;\n@use \"comp-scw-rate-table-mobile/filter-radio-group-radio-button-label-mixins\" as filter-radio-group-radio-button-label-mixins;\n\n.filter {\n  @include filter-mixins.box;\n  @include filter-mixins.figma-autolayout;\n\n  .frame-809 {\n    @include filter-frame-809-mixins.box;\n    @include filter-frame-809-mixins.figma-autolayout;\n\n    .label {\n      @include filter-frame-809-label-mixins.box;\n      @include filter-frame-809-label-mixins.figma-autolayout;\n\n      .label {\n        @include filter-frame-809-label-label-mixins.text;\n      }\n    }\n\n    .scw-info-tip {\n      @include filter-frame-809-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include filter-frame-809-scw-info-tip-question-circle-mixins.box;\n        @include filter-frame-809-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include filter-feedback-mixins.box;\n    @include filter-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include filter-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include filter-scw-option-mixins.box;\n    @include filter-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include filter-scw-option-select-mixins.box;\n      @include filter-scw-option-select-mixins.figma-autolayout;\n\n      .scw-option-single {\n        @include filter-scw-option-select-scw-option-single-mixins.box;\n        @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include filter-scw-option-select-scw-option-single-label-mixins.box;\n          @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n\n  .radio-group {\n    @include filter-radio-group-mixins.box;\n    @include filter-radio-group-mixins.figma-autolayout;\n\n    .radio-button {\n      @include filter-radio-group-radio-button-mixins.box;\n      @include filter-radio-group-radio-button-mixins.figma-autolayout;\n\n      .label {\n        @include filter-radio-group-radio-button-label-mixins.text;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -21461,21 +22291,71 @@
   },
   "components-scw-rate-table-mobile-filter-feedback": {
     "html": {
-      "output": "<div class=\"feedback\">\n</div>",
+      "output": "<div class=\"feedback\">\n  <div class=\"feedback\">\n    Feedback\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table-mobile/filter-feedback-feedback-mixins\" as filter-feedback-feedback-mixins;\n\n.feedback {\n  @include filter-feedback-mixins.box;\n  @include filter-feedback-mixins.figma-autolayout;\n\n  .feedback {\n    @include filter-feedback-feedback-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-feedback-feedback": {
+    "html": {
+      "output": "<div class=\"feedback\">\n  Feedback\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/filter-feedback-mixins\" as filter-feedback-mixins;\n\n.feedback {\n  @include filter-feedback-mixins.box;\n  @include filter-feedback-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/filter-feedback-feedback-mixins\" as filter-feedback-feedback-mixins;\n\n.feedback {\n  @include filter-feedback-feedback-mixins.text;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-filter-scw-option": {
     "html": {
-      "output": "<div class=\"scw-option\">\n</div>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"scw-option-single\">\n      <div class=\"label\">\n        <div class=\"text\">\n          Option\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-mixins\" as filter-scw-option-select-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include filter-scw-option-mixins.box;\n  @include filter-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include filter-scw-option-select-mixins.box;\n    @include filter-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include filter-scw-option-select-scw-option-single-mixins.box;\n      @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include filter-scw-option-select-scw-option-single-label-mixins.box;\n        @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select": {
+    "html": {
+      "output": "<div class=\"select\">\n  <div class=\"scw-option-single\">\n    <div class=\"label\">\n      <div class=\"text\">\n        Option\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-mixins\" as filter-scw-option-select-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include filter-scw-option-select-mixins.box;\n  @include filter-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include filter-scw-option-select-scw-option-single-mixins.box;\n    @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include filter-scw-option-select-scw-option-single-label-mixins.box;\n      @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select-scw-option-single": {
+    "html": {
+      "output": "<div class=\"scw-option-single\">\n  <div class=\"label\">\n    <div class=\"text\">\n      Option\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option-single {\n  @include filter-scw-option-select-scw-option-single-mixins.box;\n  @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n  .label {\n    @include filter-scw-option-select-scw-option-single-label-mixins.box;\n    @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n    .text {\n      @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select-scw-option-single-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  <div class=\"text\">\n    Option\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n\n.label {\n  @include filter-scw-option-select-scw-option-single-label-mixins.box;\n  @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n  .text {\n    @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select-scw-option-single-label-text": {
+    "html": {
+      "output": "<div class=\"text\">\n  Option\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-mixins\" as filter-scw-option-mixins;\n\n.scw-option {\n  @include filter-scw-option-mixins.box;\n  @include filter-scw-option-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n\n.text {\n  @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n}",
       "example": ""
     }
   },
@@ -21531,11 +22411,11 @@
   },
   "components-scw-rate-table-mobile-table": {
     "html": {
-      "output": "<div class=\"table\">\n  <div class=\"header-row\">\n    <div class=\"header-row\">\n      <div class=\"header-label\">\n        Header data\n      </div>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"cell-label\">\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Cell data\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"featured-row\">\n    <div class=\"border\">\n      <div class=\"border-fill\">\n      </div>\n    </div>\n    <div class=\"label\">\n      <div class=\"star\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"cell-label\">\n        Featured Rate\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"cell-label\">\n      </div>\n      <div class=\"cell\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"table\">\n  <div class=\"header-row\">\n    <div class=\"header-row\">\n      <div class=\"header-label\">\n        Header data\n      </div>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"cell-label\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Heading\n        </div>\n      </div>\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Cell data\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"featured-row\">\n    <div class=\"border\">\n      <div class=\"border-fill\">\n      </div>\n    </div>\n    <div class=\"label\">\n      <div class=\"star\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"cell-label\">\n        Featured Rate\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"cell-label\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Free Checking\n          </div>\n        </div>\n      </div>\n      <div class=\"cell\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Free Checking\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-header-row-mixins\" as table-header-row-header-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-header-row-header-label-mixins\" as table-header-row-header-row-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-mixins\" as table-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-mixins\" as table-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-mixins\" as table-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-mixins\" as table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-header-label-mixins\" as table-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-mixins\" as table-featured-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-mixins\" as table-featured-row-border-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-border-fill-mixins\" as table-featured-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-mixins\" as table-featured-row-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-mixins\" as table-featured-row-label-star-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-vector-mixins\" as table-featured-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-cell-label-mixins\" as table-featured-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-mixins\" as table-featured-row-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-mixins\" as table-featured-row-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-mixins\" as table-featured-row-row-cell-mixins;\n\n.table {\n  @include table-mixins.box;\n  @include table-mixins.figma-autolayout;\n\n  .header-row {\n    @include table-header-row-mixins.box;\n    @include table-header-row-mixins.figma-autolayout;\n\n    .header-row {\n      @include table-header-row-header-row-mixins.box;\n      @include table-header-row-header-row-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-header-row-header-row-header-label-mixins.text;\n      }\n    }\n  }\n\n  .row {\n    @include table-row-mixins.box;\n    @include table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-row-cell-label-mixins.box;\n      @include table-row-cell-label-mixins.figma-autolayout;\n    }\n\n    .cell {\n      @include table-row-cell-mixins.box;\n      @include table-row-cell-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-row-cell-cell-data-mixins.box;\n        @include table-row-cell-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-row-cell-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n  }\n\n  .featured-row {\n    @include table-featured-row-mixins.box;\n    @include table-featured-row-mixins.figma-autolayout;\n\n    .border {\n      @include table-featured-row-border-mixins.box;\n\n      .border-fill {\n        @include table-featured-row-border-border-fill-mixins.box;\n        @include table-featured-row-border-border-fill-mixins.absolute-layout;\n      }\n    }\n\n    .label {\n      @include table-featured-row-label-mixins.box;\n      @include table-featured-row-label-mixins.figma-autolayout;\n\n      .star {\n        @include table-featured-row-label-star-mixins.box;\n\n        .vector {\n          @include table-featured-row-label-star-vector-mixins.box;\n          @include table-featured-row-label-star-vector-mixins.absolute-layout;\n        }\n      }\n\n      .cell-label {\n        @include table-featured-row-label-cell-label-mixins.text;\n      }\n    }\n\n    .row {\n      @include table-featured-row-row-mixins.box;\n      @include table-featured-row-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-featured-row-row-cell-label-mixins.box;\n        @include table-featured-row-row-cell-label-mixins.figma-autolayout;\n      }\n\n      .cell {\n        @include table-featured-row-row-cell-mixins.box;\n        @include table-featured-row-row-cell-mixins.figma-autolayout;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-header-row-mixins\" as table-header-row-header-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-header-row-header-row-header-label-mixins\" as table-header-row-header-row-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-mixins\" as table-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-mixins\" as table-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-mixins\" as table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-header-label-mixins\" as table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-mixins\" as table-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-mixins\" as table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-header-label-mixins\" as table-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-mixins\" as table-featured-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-mixins\" as table-featured-row-border-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-border-fill-mixins\" as table-featured-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-mixins\" as table-featured-row-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-mixins\" as table-featured-row-label-star-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-vector-mixins\" as table-featured-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-cell-label-mixins\" as table-featured-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-mixins\" as table-featured-row-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-mixins\" as table-featured-row-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-mixins\" as table-featured-row-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-header-label-mixins\" as table-featured-row-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-mixins\" as table-featured-row-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-mixins\" as table-featured-row-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-header-label-mixins\" as table-featured-row-row-cell-cell-data-header-label-mixins;\n\n.table {\n  @include table-mixins.box;\n  @include table-mixins.figma-autolayout;\n\n  .header-row {\n    @include table-header-row-mixins.box;\n    @include table-header-row-mixins.figma-autolayout;\n\n    .header-row {\n      @include table-header-row-header-row-mixins.box;\n      @include table-header-row-header-row-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-header-row-header-row-header-label-mixins.text;\n      }\n    }\n  }\n\n  .row {\n    @include table-row-mixins.box;\n    @include table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-row-cell-label-mixins.box;\n      @include table-row-cell-label-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-row-cell-label-cell-data-mixins.box;\n        @include table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-row-cell-label-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n\n    .cell {\n      @include table-row-cell-mixins.box;\n      @include table-row-cell-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-row-cell-cell-data-mixins.box;\n        @include table-row-cell-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-row-cell-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n  }\n\n  .featured-row {\n    @include table-featured-row-mixins.box;\n    @include table-featured-row-mixins.figma-autolayout;\n\n    .border {\n      @include table-featured-row-border-mixins.box;\n\n      .border-fill {\n        @include table-featured-row-border-border-fill-mixins.box;\n        @include table-featured-row-border-border-fill-mixins.absolute-layout;\n      }\n    }\n\n    .label {\n      @include table-featured-row-label-mixins.box;\n      @include table-featured-row-label-mixins.figma-autolayout;\n\n      .star {\n        @include table-featured-row-label-star-mixins.box;\n\n        .vector {\n          @include table-featured-row-label-star-vector-mixins.box;\n          @include table-featured-row-label-star-vector-mixins.absolute-layout;\n        }\n      }\n\n      .cell-label {\n        @include table-featured-row-label-cell-label-mixins.text;\n      }\n    }\n\n    .row {\n      @include table-featured-row-row-mixins.box;\n      @include table-featured-row-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-featured-row-row-cell-label-mixins.box;\n        @include table-featured-row-row-cell-label-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-featured-row-row-cell-label-cell-data-mixins.box;\n          @include table-featured-row-row-cell-label-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-featured-row-row-cell-label-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n\n      .cell {\n        @include table-featured-row-row-cell-mixins.box;\n        @include table-featured-row-row-cell-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-featured-row-row-cell-cell-data-mixins.box;\n          @include table-featured-row-row-cell-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-featured-row-row-cell-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -21571,21 +22451,41 @@
   },
   "components-scw-rate-table-mobile-table-row": {
     "html": {
-      "output": "<div class=\"row\">\n  <div class=\"cell-label\">\n  </div>\n  <div class=\"cell\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Cell data\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"row\">\n  <div class=\"cell-label\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Heading\n      </div>\n    </div>\n  </div>\n  <div class=\"cell\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Cell data\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/table-row-mixins\" as table-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-mixins\" as table-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-mixins\" as table-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-mixins\" as table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-header-label-mixins\" as table-row-cell-cell-data-header-label-mixins;\n\n.row {\n  @include table-row-mixins.box;\n  @include table-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include table-row-cell-label-mixins.box;\n    @include table-row-cell-label-mixins.figma-autolayout;\n  }\n\n  .cell {\n    @include table-row-cell-mixins.box;\n    @include table-row-cell-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-row-cell-cell-data-mixins.box;\n      @include table-row-cell-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-row-cell-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/table-row-mixins\" as table-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-mixins\" as table-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-mixins\" as table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-header-label-mixins\" as table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-mixins\" as table-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-mixins\" as table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-cell-data-header-label-mixins\" as table-row-cell-cell-data-header-label-mixins;\n\n.row {\n  @include table-row-mixins.box;\n  @include table-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include table-row-cell-label-mixins.box;\n    @include table-row-cell-label-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-row-cell-label-cell-data-mixins.box;\n      @include table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-row-cell-label-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n\n  .cell {\n    @include table-row-cell-mixins.box;\n    @include table-row-cell-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-row-cell-cell-data-mixins.box;\n      @include table-row-cell-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-row-cell-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-table-row-cell-label": {
     "html": {
-      "output": "<div class=\"cell-label\">\n</div>",
+      "output": "<div class=\"cell-label\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Heading\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/table-row-cell-label-mixins\" as table-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-mixins\" as table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-header-label-mixins\" as table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-label {\n  @include table-row-cell-label-mixins.box;\n  @include table-row-cell-label-mixins.figma-autolayout;\n\n  .cell-data {\n    @include table-row-cell-label-cell-data-mixins.box;\n    @include table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-row-cell-label-cell-data-header-label-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-table-row-cell-label-cell-data": {
+    "html": {
+      "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Heading\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-mixins\" as table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-header-label-mixins\" as table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-data {\n  @include table-row-cell-label-cell-data-mixins.box;\n  @include table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-row-cell-label-cell-data-header-label-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-table-row-cell-label-cell-data-header-label": {
+    "html": {
+      "output": "<div class=\"header-label\">\n  Heading\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/table-row-cell-label-mixins\" as table-row-cell-label-mixins;\n\n.cell-label {\n  @include table-row-cell-label-mixins.box;\n  @include table-row-cell-label-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/table-row-cell-label-cell-data-header-label-mixins\" as table-row-cell-label-cell-data-header-label-mixins;\n\n.header-label {\n  @include table-row-cell-label-cell-data-header-label-mixins.text;\n}",
       "example": ""
     }
   },
@@ -21621,11 +22521,11 @@
   },
   "components-scw-rate-table-mobile-table-featured-row": {
     "html": {
-      "output": "<div class=\"featured-row\">\n  <div class=\"border\">\n    <div class=\"border-fill\">\n    </div>\n  </div>\n  <div class=\"label\">\n    <div class=\"star\">\n      <div class=\"vector\">\n      </div>\n    </div>\n    <div class=\"cell-label\">\n      Featured Rate\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"cell-label\">\n    </div>\n    <div class=\"cell\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"featured-row\">\n  <div class=\"border\">\n    <div class=\"border-fill\">\n    </div>\n  </div>\n  <div class=\"label\">\n    <div class=\"star\">\n      <div class=\"vector\">\n      </div>\n    </div>\n    <div class=\"cell-label\">\n      Featured Rate\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"cell-label\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Free Checking\n        </div>\n      </div>\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Free Checking\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-mixins\" as table-featured-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-mixins\" as table-featured-row-border-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-border-fill-mixins\" as table-featured-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-mixins\" as table-featured-row-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-mixins\" as table-featured-row-label-star-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-vector-mixins\" as table-featured-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-cell-label-mixins\" as table-featured-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-mixins\" as table-featured-row-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-mixins\" as table-featured-row-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-mixins\" as table-featured-row-row-cell-mixins;\n\n.featured-row {\n  @include table-featured-row-mixins.box;\n  @include table-featured-row-mixins.figma-autolayout;\n\n  .border {\n    @include table-featured-row-border-mixins.box;\n\n    .border-fill {\n      @include table-featured-row-border-border-fill-mixins.box;\n      @include table-featured-row-border-border-fill-mixins.absolute-layout;\n    }\n  }\n\n  .label {\n    @include table-featured-row-label-mixins.box;\n    @include table-featured-row-label-mixins.figma-autolayout;\n\n    .star {\n      @include table-featured-row-label-star-mixins.box;\n\n      .vector {\n        @include table-featured-row-label-star-vector-mixins.box;\n        @include table-featured-row-label-star-vector-mixins.absolute-layout;\n      }\n    }\n\n    .cell-label {\n      @include table-featured-row-label-cell-label-mixins.text;\n    }\n  }\n\n  .row {\n    @include table-featured-row-row-mixins.box;\n    @include table-featured-row-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-featured-row-row-cell-label-mixins.box;\n      @include table-featured-row-row-cell-label-mixins.figma-autolayout;\n    }\n\n    .cell {\n      @include table-featured-row-row-cell-mixins.box;\n      @include table-featured-row-row-cell-mixins.figma-autolayout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-mixins\" as table-featured-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-mixins\" as table-featured-row-border-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-border-border-fill-mixins\" as table-featured-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-mixins\" as table-featured-row-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-mixins\" as table-featured-row-label-star-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-star-vector-mixins\" as table-featured-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-label-cell-label-mixins\" as table-featured-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-mixins\" as table-featured-row-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-mixins\" as table-featured-row-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-mixins\" as table-featured-row-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-header-label-mixins\" as table-featured-row-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-mixins\" as table-featured-row-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-mixins\" as table-featured-row-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-header-label-mixins\" as table-featured-row-row-cell-cell-data-header-label-mixins;\n\n.featured-row {\n  @include table-featured-row-mixins.box;\n  @include table-featured-row-mixins.figma-autolayout;\n\n  .border {\n    @include table-featured-row-border-mixins.box;\n\n    .border-fill {\n      @include table-featured-row-border-border-fill-mixins.box;\n      @include table-featured-row-border-border-fill-mixins.absolute-layout;\n    }\n  }\n\n  .label {\n    @include table-featured-row-label-mixins.box;\n    @include table-featured-row-label-mixins.figma-autolayout;\n\n    .star {\n      @include table-featured-row-label-star-mixins.box;\n\n      .vector {\n        @include table-featured-row-label-star-vector-mixins.box;\n        @include table-featured-row-label-star-vector-mixins.absolute-layout;\n      }\n    }\n\n    .cell-label {\n      @include table-featured-row-label-cell-label-mixins.text;\n    }\n  }\n\n  .row {\n    @include table-featured-row-row-mixins.box;\n    @include table-featured-row-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-featured-row-row-cell-label-mixins.box;\n      @include table-featured-row-row-cell-label-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-featured-row-row-cell-label-cell-data-mixins.box;\n        @include table-featured-row-row-cell-label-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-featured-row-row-cell-label-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n\n    .cell {\n      @include table-featured-row-row-cell-mixins.box;\n      @include table-featured-row-row-cell-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-featured-row-row-cell-cell-data-mixins.box;\n        @include table-featured-row-row-cell-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-featured-row-row-cell-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -21691,41 +22591,81 @@
   },
   "components-scw-rate-table-mobile-table-featured-row-row": {
     "html": {
-      "output": "<div class=\"row\">\n  <div class=\"cell-label\">\n  </div>\n  <div class=\"cell\">\n  </div>\n</div>",
+      "output": "<div class=\"row\">\n  <div class=\"cell-label\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Free Checking\n      </div>\n    </div>\n  </div>\n  <div class=\"cell\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Free Checking\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-row-mixins\" as table-featured-row-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-mixins\" as table-featured-row-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-mixins\" as table-featured-row-row-cell-mixins;\n\n.row {\n  @include table-featured-row-row-mixins.box;\n  @include table-featured-row-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include table-featured-row-row-cell-label-mixins.box;\n    @include table-featured-row-row-cell-label-mixins.figma-autolayout;\n  }\n\n  .cell {\n    @include table-featured-row-row-cell-mixins.box;\n    @include table-featured-row-row-cell-mixins.figma-autolayout;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-row-mixins\" as table-featured-row-row-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-mixins\" as table-featured-row-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-mixins\" as table-featured-row-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-header-label-mixins\" as table-featured-row-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-mixins\" as table-featured-row-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-mixins\" as table-featured-row-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-header-label-mixins\" as table-featured-row-row-cell-cell-data-header-label-mixins;\n\n.row {\n  @include table-featured-row-row-mixins.box;\n  @include table-featured-row-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include table-featured-row-row-cell-label-mixins.box;\n    @include table-featured-row-row-cell-label-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-featured-row-row-cell-label-cell-data-mixins.box;\n      @include table-featured-row-row-cell-label-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-featured-row-row-cell-label-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n\n  .cell {\n    @include table-featured-row-row-cell-mixins.box;\n    @include table-featured-row-row-cell-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-featured-row-row-cell-cell-data-mixins.box;\n      @include table-featured-row-row-cell-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-featured-row-row-cell-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-table-featured-row-row-cell-label": {
     "html": {
-      "output": "<div class=\"cell-label\">\n</div>",
+      "output": "<div class=\"cell-label\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Free Checking\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-mixins\" as table-featured-row-row-cell-label-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-mixins\" as table-featured-row-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-header-label-mixins\" as table-featured-row-row-cell-label-cell-data-header-label-mixins;\n\n.cell-label {\n  @include table-featured-row-row-cell-label-mixins.box;\n  @include table-featured-row-row-cell-label-mixins.figma-autolayout;\n\n  .cell-data {\n    @include table-featured-row-row-cell-label-cell-data-mixins.box;\n    @include table-featured-row-row-cell-label-cell-data-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-featured-row-row-cell-label-cell-data-header-label-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-table-featured-row-row-cell-label-cell-data": {
+    "html": {
+      "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Free Checking\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-mixins\" as table-featured-row-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-header-label-mixins\" as table-featured-row-row-cell-label-cell-data-header-label-mixins;\n\n.cell-data {\n  @include table-featured-row-row-cell-label-cell-data-mixins.box;\n  @include table-featured-row-row-cell-label-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-featured-row-row-cell-label-cell-data-header-label-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-table-featured-row-row-cell-label-cell-data-header-label": {
+    "html": {
+      "output": "<div class=\"header-label\">\n  Free Checking\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-mixins\" as table-featured-row-row-cell-label-mixins;\n\n.cell-label {\n  @include table-featured-row-row-cell-label-mixins.box;\n  @include table-featured-row-row-cell-label-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-label-cell-data-header-label-mixins\" as table-featured-row-row-cell-label-cell-data-header-label-mixins;\n\n.header-label {\n  @include table-featured-row-row-cell-label-cell-data-header-label-mixins.text;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-table-featured-row-row-cell": {
     "html": {
-      "output": "<div class=\"cell\">\n</div>",
+      "output": "<div class=\"cell\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Free Checking\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-mixins\" as table-featured-row-row-cell-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-mixins\" as table-featured-row-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-header-label-mixins\" as table-featured-row-row-cell-cell-data-header-label-mixins;\n\n.cell {\n  @include table-featured-row-row-cell-mixins.box;\n  @include table-featured-row-row-cell-mixins.figma-autolayout;\n\n  .cell-data {\n    @include table-featured-row-row-cell-cell-data-mixins.box;\n    @include table-featured-row-row-cell-cell-data-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-featured-row-row-cell-cell-data-header-label-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-table-featured-row-row-cell-cell-data": {
+    "html": {
+      "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Free Checking\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-mixins\" as table-featured-row-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-header-label-mixins\" as table-featured-row-row-cell-cell-data-header-label-mixins;\n\n.cell-data {\n  @include table-featured-row-row-cell-cell-data-mixins.box;\n  @include table-featured-row-row-cell-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-featured-row-row-cell-cell-data-header-label-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-table-featured-row-row-cell-cell-data-header-label": {
+    "html": {
+      "output": "<div class=\"header-label\">\n  Free Checking\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-mixins\" as table-featured-row-row-cell-mixins;\n\n.cell {\n  @include table-featured-row-row-cell-mixins.box;\n  @include table-featured-row-row-cell-mixins.figma-autolayout;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/table-featured-row-row-cell-cell-data-header-label-mixins\" as table-featured-row-row-cell-cell-data-header-label-mixins;\n\n.header-label {\n  @include table-featured-row-row-cell-cell-data-header-label-mixins.text;\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-footer": {
     "html": {
-      "output": "<div class=\"footer\">\n  <div class=\"text\">\n    Rates effective 11/02/2023.\n  </div>\n  <div class=\"scw-link-base\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      <div class=\"label\">\n        View all rates & disclosures\n      </div>\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"footer\">\n  <div class=\"text\">\n    Rates effective 11/02/2023.\n  </div>\n  <div class=\"scw-link-base\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      <div class=\"label\">\n        View all rates & disclosures\n      </div>\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/footer-mixins\" as footer-mixins;\n@use \"comp-scw-rate-table-mobile/footer-text-mixins\" as footer-text-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n\n.footer {\n  @include footer-mixins.box;\n  @include footer-mixins.figma-autolayout;\n\n  .text {\n    @include footer-text-mixins.text;\n  }\n\n  .scw-link-base {\n    @include footer-scw-link-base-mixins.box;\n    @include footer-scw-link-base-mixins.figma-autolayout;\n\n    .left-icon {\n      @include footer-scw-link-base-left-icon-mixins.box;\n    }\n\n    .label {\n      @include footer-scw-link-base-label-mixins.box;\n      @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n      .label {\n        @include footer-scw-link-base-label-label-mixins.text;\n      }\n    }\n\n    .right-icon {\n      @include footer-scw-link-base-right-icon-mixins.box;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/footer-mixins\" as footer-mixins;\n@use \"comp-scw-rate-table-mobile/footer-text-mixins\" as footer-text-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n\n.footer {\n  @include footer-mixins.box;\n  @include footer-mixins.figma-autolayout;\n\n  .text {\n    @include footer-text-mixins.text;\n  }\n\n  .scw-link-base {\n    @include footer-scw-link-base-mixins.box;\n    @include footer-scw-link-base-mixins.figma-autolayout;\n\n    .left-icon {\n      @include footer-scw-link-base-left-icon-mixins.box;\n\n      .icon {\n        @include footer-scw-link-base-left-icon-icon-mixins.box;\n        @include footer-scw-link-base-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n          @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include footer-scw-link-base-label-mixins.box;\n      @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n      .label {\n        @include footer-scw-link-base-label-label-mixins.text;\n      }\n    }\n\n    .right-icon {\n      @include footer-scw-link-base-right-icon-mixins.box;\n\n      .icon {\n        @include footer-scw-link-base-right-icon-icon-mixins.box;\n        @include footer-scw-link-base-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n          @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -21741,21 +22681,41 @@
   },
   "components-scw-rate-table-mobile-footer-scw-link-base": {
     "html": {
-      "output": "<div class=\"scw-link-base\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    <div class=\"label\">\n      View all rates & disclosures\n    </div>\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "output": "<div class=\"scw-link-base\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    <div class=\"label\">\n      View all rates & disclosures\n    </div>\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n\n.scw-link-base {\n  @include footer-scw-link-base-mixins.box;\n  @include footer-scw-link-base-mixins.figma-autolayout;\n\n  .left-icon {\n    @include footer-scw-link-base-left-icon-mixins.box;\n  }\n\n  .label {\n    @include footer-scw-link-base-label-mixins.box;\n    @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n    .label {\n      @include footer-scw-link-base-label-label-mixins.text;\n    }\n  }\n\n  .right-icon {\n    @include footer-scw-link-base-right-icon-mixins.box;\n  }\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include footer-scw-link-base-mixins.box;\n  @include footer-scw-link-base-mixins.figma-autolayout;\n\n  .left-icon {\n    @include footer-scw-link-base-left-icon-mixins.box;\n\n    .icon {\n      @include footer-scw-link-base-left-icon-icon-mixins.box;\n      @include footer-scw-link-base-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n        @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include footer-scw-link-base-label-mixins.box;\n    @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n    .label {\n      @include footer-scw-link-base-label-label-mixins.text;\n    }\n  }\n\n  .right-icon {\n    @include footer-scw-link-base-right-icon-mixins.box;\n\n    .icon {\n      @include footer-scw-link-base-right-icon-icon-mixins.box;\n      @include footer-scw-link-base-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n        @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-rate-table-mobile-footer-scw-link-base-left-icon": {
     "html": {
-      "output": "<div class=\"left-icon\">\n</div>",
+      "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include footer-scw-link-base-left-icon-mixins.box;\n\n  .icon {\n    @include footer-scw-link-base-left-icon-icon-mixins.box;\n    @include footer-scw-link-base-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n      @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-footer-scw-link-base-left-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n\n.icon {\n  @include footer-scw-link-base-left-icon-icon-mixins.box;\n\n  .vector {\n    @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n    @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-footer-scw-link-base-left-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n\n.left-icon {\n  @include footer-scw-link-base-left-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n\n.vector {\n  @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -21781,11 +22741,31 @@
   },
   "components-scw-rate-table-mobile-footer-scw-link-base-right-icon": {
     "html": {
-      "output": "<div class=\"right-icon\">\n</div>",
+      "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include footer-scw-link-base-right-icon-mixins.box;\n\n  .icon {\n    @include footer-scw-link-base-right-icon-icon-mixins.box;\n    @include footer-scw-link-base-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n      @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-footer-scw-link-base-right-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n\n.icon {\n  @include footer-scw-link-base-right-icon-icon-mixins.box;\n\n  .vector {\n    @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n    @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-footer-scw-link-base-right-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n\n.right-icon {\n  @include footer-scw-link-base-right-icon-mixins.box;\n}",
+      "output": "@use \"comp-scw-rate-table-mobile/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n\n.vector {\n  @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },