scu-web-components 1.3.18 → 1.3.19

package/dist/tokens/source/htmlStubs.json

@@ -15151,21 +15151,21 @@
   },
   "components-scw-select": {
     "html": {
-      "output": "<div class=\"scw-select\">\n  <div class=\"default\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 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>\n  <div class=\"size-small\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 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>\n  <div class=\"state-focus\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 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>\n  <div class=\"state-focus-size-small\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 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>\n  <div class=\"state-disabled\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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=\"state-disabled-size-small\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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=\"state-error\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 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>\n  <div class=\"state-error-size-small\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 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>\n</div>",
+      "output": "<div class=\"scw-select\">\n  <div class=\"default\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 class=\"scw-option\">\n      <div class=\"select\">\n        <div class=\"heading\">\n          <div class=\"icon-left\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"heading\">\n            Heading\n          </div>\n          <div class=\"close\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\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>\n  <div class=\"size-small\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 class=\"scw-option\">\n      <div class=\"select\">\n        <div class=\"heading\">\n          <div class=\"icon-left\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"heading\">\n            Heading\n          </div>\n          <div class=\"close\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\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>\n  <div class=\"state-focus\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 class=\"scw-option\">\n      <div class=\"select\">\n        <div class=\"heading\">\n          <div class=\"icon-left\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"heading\">\n            Heading\n          </div>\n          <div class=\"close\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\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>\n  <div class=\"state-focus-size-small\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 class=\"scw-option\">\n      <div class=\"select\">\n        <div class=\"heading\">\n          <div class=\"icon-left\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"heading\">\n            Heading\n          </div>\n          <div class=\"close\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\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>\n  <div class=\"state-disabled\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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=\"state-disabled-size-small\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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=\"state-error\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 class=\"scw-option\">\n      <div class=\"select\">\n        <div class=\"heading\">\n          <div class=\"icon-left\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"heading\">\n            Heading\n          </div>\n          <div class=\"close\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\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>\n  <div class=\"state-error-size-small\">\n    <div class=\"label\">\n      <div class=\"label\">\n        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=\"input\">\n      <div class=\"select\">\n        <div class=\"select\">\n          Select\n        </div>\n      </div>\n      <div class=\"icon-arrow\">\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 class=\"scw-option\">\n      <div class=\"select\">\n        <div class=\"heading\">\n          <div class=\"icon-left\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"heading\">\n            Heading\n          </div>\n          <div class=\"close\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\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>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/index-mixins\" as index-mixins;\n@use \"comp-scw-select/default-mixins\" as default-mixins;\n@use \"comp-scw-select/default-label-mixins\" as default-label-mixins;\n@use \"comp-scw-select/default-label-label-mixins\" as default-label-label-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-mixins\" as default-label-scw-info-tip-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-mixins\" as default-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-092-mixins\" as default-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-02-mixins\" as default-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/default-input-mixins\" as default-input-mixins;\n@use \"comp-scw-select/default-input-select-mixins\" as default-input-select-mixins;\n@use \"comp-scw-select/default-input-select-select-mixins\" as default-input-select-select-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-mixins\" as default-input-icon-arrow-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-mixins\" as default-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-mixins\" as default-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-vector-mixins\" as default-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/default-feedback-mixins\" as default-feedback-mixins;\n@use \"comp-scw-select/default-feedback-feedback-mixins\" as default-feedback-feedback-mixins;\n@use \"comp-scw-select/default-scw-option-mixins\" as default-scw-option-mixins;\n@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-select/size-small-mixins\" as size-small-mixins;\n@use \"comp-scw-select/size-small-label-mixins\" as size-small-label-mixins;\n@use \"comp-scw-select/size-small-label-label-mixins\" as size-small-label-label-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-mixins\" as size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-mixins\" as size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/size-small-input-mixins\" as size-small-input-mixins;\n@use \"comp-scw-select/size-small-input-select-mixins\" as size-small-input-select-mixins;\n@use \"comp-scw-select/size-small-input-select-select-mixins\" as size-small-input-select-select-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-mixins\" as size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-mixins\" as size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-mixins\" as size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-vector-mixins\" as size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/size-small-feedback-mixins\" as size-small-feedback-mixins;\n@use \"comp-scw-select/size-small-feedback-feedback-mixins\" as size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/size-small-scw-option-mixins\" as size-small-scw-option-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-select/state-focus-mixins\" as state-focus-mixins;\n@use \"comp-scw-select/state-focus-label-mixins\" as state-focus-label-mixins;\n@use \"comp-scw-select/state-focus-label-label-mixins\" as state-focus-label-label-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-mixins\" as state-focus-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-mixins\" as state-focus-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-focus-input-mixins\" as state-focus-input-mixins;\n@use \"comp-scw-select/state-focus-input-select-mixins\" as state-focus-input-select-mixins;\n@use \"comp-scw-select/state-focus-input-select-select-mixins\" as state-focus-input-select-select-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-mixins\" as state-focus-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-mixins\" as state-focus-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-icon-mixins\" as state-focus-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-icon-vector-mixins\" as state-focus-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-feedback-mixins\" as state-focus-feedback-mixins;\n@use \"comp-scw-select/state-focus-feedback-feedback-mixins\" as state-focus-feedback-feedback-mixins;\n@use \"comp-scw-select/state-focus-scw-option-mixins\" as state-focus-scw-option-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-mixins\" as state-focus-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-mixins\" as state-focus-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-mixins\" as state-focus-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-select/state-focus-size-small-mixins\" as state-focus-size-small-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-mixins\" as state-focus-size-small-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-label-mixins\" as state-focus-size-small-label-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-mixins\" as state-focus-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-mixins\" as state-focus-size-small-input-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-select-mixins\" as state-focus-size-small-input-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-select-select-mixins\" as state-focus-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-mixins\" as state-focus-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-mixins\" as state-focus-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-icon-mixins\" as state-focus-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-feedback-mixins\" as state-focus-size-small-feedback-mixins;\n@use \"comp-scw-select/state-focus-size-small-feedback-feedback-mixins\" as state-focus-size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-mixins\" as state-focus-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-mixins\" as state-focus-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-select/state-disabled-mixins\" as state-disabled-mixins;\n@use \"comp-scw-select/state-disabled-label-mixins\" as state-disabled-label-mixins;\n@use \"comp-scw-select/state-disabled-label-label-mixins\" as state-disabled-label-label-mixins;\n@use \"comp-scw-select/state-disabled-label-scw-info-tip-mixins\" as state-disabled-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-disabled-label-scw-info-tip-question-circle-mixins\" as state-disabled-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-disabled-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-disabled-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-disabled-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-disabled-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-disabled-input-mixins\" as state-disabled-input-mixins;\n@use \"comp-scw-select/state-disabled-input-select-mixins\" as state-disabled-input-select-mixins;\n@use \"comp-scw-select/state-disabled-input-select-select-mixins\" as state-disabled-input-select-select-mixins;\n@use \"comp-scw-select/state-disabled-input-icon-arrow-mixins\" as state-disabled-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-disabled-input-icon-arrow-icon-mixins\" as state-disabled-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-disabled-input-icon-arrow-icon-icon-mixins\" as state-disabled-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-disabled-input-icon-arrow-icon-icon-vector-mixins\" as state-disabled-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-disabled-feedback-mixins\" as state-disabled-feedback-mixins;\n@use \"comp-scw-select/state-disabled-feedback-feedback-mixins\" as state-disabled-feedback-feedback-mixins;\n@use \"comp-scw-select/state-disabled-size-small-mixins\" as state-disabled-size-small-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-mixins\" as state-disabled-size-small-label-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-label-mixins\" as state-disabled-size-small-label-label-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-scw-info-tip-mixins\" as state-disabled-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-scw-info-tip-question-circle-mixins\" as state-disabled-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-mixins\" as state-disabled-size-small-input-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-select-mixins\" as state-disabled-size-small-input-select-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-select-select-mixins\" as state-disabled-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-icon-arrow-mixins\" as state-disabled-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-icon-arrow-icon-mixins\" as state-disabled-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-icon-arrow-icon-icon-mixins\" as state-disabled-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-disabled-size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-disabled-size-small-feedback-mixins\" as state-disabled-size-small-feedback-mixins;\n@use \"comp-scw-select/state-disabled-size-small-feedback-feedback-mixins\" as state-disabled-size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/state-error-mixins\" as state-error-mixins;\n@use \"comp-scw-select/state-error-label-mixins\" as state-error-label-mixins;\n@use \"comp-scw-select/state-error-label-label-mixins\" as state-error-label-label-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-mixins\" as state-error-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-mixins\" as state-error-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-error-input-mixins\" as state-error-input-mixins;\n@use \"comp-scw-select/state-error-input-select-mixins\" as state-error-input-select-mixins;\n@use \"comp-scw-select/state-error-input-select-select-mixins\" as state-error-input-select-select-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-mixins\" as state-error-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-mixins\" as state-error-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-icon-mixins\" as state-error-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-icon-vector-mixins\" as state-error-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-error-feedback-mixins\" as state-error-feedback-mixins;\n@use \"comp-scw-select/state-error-feedback-feedback-mixins\" as state-error-feedback-feedback-mixins;\n@use \"comp-scw-select/state-error-scw-option-mixins\" as state-error-scw-option-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-select/state-error-size-small-mixins\" as state-error-size-small-mixins;\n@use \"comp-scw-select/state-error-size-small-label-mixins\" as state-error-size-small-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-label-mixins\" as state-error-size-small-label-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-mixins\" as state-error-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-error-size-small-input-mixins\" as state-error-size-small-input-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-mixins\" as state-error-size-small-input-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-select-mixins\" as state-error-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-mixins\" as state-error-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-feedback-mixins\" as state-error-size-small-feedback-mixins;\n@use \"comp-scw-select/state-error-size-small-feedback-feedback-mixins\" as state-error-size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-mixins\" as state-error-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-mixins\" as state-error-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-mixins\" as state-error-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-select {\n  @include index-mixins.box;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n    @include default-mixins.absolute-layout;\n\n    .label {\n      @include default-label-mixins.box;\n      @include default-label-mixins.figma-autolayout;\n\n      .label {\n        @include default-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include default-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include default-label-scw-info-tip-question-circle-mixins.box;\n          @include default-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include default-input-mixins.box;\n      @include default-input-mixins.figma-autolayout;\n\n      .select {\n        @include default-input-select-mixins.box;\n        @include default-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include default-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include default-input-icon-arrow-mixins.box;\n        @include default-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include default-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include default-input-icon-arrow-icon-icon-mixins.box;\n            @include default-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include default-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include default-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include default-feedback-mixins.box;\n      @include default-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include default-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include default-scw-option-mixins.box;\n      @include default-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include default-scw-option-select-mixins.box;\n        @include default-scw-option-select-mixins.figma-autolayout;\n\n        .scw-option-single {\n          @include default-scw-option-select-scw-option-single-mixins.box;\n          @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include default-scw-option-select-scw-option-single-label-mixins.box;\n            @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .size-small {\n    @include size-small-mixins.box;\n    @include size-small-mixins.figma-autolayout;\n    @include size-small-mixins.absolute-layout;\n\n    .label {\n      @include size-small-label-mixins.box;\n      @include size-small-label-mixins.figma-autolayout;\n\n      .label {\n        @include size-small-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include size-small-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include size-small-label-scw-info-tip-question-circle-mixins.box;\n          @include size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include size-small-input-mixins.box;\n      @include size-small-input-mixins.figma-autolayout;\n\n      .select {\n        @include size-small-input-select-mixins.box;\n        @include size-small-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include size-small-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include size-small-input-icon-arrow-mixins.box;\n        @include size-small-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include size-small-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include size-small-input-icon-arrow-icon-icon-mixins.box;\n            @include size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include size-small-feedback-mixins.box;\n      @include size-small-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include size-small-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include size-small-scw-option-mixins.box;\n      @include size-small-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include size-small-scw-option-select-mixins.box;\n        @include size-small-scw-option-select-mixins.figma-autolayout;\n\n        .scw-option-single {\n          @include size-small-scw-option-select-scw-option-single-mixins.box;\n          @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n            @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .state-focus {\n    @include state-focus-mixins.box;\n    @include state-focus-mixins.figma-autolayout;\n    @include state-focus-mixins.absolute-layout;\n\n    .label {\n      @include state-focus-label-mixins.box;\n      @include state-focus-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-focus-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-focus-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-focus-label-scw-info-tip-question-circle-mixins.box;\n          @include state-focus-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-focus-input-mixins.box;\n      @include state-focus-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-input-select-mixins.box;\n        @include state-focus-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-focus-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-focus-input-icon-arrow-mixins.box;\n        @include state-focus-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-focus-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-focus-input-icon-arrow-icon-icon-mixins.box;\n            @include state-focus-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-focus-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-focus-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-focus-feedback-mixins.box;\n      @include state-focus-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-focus-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include state-focus-scw-option-mixins.box;\n      @include state-focus-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-scw-option-select-mixins.box;\n        @include state-focus-scw-option-select-mixins.figma-autolayout;\n\n        .scw-option-single {\n          @include state-focus-scw-option-select-scw-option-single-mixins.box;\n          @include state-focus-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include state-focus-scw-option-select-scw-option-single-label-mixins.box;\n            @include state-focus-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include state-focus-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .state-focus-size-small {\n    @include state-focus-size-small-mixins.box;\n    @include state-focus-size-small-mixins.figma-autolayout;\n    @include state-focus-size-small-mixins.absolute-layout;\n\n    .label {\n      @include state-focus-size-small-label-mixins.box;\n      @include state-focus-size-small-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-focus-size-small-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-focus-size-small-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-focus-size-small-label-scw-info-tip-question-circle-mixins.box;\n          @include state-focus-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-focus-size-small-input-mixins.box;\n      @include state-focus-size-small-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-size-small-input-select-mixins.box;\n        @include state-focus-size-small-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-focus-size-small-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-focus-size-small-input-icon-arrow-mixins.box;\n        @include state-focus-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-focus-size-small-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-focus-size-small-input-icon-arrow-icon-icon-mixins.box;\n            @include state-focus-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-focus-size-small-feedback-mixins.box;\n      @include state-focus-size-small-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-focus-size-small-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include state-focus-size-small-scw-option-mixins.box;\n      @include state-focus-size-small-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-size-small-scw-option-select-mixins.box;\n        @include state-focus-size-small-scw-option-select-mixins.figma-autolayout;\n\n        .scw-option-single {\n          @include state-focus-size-small-scw-option-select-scw-option-single-mixins.box;\n          @include state-focus-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.box;\n            @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .state-disabled {\n    @include state-disabled-mixins.box;\n    @include state-disabled-mixins.figma-autolayout;\n    @include state-disabled-mixins.absolute-layout;\n\n    .label {\n      @include state-disabled-label-mixins.box;\n      @include state-disabled-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-disabled-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-disabled-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-disabled-label-scw-info-tip-question-circle-mixins.box;\n          @include state-disabled-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-disabled-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-disabled-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-disabled-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-disabled-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-disabled-input-mixins.box;\n      @include state-disabled-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-disabled-input-select-mixins.box;\n        @include state-disabled-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-disabled-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-disabled-input-icon-arrow-mixins.box;\n        @include state-disabled-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-disabled-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-disabled-input-icon-arrow-icon-icon-mixins.box;\n            @include state-disabled-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-disabled-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-disabled-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-disabled-feedback-mixins.box;\n      @include state-disabled-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-disabled-feedback-feedback-mixins.text;\n      }\n    }\n  }\n\n  .state-disabled-size-small {\n    @include state-disabled-size-small-mixins.box;\n    @include state-disabled-size-small-mixins.figma-autolayout;\n    @include state-disabled-size-small-mixins.absolute-layout;\n\n    .label {\n      @include state-disabled-size-small-label-mixins.box;\n      @include state-disabled-size-small-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-disabled-size-small-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-disabled-size-small-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-disabled-size-small-label-scw-info-tip-question-circle-mixins.box;\n          @include state-disabled-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-disabled-size-small-input-mixins.box;\n      @include state-disabled-size-small-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-disabled-size-small-input-select-mixins.box;\n        @include state-disabled-size-small-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-disabled-size-small-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-disabled-size-small-input-icon-arrow-mixins.box;\n        @include state-disabled-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-disabled-size-small-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-disabled-size-small-input-icon-arrow-icon-icon-mixins.box;\n            @include state-disabled-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-disabled-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-disabled-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-disabled-size-small-feedback-mixins.box;\n      @include state-disabled-size-small-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-disabled-size-small-feedback-feedback-mixins.text;\n      }\n    }\n  }\n\n  .state-error {\n    @include state-error-mixins.box;\n    @include state-error-mixins.figma-autolayout;\n    @include state-error-mixins.absolute-layout;\n\n    .label {\n      @include state-error-label-mixins.box;\n      @include state-error-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-error-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-error-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-error-label-scw-info-tip-question-circle-mixins.box;\n          @include state-error-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-error-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-error-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-error-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-error-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-error-input-mixins.box;\n      @include state-error-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-input-select-mixins.box;\n        @include state-error-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-error-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-error-input-icon-arrow-mixins.box;\n        @include state-error-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-error-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-error-input-icon-arrow-icon-icon-mixins.box;\n            @include state-error-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-error-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-error-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-error-feedback-mixins.box;\n      @include state-error-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-error-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include state-error-scw-option-mixins.box;\n      @include state-error-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-scw-option-select-mixins.box;\n        @include state-error-scw-option-select-mixins.figma-autolayout;\n\n        .scw-option-single {\n          @include state-error-scw-option-select-scw-option-single-mixins.box;\n          @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n            @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .state-error-size-small {\n    @include state-error-size-small-mixins.box;\n    @include state-error-size-small-mixins.figma-autolayout;\n    @include state-error-size-small-mixins.absolute-layout;\n\n    .label {\n      @include state-error-size-small-label-mixins.box;\n      @include state-error-size-small-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-error-size-small-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-error-size-small-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-error-size-small-label-scw-info-tip-question-circle-mixins.box;\n          @include state-error-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-error-size-small-input-mixins.box;\n      @include state-error-size-small-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-size-small-input-select-mixins.box;\n        @include state-error-size-small-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-error-size-small-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-error-size-small-input-icon-arrow-mixins.box;\n        @include state-error-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-error-size-small-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n            @include state-error-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-error-size-small-feedback-mixins.box;\n      @include state-error-size-small-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-error-size-small-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include state-error-size-small-scw-option-mixins.box;\n      @include state-error-size-small-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-size-small-scw-option-select-mixins.box;\n        @include state-error-size-small-scw-option-select-mixins.figma-autolayout;\n\n        .scw-option-single {\n          @include state-error-size-small-scw-option-select-scw-option-single-mixins.box;\n          @include state-error-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n            @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/index-mixins\" as index-mixins;\n@use \"comp-scw-select/default-mixins\" as default-mixins;\n@use \"comp-scw-select/default-label-mixins\" as default-label-mixins;\n@use \"comp-scw-select/default-label-label-mixins\" as default-label-label-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-mixins\" as default-label-scw-info-tip-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-mixins\" as default-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-092-mixins\" as default-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-02-mixins\" as default-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/default-input-mixins\" as default-input-mixins;\n@use \"comp-scw-select/default-input-select-mixins\" as default-input-select-mixins;\n@use \"comp-scw-select/default-input-select-select-mixins\" as default-input-select-select-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-mixins\" as default-input-icon-arrow-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-mixins\" as default-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-mixins\" as default-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-vector-mixins\" as default-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/default-feedback-mixins\" as default-feedback-mixins;\n@use \"comp-scw-select/default-feedback-feedback-mixins\" as default-feedback-feedback-mixins;\n@use \"comp-scw-select/default-scw-option-mixins\" as default-scw-option-mixins;\n@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-mixins\" as default-scw-option-select-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-heading-mixins\" as default-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-mixins\" as default-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-select/size-small-mixins\" as size-small-mixins;\n@use \"comp-scw-select/size-small-label-mixins\" as size-small-label-mixins;\n@use \"comp-scw-select/size-small-label-label-mixins\" as size-small-label-label-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-mixins\" as size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-mixins\" as size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/size-small-input-mixins\" as size-small-input-mixins;\n@use \"comp-scw-select/size-small-input-select-mixins\" as size-small-input-select-mixins;\n@use \"comp-scw-select/size-small-input-select-select-mixins\" as size-small-input-select-select-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-mixins\" as size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-mixins\" as size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-mixins\" as size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-vector-mixins\" as size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/size-small-feedback-mixins\" as size-small-feedback-mixins;\n@use \"comp-scw-select/size-small-feedback-feedback-mixins\" as size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/size-small-scw-option-mixins\" as size-small-scw-option-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-mixins\" as size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-select/state-focus-mixins\" as state-focus-mixins;\n@use \"comp-scw-select/state-focus-label-mixins\" as state-focus-label-mixins;\n@use \"comp-scw-select/state-focus-label-label-mixins\" as state-focus-label-label-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-mixins\" as state-focus-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-mixins\" as state-focus-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-focus-input-mixins\" as state-focus-input-mixins;\n@use \"comp-scw-select/state-focus-input-select-mixins\" as state-focus-input-select-mixins;\n@use \"comp-scw-select/state-focus-input-select-select-mixins\" as state-focus-input-select-select-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-mixins\" as state-focus-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-mixins\" as state-focus-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-icon-mixins\" as state-focus-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-icon-vector-mixins\" as state-focus-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-feedback-mixins\" as state-focus-feedback-mixins;\n@use \"comp-scw-select/state-focus-feedback-feedback-mixins\" as state-focus-feedback-feedback-mixins;\n@use \"comp-scw-select/state-focus-scw-option-mixins\" as state-focus-scw-option-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-mixins\" as state-focus-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-mixins\" as state-focus-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-mixins\" as state-focus-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-heading-mixins\" as state-focus-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-mixins\" as state-focus-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-mixins\" as state-focus-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-mixins\" as state-focus-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-mixins\" as state-focus-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-select/state-focus-size-small-mixins\" as state-focus-size-small-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-mixins\" as state-focus-size-small-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-label-mixins\" as state-focus-size-small-label-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-mixins\" as state-focus-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-mixins\" as state-focus-size-small-input-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-select-mixins\" as state-focus-size-small-input-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-select-select-mixins\" as state-focus-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-mixins\" as state-focus-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-mixins\" as state-focus-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-icon-mixins\" as state-focus-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-feedback-mixins\" as state-focus-size-small-feedback-mixins;\n@use \"comp-scw-select/state-focus-size-small-feedback-feedback-mixins\" as state-focus-size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-mixins\" as state-focus-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-mixins\" as state-focus-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-mixins\" as state-focus-size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-heading-mixins\" as state-focus-size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-mixins\" as state-focus-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-select/state-disabled-mixins\" as state-disabled-mixins;\n@use \"comp-scw-select/state-disabled-label-mixins\" as state-disabled-label-mixins;\n@use \"comp-scw-select/state-disabled-label-label-mixins\" as state-disabled-label-label-mixins;\n@use \"comp-scw-select/state-disabled-label-scw-info-tip-mixins\" as state-disabled-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-disabled-label-scw-info-tip-question-circle-mixins\" as state-disabled-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-disabled-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-disabled-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-disabled-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-disabled-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-disabled-input-mixins\" as state-disabled-input-mixins;\n@use \"comp-scw-select/state-disabled-input-select-mixins\" as state-disabled-input-select-mixins;\n@use \"comp-scw-select/state-disabled-input-select-select-mixins\" as state-disabled-input-select-select-mixins;\n@use \"comp-scw-select/state-disabled-input-icon-arrow-mixins\" as state-disabled-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-disabled-input-icon-arrow-icon-mixins\" as state-disabled-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-disabled-input-icon-arrow-icon-icon-mixins\" as state-disabled-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-disabled-input-icon-arrow-icon-icon-vector-mixins\" as state-disabled-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-disabled-feedback-mixins\" as state-disabled-feedback-mixins;\n@use \"comp-scw-select/state-disabled-feedback-feedback-mixins\" as state-disabled-feedback-feedback-mixins;\n@use \"comp-scw-select/state-disabled-size-small-mixins\" as state-disabled-size-small-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-mixins\" as state-disabled-size-small-label-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-label-mixins\" as state-disabled-size-small-label-label-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-scw-info-tip-mixins\" as state-disabled-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-scw-info-tip-question-circle-mixins\" as state-disabled-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-mixins\" as state-disabled-size-small-input-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-select-mixins\" as state-disabled-size-small-input-select-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-select-select-mixins\" as state-disabled-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-icon-arrow-mixins\" as state-disabled-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-icon-arrow-icon-mixins\" as state-disabled-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-icon-arrow-icon-icon-mixins\" as state-disabled-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-disabled-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-disabled-size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-disabled-size-small-feedback-mixins\" as state-disabled-size-small-feedback-mixins;\n@use \"comp-scw-select/state-disabled-size-small-feedback-feedback-mixins\" as state-disabled-size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/state-error-mixins\" as state-error-mixins;\n@use \"comp-scw-select/state-error-label-mixins\" as state-error-label-mixins;\n@use \"comp-scw-select/state-error-label-label-mixins\" as state-error-label-label-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-mixins\" as state-error-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-mixins\" as state-error-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-error-input-mixins\" as state-error-input-mixins;\n@use \"comp-scw-select/state-error-input-select-mixins\" as state-error-input-select-mixins;\n@use \"comp-scw-select/state-error-input-select-select-mixins\" as state-error-input-select-select-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-mixins\" as state-error-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-mixins\" as state-error-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-icon-mixins\" as state-error-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-icon-vector-mixins\" as state-error-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-error-feedback-mixins\" as state-error-feedback-mixins;\n@use \"comp-scw-select/state-error-feedback-feedback-mixins\" as state-error-feedback-feedback-mixins;\n@use \"comp-scw-select/state-error-scw-option-mixins\" as state-error-scw-option-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-mixins\" as state-error-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-mixins\" as state-error-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-heading-mixins\" as state-error-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-mixins\" as state-error-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-select/state-error-size-small-mixins\" as state-error-size-small-mixins;\n@use \"comp-scw-select/state-error-size-small-label-mixins\" as state-error-size-small-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-label-mixins\" as state-error-size-small-label-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-mixins\" as state-error-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-error-size-small-input-mixins\" as state-error-size-small-input-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-mixins\" as state-error-size-small-input-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-select-mixins\" as state-error-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-mixins\" as state-error-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-feedback-mixins\" as state-error-size-small-feedback-mixins;\n@use \"comp-scw-select/state-error-size-small-feedback-feedback-mixins\" as state-error-size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-mixins\" as state-error-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-mixins\" as state-error-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-mixins\" as state-error-size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-heading-mixins\" as state-error-size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-mixins\" as state-error-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-mixins\" as state-error-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-select {\n  @include index-mixins.box;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n    @include default-mixins.absolute-layout;\n\n    .label {\n      @include default-label-mixins.box;\n      @include default-label-mixins.figma-autolayout;\n\n      .label {\n        @include default-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include default-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include default-label-scw-info-tip-question-circle-mixins.box;\n          @include default-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include default-input-mixins.box;\n      @include default-input-mixins.figma-autolayout;\n\n      .select {\n        @include default-input-select-mixins.box;\n        @include default-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include default-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include default-input-icon-arrow-mixins.box;\n        @include default-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include default-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include default-input-icon-arrow-icon-icon-mixins.box;\n            @include default-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include default-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include default-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include default-feedback-mixins.box;\n      @include default-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include default-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include default-scw-option-mixins.box;\n      @include default-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include default-scw-option-select-mixins.box;\n        @include default-scw-option-select-mixins.figma-autolayout;\n\n        .heading {\n          @include default-scw-option-select-heading-mixins.box;\n          @include default-scw-option-select-heading-mixins.figma-autolayout;\n\n          .icon-left {\n            @include default-scw-option-select-heading-icon-left-mixins.box;\n\n            .icon {\n              @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n              @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n              .vector {\n                @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n                @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .heading {\n            @include default-scw-option-select-heading-heading-mixins.text;\n          }\n\n          .close {\n            @include default-scw-option-select-heading-close-mixins.box;\n            @include default-scw-option-select-heading-close-mixins.figma-autolayout;\n\n            .icon {\n              @include default-scw-option-select-heading-close-icon-mixins.box;\n\n              .vector {\n                @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n                @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n\n        .scw-option-single {\n          @include default-scw-option-select-scw-option-single-mixins.box;\n          @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include default-scw-option-select-scw-option-single-label-mixins.box;\n            @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .size-small {\n    @include size-small-mixins.box;\n    @include size-small-mixins.figma-autolayout;\n    @include size-small-mixins.absolute-layout;\n\n    .label {\n      @include size-small-label-mixins.box;\n      @include size-small-label-mixins.figma-autolayout;\n\n      .label {\n        @include size-small-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include size-small-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include size-small-label-scw-info-tip-question-circle-mixins.box;\n          @include size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include size-small-input-mixins.box;\n      @include size-small-input-mixins.figma-autolayout;\n\n      .select {\n        @include size-small-input-select-mixins.box;\n        @include size-small-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include size-small-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include size-small-input-icon-arrow-mixins.box;\n        @include size-small-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include size-small-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include size-small-input-icon-arrow-icon-icon-mixins.box;\n            @include size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include size-small-feedback-mixins.box;\n      @include size-small-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include size-small-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include size-small-scw-option-mixins.box;\n      @include size-small-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include size-small-scw-option-select-mixins.box;\n        @include size-small-scw-option-select-mixins.figma-autolayout;\n\n        .heading {\n          @include size-small-scw-option-select-heading-mixins.box;\n          @include size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n          .icon-left {\n            @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n            .icon {\n              @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n              @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n              .vector {\n                @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n                @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .heading {\n            @include size-small-scw-option-select-heading-heading-mixins.text;\n          }\n\n          .close {\n            @include size-small-scw-option-select-heading-close-mixins.box;\n            @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n            .icon {\n              @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n              .vector {\n                @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n                @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n\n        .scw-option-single {\n          @include size-small-scw-option-select-scw-option-single-mixins.box;\n          @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n            @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .state-focus {\n    @include state-focus-mixins.box;\n    @include state-focus-mixins.figma-autolayout;\n    @include state-focus-mixins.absolute-layout;\n\n    .label {\n      @include state-focus-label-mixins.box;\n      @include state-focus-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-focus-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-focus-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-focus-label-scw-info-tip-question-circle-mixins.box;\n          @include state-focus-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-focus-input-mixins.box;\n      @include state-focus-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-input-select-mixins.box;\n        @include state-focus-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-focus-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-focus-input-icon-arrow-mixins.box;\n        @include state-focus-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-focus-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-focus-input-icon-arrow-icon-icon-mixins.box;\n            @include state-focus-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-focus-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-focus-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-focus-feedback-mixins.box;\n      @include state-focus-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-focus-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include state-focus-scw-option-mixins.box;\n      @include state-focus-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-scw-option-select-mixins.box;\n        @include state-focus-scw-option-select-mixins.figma-autolayout;\n\n        .heading {\n          @include state-focus-scw-option-select-heading-mixins.box;\n          @include state-focus-scw-option-select-heading-mixins.figma-autolayout;\n\n          .icon-left {\n            @include state-focus-scw-option-select-heading-icon-left-mixins.box;\n\n            .icon {\n              @include state-focus-scw-option-select-heading-icon-left-icon-mixins.box;\n              @include state-focus-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n              .vector {\n                @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n                @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .heading {\n            @include state-focus-scw-option-select-heading-heading-mixins.text;\n          }\n\n          .close {\n            @include state-focus-scw-option-select-heading-close-mixins.box;\n            @include state-focus-scw-option-select-heading-close-mixins.figma-autolayout;\n\n            .icon {\n              @include state-focus-scw-option-select-heading-close-icon-mixins.box;\n\n              .vector {\n                @include state-focus-scw-option-select-heading-close-icon-vector-mixins.box;\n                @include state-focus-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n\n        .scw-option-single {\n          @include state-focus-scw-option-select-scw-option-single-mixins.box;\n          @include state-focus-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include state-focus-scw-option-select-scw-option-single-label-mixins.box;\n            @include state-focus-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include state-focus-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .state-focus-size-small {\n    @include state-focus-size-small-mixins.box;\n    @include state-focus-size-small-mixins.figma-autolayout;\n    @include state-focus-size-small-mixins.absolute-layout;\n\n    .label {\n      @include state-focus-size-small-label-mixins.box;\n      @include state-focus-size-small-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-focus-size-small-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-focus-size-small-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-focus-size-small-label-scw-info-tip-question-circle-mixins.box;\n          @include state-focus-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-focus-size-small-input-mixins.box;\n      @include state-focus-size-small-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-size-small-input-select-mixins.box;\n        @include state-focus-size-small-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-focus-size-small-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-focus-size-small-input-icon-arrow-mixins.box;\n        @include state-focus-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-focus-size-small-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-focus-size-small-input-icon-arrow-icon-icon-mixins.box;\n            @include state-focus-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-focus-size-small-feedback-mixins.box;\n      @include state-focus-size-small-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-focus-size-small-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include state-focus-size-small-scw-option-mixins.box;\n      @include state-focus-size-small-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-size-small-scw-option-select-mixins.box;\n        @include state-focus-size-small-scw-option-select-mixins.figma-autolayout;\n\n        .heading {\n          @include state-focus-size-small-scw-option-select-heading-mixins.box;\n          @include state-focus-size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n          .icon-left {\n            @include state-focus-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n            .icon {\n              @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n              @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n              .vector {\n                @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n                @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .heading {\n            @include state-focus-size-small-scw-option-select-heading-heading-mixins.text;\n          }\n\n          .close {\n            @include state-focus-size-small-scw-option-select-heading-close-mixins.box;\n            @include state-focus-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n            .icon {\n              @include state-focus-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n              .vector {\n                @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n                @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n\n        .scw-option-single {\n          @include state-focus-size-small-scw-option-select-scw-option-single-mixins.box;\n          @include state-focus-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.box;\n            @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .state-disabled {\n    @include state-disabled-mixins.box;\n    @include state-disabled-mixins.figma-autolayout;\n    @include state-disabled-mixins.absolute-layout;\n\n    .label {\n      @include state-disabled-label-mixins.box;\n      @include state-disabled-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-disabled-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-disabled-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-disabled-label-scw-info-tip-question-circle-mixins.box;\n          @include state-disabled-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-disabled-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-disabled-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-disabled-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-disabled-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-disabled-input-mixins.box;\n      @include state-disabled-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-disabled-input-select-mixins.box;\n        @include state-disabled-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-disabled-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-disabled-input-icon-arrow-mixins.box;\n        @include state-disabled-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-disabled-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-disabled-input-icon-arrow-icon-icon-mixins.box;\n            @include state-disabled-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-disabled-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-disabled-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-disabled-feedback-mixins.box;\n      @include state-disabled-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-disabled-feedback-feedback-mixins.text;\n      }\n    }\n  }\n\n  .state-disabled-size-small {\n    @include state-disabled-size-small-mixins.box;\n    @include state-disabled-size-small-mixins.figma-autolayout;\n    @include state-disabled-size-small-mixins.absolute-layout;\n\n    .label {\n      @include state-disabled-size-small-label-mixins.box;\n      @include state-disabled-size-small-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-disabled-size-small-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-disabled-size-small-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-disabled-size-small-label-scw-info-tip-question-circle-mixins.box;\n          @include state-disabled-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-disabled-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-disabled-size-small-input-mixins.box;\n      @include state-disabled-size-small-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-disabled-size-small-input-select-mixins.box;\n        @include state-disabled-size-small-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-disabled-size-small-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-disabled-size-small-input-icon-arrow-mixins.box;\n        @include state-disabled-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-disabled-size-small-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-disabled-size-small-input-icon-arrow-icon-icon-mixins.box;\n            @include state-disabled-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-disabled-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-disabled-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-disabled-size-small-feedback-mixins.box;\n      @include state-disabled-size-small-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-disabled-size-small-feedback-feedback-mixins.text;\n      }\n    }\n  }\n\n  .state-error {\n    @include state-error-mixins.box;\n    @include state-error-mixins.figma-autolayout;\n    @include state-error-mixins.absolute-layout;\n\n    .label {\n      @include state-error-label-mixins.box;\n      @include state-error-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-error-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-error-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-error-label-scw-info-tip-question-circle-mixins.box;\n          @include state-error-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-error-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-error-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-error-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-error-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-error-input-mixins.box;\n      @include state-error-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-input-select-mixins.box;\n        @include state-error-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-error-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-error-input-icon-arrow-mixins.box;\n        @include state-error-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-error-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-error-input-icon-arrow-icon-icon-mixins.box;\n            @include state-error-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-error-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-error-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-error-feedback-mixins.box;\n      @include state-error-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-error-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include state-error-scw-option-mixins.box;\n      @include state-error-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-scw-option-select-mixins.box;\n        @include state-error-scw-option-select-mixins.figma-autolayout;\n\n        .heading {\n          @include state-error-scw-option-select-heading-mixins.box;\n          @include state-error-scw-option-select-heading-mixins.figma-autolayout;\n\n          .icon-left {\n            @include state-error-scw-option-select-heading-icon-left-mixins.box;\n\n            .icon {\n              @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n              @include state-error-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n              .vector {\n                @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n                @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .heading {\n            @include state-error-scw-option-select-heading-heading-mixins.text;\n          }\n\n          .close {\n            @include state-error-scw-option-select-heading-close-mixins.box;\n            @include state-error-scw-option-select-heading-close-mixins.figma-autolayout;\n\n            .icon {\n              @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n              .vector {\n                @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n                @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n\n        .scw-option-single {\n          @include state-error-scw-option-select-scw-option-single-mixins.box;\n          @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n            @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .state-error-size-small {\n    @include state-error-size-small-mixins.box;\n    @include state-error-size-small-mixins.figma-autolayout;\n    @include state-error-size-small-mixins.absolute-layout;\n\n    .label {\n      @include state-error-size-small-label-mixins.box;\n      @include state-error-size-small-label-mixins.figma-autolayout;\n\n      .label {\n        @include state-error-size-small-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include state-error-size-small-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include state-error-size-small-label-scw-info-tip-question-circle-mixins.box;\n          @include state-error-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include state-error-size-small-input-mixins.box;\n      @include state-error-size-small-input-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-size-small-input-select-mixins.box;\n        @include state-error-size-small-input-select-mixins.figma-autolayout;\n\n        .select {\n          @include state-error-size-small-input-select-select-mixins.text;\n        }\n      }\n\n      .icon-arrow {\n        @include state-error-size-small-input-icon-arrow-mixins.box;\n        @include state-error-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n        .icon {\n          @include state-error-size-small-input-icon-arrow-icon-mixins.box;\n\n          .icon {\n            @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n            @include state-error-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n              @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include state-error-size-small-feedback-mixins.box;\n      @include state-error-size-small-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include state-error-size-small-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include state-error-size-small-scw-option-mixins.box;\n      @include state-error-size-small-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-size-small-scw-option-select-mixins.box;\n        @include state-error-size-small-scw-option-select-mixins.figma-autolayout;\n\n        .heading {\n          @include state-error-size-small-scw-option-select-heading-mixins.box;\n          @include state-error-size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n          .icon-left {\n            @include state-error-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n            .icon {\n              @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n              @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n              .vector {\n                @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n                @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .heading {\n            @include state-error-size-small-scw-option-select-heading-heading-mixins.text;\n          }\n\n          .close {\n            @include state-error-size-small-scw-option-select-heading-close-mixins.box;\n            @include state-error-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n            .icon {\n              @include state-error-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n              .vector {\n                @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n                @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n\n        .scw-option-single {\n          @include state-error-size-small-scw-option-select-scw-option-single-mixins.box;\n          @include state-error-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n            @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-select-default": {
     "html": {
-      "output": "<div class=\"default\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 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>",
+      "output": "<div class=\"default\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 class=\"scw-option\">\n    <div class=\"select\">\n      <div class=\"heading\">\n        <div class=\"icon-left\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"heading\">\n          Heading\n        </div>\n        <div class=\"close\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\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>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/default-mixins\" as default-mixins;\n@use \"comp-scw-select/default-label-mixins\" as default-label-mixins;\n@use \"comp-scw-select/default-label-label-mixins\" as default-label-label-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-mixins\" as default-label-scw-info-tip-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-mixins\" as default-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-092-mixins\" as default-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-02-mixins\" as default-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/default-input-mixins\" as default-input-mixins;\n@use \"comp-scw-select/default-input-select-mixins\" as default-input-select-mixins;\n@use \"comp-scw-select/default-input-select-select-mixins\" as default-input-select-select-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-mixins\" as default-input-icon-arrow-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-mixins\" as default-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-mixins\" as default-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-vector-mixins\" as default-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/default-feedback-mixins\" as default-feedback-mixins;\n@use \"comp-scw-select/default-feedback-feedback-mixins\" as default-feedback-feedback-mixins;\n@use \"comp-scw-select/default-scw-option-mixins\" as default-scw-option-mixins;\n@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .label {\n    @include default-label-mixins.box;\n    @include default-label-mixins.figma-autolayout;\n\n    .label {\n      @include default-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include default-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include default-label-scw-info-tip-question-circle-mixins.box;\n        @include default-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include default-input-mixins.box;\n    @include default-input-mixins.figma-autolayout;\n\n    .select {\n      @include default-input-select-mixins.box;\n      @include default-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include default-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include default-input-icon-arrow-mixins.box;\n      @include default-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include default-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include default-input-icon-arrow-icon-icon-mixins.box;\n          @include default-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include default-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include default-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include default-feedback-mixins.box;\n    @include default-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include default-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include default-scw-option-mixins.box;\n    @include default-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include default-scw-option-select-mixins.box;\n      @include default-scw-option-select-mixins.figma-autolayout;\n\n      .scw-option-single {\n        @include default-scw-option-select-scw-option-single-mixins.box;\n        @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include default-scw-option-select-scw-option-single-label-mixins.box;\n          @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/default-mixins\" as default-mixins;\n@use \"comp-scw-select/default-label-mixins\" as default-label-mixins;\n@use \"comp-scw-select/default-label-label-mixins\" as default-label-label-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-mixins\" as default-label-scw-info-tip-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-mixins\" as default-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-092-mixins\" as default-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-02-mixins\" as default-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/default-input-mixins\" as default-input-mixins;\n@use \"comp-scw-select/default-input-select-mixins\" as default-input-select-mixins;\n@use \"comp-scw-select/default-input-select-select-mixins\" as default-input-select-select-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-mixins\" as default-input-icon-arrow-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-mixins\" as default-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-mixins\" as default-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-vector-mixins\" as default-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/default-feedback-mixins\" as default-feedback-mixins;\n@use \"comp-scw-select/default-feedback-feedback-mixins\" as default-feedback-feedback-mixins;\n@use \"comp-scw-select/default-scw-option-mixins\" as default-scw-option-mixins;\n@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-mixins\" as default-scw-option-select-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-heading-mixins\" as default-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-mixins\" as default-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .label {\n    @include default-label-mixins.box;\n    @include default-label-mixins.figma-autolayout;\n\n    .label {\n      @include default-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include default-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include default-label-scw-info-tip-question-circle-mixins.box;\n        @include default-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include default-input-mixins.box;\n    @include default-input-mixins.figma-autolayout;\n\n    .select {\n      @include default-input-select-mixins.box;\n      @include default-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include default-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include default-input-icon-arrow-mixins.box;\n      @include default-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include default-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include default-input-icon-arrow-icon-icon-mixins.box;\n          @include default-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include default-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include default-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include default-feedback-mixins.box;\n    @include default-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include default-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include default-scw-option-mixins.box;\n    @include default-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include default-scw-option-select-mixins.box;\n      @include default-scw-option-select-mixins.figma-autolayout;\n\n      .heading {\n        @include default-scw-option-select-heading-mixins.box;\n        @include default-scw-option-select-heading-mixins.figma-autolayout;\n\n        .icon-left {\n          @include default-scw-option-select-heading-icon-left-mixins.box;\n\n          .icon {\n            @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n            @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n            .vector {\n              @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n              @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .heading {\n          @include default-scw-option-select-heading-heading-mixins.text;\n        }\n\n        .close {\n          @include default-scw-option-select-heading-close-mixins.box;\n          @include default-scw-option-select-heading-close-mixins.figma-autolayout;\n\n          .icon {\n            @include default-scw-option-select-heading-close-icon-mixins.box;\n\n            .vector {\n              @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n              @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .scw-option-single {\n        @include default-scw-option-select-scw-option-single-mixins.box;\n        @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include default-scw-option-select-scw-option-single-label-mixins.box;\n          @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -15321,21 +15321,101 @@
   },
   "components-scw-select-default-scw-option": {
     "html": {
-      "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>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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-select/default-scw-option-mixins\" as default-scw-option-mixins;\n@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include default-scw-option-mixins.box;\n  @include default-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include default-scw-option-select-mixins.box;\n    @include default-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include default-scw-option-select-scw-option-single-mixins.box;\n      @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include default-scw-option-select-scw-option-single-label-mixins.box;\n        @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/default-scw-option-mixins\" as default-scw-option-mixins;\n@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-mixins\" as default-scw-option-select-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-heading-mixins\" as default-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-mixins\" as default-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include default-scw-option-mixins.box;\n  @include default-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include default-scw-option-select-mixins.box;\n    @include default-scw-option-select-mixins.figma-autolayout;\n\n    .heading {\n      @include default-scw-option-select-heading-mixins.box;\n      @include default-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include default-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include default-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include default-scw-option-select-heading-close-mixins.box;\n        @include default-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include default-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .scw-option-single {\n      @include default-scw-option-select-scw-option-single-mixins.box;\n      @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include default-scw-option-select-scw-option-single-label-mixins.box;\n        @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-select-default-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>",
+      "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\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-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include default-scw-option-select-mixins.box;\n  @include default-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include default-scw-option-select-scw-option-single-mixins.box;\n    @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include default-scw-option-select-scw-option-single-label-mixins.box;\n      @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-mixins\" as default-scw-option-select-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-heading-mixins\" as default-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-mixins\" as default-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include default-scw-option-select-mixins.box;\n  @include default-scw-option-select-mixins.figma-autolayout;\n\n  .heading {\n    @include default-scw-option-select-heading-mixins.box;\n    @include default-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include default-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include default-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include default-scw-option-select-heading-close-mixins.box;\n      @include default-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include default-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .scw-option-single {\n    @include default-scw-option-select-scw-option-single-mixins.box;\n    @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include default-scw-option-select-scw-option-single-label-mixins.box;\n      @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-default-scw-option-select-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/default-scw-option-select-heading-mixins\" as default-scw-option-select-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-heading-mixins\" as default-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-mixins\" as default-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include default-scw-option-select-heading-mixins.box;\n  @include default-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include default-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include default-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include default-scw-option-select-heading-close-mixins.box;\n    @include default-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include default-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-default-scw-option-select-heading-icon-left": {
+    "html": {
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include default-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-default-scw-option-select-heading-icon-left-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-default-scw-option-select-heading-icon-left-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-default-scw-option-select-heading-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  Heading\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/default-scw-option-select-heading-heading-mixins\" as default-scw-option-select-heading-heading-mixins;\n\n.heading {\n  @include default-scw-option-select-heading-heading-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-default-scw-option-select-heading-close": {
+    "html": {
+      "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/default-scw-option-select-heading-close-mixins\" as default-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n\n.close {\n  @include default-scw-option-select-heading-close-mixins.box;\n  @include default-scw-option-select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include default-scw-option-select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n      @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-default-scw-option-select-heading-close-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include default-scw-option-select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n    @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-default-scw-option-select-heading-close-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -15371,11 +15451,11 @@
   },
   "components-scw-select-size-small": {
     "html": {
-      "output": "<div class=\"size-small\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 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>",
+      "output": "<div class=\"size-small\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 class=\"scw-option\">\n    <div class=\"select\">\n      <div class=\"heading\">\n        <div class=\"icon-left\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"heading\">\n          Heading\n        </div>\n        <div class=\"close\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\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>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/size-small-mixins\" as size-small-mixins;\n@use \"comp-scw-select/size-small-label-mixins\" as size-small-label-mixins;\n@use \"comp-scw-select/size-small-label-label-mixins\" as size-small-label-label-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-mixins\" as size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-mixins\" as size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/size-small-input-mixins\" as size-small-input-mixins;\n@use \"comp-scw-select/size-small-input-select-mixins\" as size-small-input-select-mixins;\n@use \"comp-scw-select/size-small-input-select-select-mixins\" as size-small-input-select-select-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-mixins\" as size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-mixins\" as size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-mixins\" as size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-vector-mixins\" as size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/size-small-feedback-mixins\" as size-small-feedback-mixins;\n@use \"comp-scw-select/size-small-feedback-feedback-mixins\" as size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/size-small-scw-option-mixins\" as size-small-scw-option-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.size-small {\n  @include size-small-mixins.box;\n  @include size-small-mixins.figma-autolayout;\n\n  .label {\n    @include size-small-label-mixins.box;\n    @include size-small-label-mixins.figma-autolayout;\n\n    .label {\n      @include size-small-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include size-small-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include size-small-label-scw-info-tip-question-circle-mixins.box;\n        @include size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include size-small-input-mixins.box;\n    @include size-small-input-mixins.figma-autolayout;\n\n    .select {\n      @include size-small-input-select-mixins.box;\n      @include size-small-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include size-small-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include size-small-input-icon-arrow-mixins.box;\n      @include size-small-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include size-small-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include size-small-input-icon-arrow-icon-icon-mixins.box;\n          @include size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include size-small-feedback-mixins.box;\n    @include size-small-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include size-small-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include size-small-scw-option-mixins.box;\n    @include size-small-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include size-small-scw-option-select-mixins.box;\n      @include size-small-scw-option-select-mixins.figma-autolayout;\n\n      .scw-option-single {\n        @include size-small-scw-option-select-scw-option-single-mixins.box;\n        @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n          @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/size-small-mixins\" as size-small-mixins;\n@use \"comp-scw-select/size-small-label-mixins\" as size-small-label-mixins;\n@use \"comp-scw-select/size-small-label-label-mixins\" as size-small-label-label-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-mixins\" as size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-mixins\" as size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/size-small-input-mixins\" as size-small-input-mixins;\n@use \"comp-scw-select/size-small-input-select-mixins\" as size-small-input-select-mixins;\n@use \"comp-scw-select/size-small-input-select-select-mixins\" as size-small-input-select-select-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-mixins\" as size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-mixins\" as size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-mixins\" as size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-vector-mixins\" as size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/size-small-feedback-mixins\" as size-small-feedback-mixins;\n@use \"comp-scw-select/size-small-feedback-feedback-mixins\" as size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/size-small-scw-option-mixins\" as size-small-scw-option-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-mixins\" as size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.size-small {\n  @include size-small-mixins.box;\n  @include size-small-mixins.figma-autolayout;\n\n  .label {\n    @include size-small-label-mixins.box;\n    @include size-small-label-mixins.figma-autolayout;\n\n    .label {\n      @include size-small-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include size-small-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include size-small-label-scw-info-tip-question-circle-mixins.box;\n        @include size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include size-small-input-mixins.box;\n    @include size-small-input-mixins.figma-autolayout;\n\n    .select {\n      @include size-small-input-select-mixins.box;\n      @include size-small-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include size-small-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include size-small-input-icon-arrow-mixins.box;\n      @include size-small-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include size-small-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include size-small-input-icon-arrow-icon-icon-mixins.box;\n          @include size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include size-small-feedback-mixins.box;\n    @include size-small-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include size-small-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include size-small-scw-option-mixins.box;\n    @include size-small-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include size-small-scw-option-select-mixins.box;\n      @include size-small-scw-option-select-mixins.figma-autolayout;\n\n      .heading {\n        @include size-small-scw-option-select-heading-mixins.box;\n        @include size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n        .icon-left {\n          @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n          .icon {\n            @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n            @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n            .vector {\n              @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n              @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .heading {\n          @include size-small-scw-option-select-heading-heading-mixins.text;\n        }\n\n        .close {\n          @include size-small-scw-option-select-heading-close-mixins.box;\n          @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n          .icon {\n            @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n            .vector {\n              @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n              @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .scw-option-single {\n        @include size-small-scw-option-select-scw-option-single-mixins.box;\n        @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n          @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -15531,21 +15611,101 @@
   },
   "components-scw-select-size-small-scw-option": {
     "html": {
-      "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>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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-select/size-small-scw-option-mixins\" as size-small-scw-option-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include size-small-scw-option-mixins.box;\n  @include size-small-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include size-small-scw-option-select-mixins.box;\n    @include size-small-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include size-small-scw-option-select-scw-option-single-mixins.box;\n      @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n        @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/size-small-scw-option-mixins\" as size-small-scw-option-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-mixins\" as size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include size-small-scw-option-mixins.box;\n  @include size-small-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include size-small-scw-option-select-mixins.box;\n    @include size-small-scw-option-select-mixins.figma-autolayout;\n\n    .heading {\n      @include size-small-scw-option-select-heading-mixins.box;\n      @include size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include size-small-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include size-small-scw-option-select-heading-close-mixins.box;\n        @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .scw-option-single {\n      @include size-small-scw-option-select-scw-option-single-mixins.box;\n      @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n        @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-select-size-small-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>",
+      "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\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-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include size-small-scw-option-select-mixins.box;\n  @include size-small-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include size-small-scw-option-select-scw-option-single-mixins.box;\n    @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n      @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-mixins\" as size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include size-small-scw-option-select-mixins.box;\n  @include size-small-scw-option-select-mixins.figma-autolayout;\n\n  .heading {\n    @include size-small-scw-option-select-heading-mixins.box;\n    @include size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include size-small-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include size-small-scw-option-select-heading-close-mixins.box;\n      @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .scw-option-single {\n    @include size-small-scw-option-select-scw-option-single-mixins.box;\n    @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n      @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-size-small-scw-option-select-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-mixins\" as size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include size-small-scw-option-select-heading-mixins.box;\n  @include size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include size-small-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include size-small-scw-option-select-heading-close-mixins.box;\n    @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-size-small-scw-option-select-heading-icon-left": {
+    "html": {
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-size-small-scw-option-select-heading-icon-left-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-size-small-scw-option-select-heading-icon-left-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-size-small-scw-option-select-heading-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  Heading\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n\n.heading {\n  @include size-small-scw-option-select-heading-heading-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-size-small-scw-option-select-heading-close": {
+    "html": {
+      "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.close {\n  @include size-small-scw-option-select-heading-close-mixins.box;\n  @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n      @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-size-small-scw-option-select-heading-close-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n    @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-size-small-scw-option-select-heading-close-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -15581,11 +15741,11 @@
   },
   "components-scw-select-state-focus": {
     "html": {
-      "output": "<div class=\"state-focus\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 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>",
+      "output": "<div class=\"state-focus\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 class=\"scw-option\">\n    <div class=\"select\">\n      <div class=\"heading\">\n        <div class=\"icon-left\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"heading\">\n          Heading\n        </div>\n        <div class=\"close\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\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>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-focus-mixins\" as state-focus-mixins;\n@use \"comp-scw-select/state-focus-label-mixins\" as state-focus-label-mixins;\n@use \"comp-scw-select/state-focus-label-label-mixins\" as state-focus-label-label-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-mixins\" as state-focus-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-mixins\" as state-focus-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-focus-input-mixins\" as state-focus-input-mixins;\n@use \"comp-scw-select/state-focus-input-select-mixins\" as state-focus-input-select-mixins;\n@use \"comp-scw-select/state-focus-input-select-select-mixins\" as state-focus-input-select-select-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-mixins\" as state-focus-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-mixins\" as state-focus-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-icon-mixins\" as state-focus-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-icon-vector-mixins\" as state-focus-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-feedback-mixins\" as state-focus-feedback-mixins;\n@use \"comp-scw-select/state-focus-feedback-feedback-mixins\" as state-focus-feedback-feedback-mixins;\n@use \"comp-scw-select/state-focus-scw-option-mixins\" as state-focus-scw-option-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-mixins\" as state-focus-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-mixins\" as state-focus-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-mixins\" as state-focus-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-scw-option-select-scw-option-single-label-text-mixins;\n\n.state-focus {\n  @include state-focus-mixins.box;\n  @include state-focus-mixins.figma-autolayout;\n\n  .label {\n    @include state-focus-label-mixins.box;\n    @include state-focus-label-mixins.figma-autolayout;\n\n    .label {\n      @include state-focus-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include state-focus-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include state-focus-label-scw-info-tip-question-circle-mixins.box;\n        @include state-focus-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include state-focus-input-mixins.box;\n    @include state-focus-input-mixins.figma-autolayout;\n\n    .select {\n      @include state-focus-input-select-mixins.box;\n      @include state-focus-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include state-focus-input-icon-arrow-mixins.box;\n      @include state-focus-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include state-focus-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include state-focus-input-icon-arrow-icon-icon-mixins.box;\n          @include state-focus-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-focus-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include state-focus-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include state-focus-feedback-mixins.box;\n    @include state-focus-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include state-focus-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include state-focus-scw-option-mixins.box;\n    @include state-focus-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include state-focus-scw-option-select-mixins.box;\n      @include state-focus-scw-option-select-mixins.figma-autolayout;\n\n      .scw-option-single {\n        @include state-focus-scw-option-select-scw-option-single-mixins.box;\n        @include state-focus-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include state-focus-scw-option-select-scw-option-single-label-mixins.box;\n          @include state-focus-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include state-focus-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-focus-mixins\" as state-focus-mixins;\n@use \"comp-scw-select/state-focus-label-mixins\" as state-focus-label-mixins;\n@use \"comp-scw-select/state-focus-label-label-mixins\" as state-focus-label-label-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-mixins\" as state-focus-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-mixins\" as state-focus-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-focus-input-mixins\" as state-focus-input-mixins;\n@use \"comp-scw-select/state-focus-input-select-mixins\" as state-focus-input-select-mixins;\n@use \"comp-scw-select/state-focus-input-select-select-mixins\" as state-focus-input-select-select-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-mixins\" as state-focus-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-mixins\" as state-focus-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-icon-mixins\" as state-focus-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-focus-input-icon-arrow-icon-icon-vector-mixins\" as state-focus-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-feedback-mixins\" as state-focus-feedback-mixins;\n@use \"comp-scw-select/state-focus-feedback-feedback-mixins\" as state-focus-feedback-feedback-mixins;\n@use \"comp-scw-select/state-focus-scw-option-mixins\" as state-focus-scw-option-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-mixins\" as state-focus-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-mixins\" as state-focus-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-mixins\" as state-focus-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-heading-mixins\" as state-focus-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-mixins\" as state-focus-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-mixins\" as state-focus-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-mixins\" as state-focus-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-mixins\" as state-focus-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-scw-option-select-scw-option-single-label-text-mixins;\n\n.state-focus {\n  @include state-focus-mixins.box;\n  @include state-focus-mixins.figma-autolayout;\n\n  .label {\n    @include state-focus-label-mixins.box;\n    @include state-focus-label-mixins.figma-autolayout;\n\n    .label {\n      @include state-focus-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include state-focus-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include state-focus-label-scw-info-tip-question-circle-mixins.box;\n        @include state-focus-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include state-focus-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include state-focus-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include state-focus-input-mixins.box;\n    @include state-focus-input-mixins.figma-autolayout;\n\n    .select {\n      @include state-focus-input-select-mixins.box;\n      @include state-focus-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include state-focus-input-icon-arrow-mixins.box;\n      @include state-focus-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include state-focus-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include state-focus-input-icon-arrow-icon-icon-mixins.box;\n          @include state-focus-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-focus-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include state-focus-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include state-focus-feedback-mixins.box;\n    @include state-focus-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include state-focus-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include state-focus-scw-option-mixins.box;\n    @include state-focus-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include state-focus-scw-option-select-mixins.box;\n      @include state-focus-scw-option-select-mixins.figma-autolayout;\n\n      .heading {\n        @include state-focus-scw-option-select-heading-mixins.box;\n        @include state-focus-scw-option-select-heading-mixins.figma-autolayout;\n\n        .icon-left {\n          @include state-focus-scw-option-select-heading-icon-left-mixins.box;\n\n          .icon {\n            @include state-focus-scw-option-select-heading-icon-left-icon-mixins.box;\n            @include state-focus-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n              @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .heading {\n          @include state-focus-scw-option-select-heading-heading-mixins.text;\n        }\n\n        .close {\n          @include state-focus-scw-option-select-heading-close-mixins.box;\n          @include state-focus-scw-option-select-heading-close-mixins.figma-autolayout;\n\n          .icon {\n            @include state-focus-scw-option-select-heading-close-icon-mixins.box;\n\n            .vector {\n              @include state-focus-scw-option-select-heading-close-icon-vector-mixins.box;\n              @include state-focus-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .scw-option-single {\n        @include state-focus-scw-option-select-scw-option-single-mixins.box;\n        @include state-focus-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include state-focus-scw-option-select-scw-option-single-label-mixins.box;\n          @include state-focus-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include state-focus-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -15741,21 +15901,101 @@
   },
   "components-scw-select-state-focus-scw-option": {
     "html": {
-      "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>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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-select/state-focus-scw-option-mixins\" as state-focus-scw-option-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-mixins\" as state-focus-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-mixins\" as state-focus-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-mixins\" as state-focus-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include state-focus-scw-option-mixins.box;\n  @include state-focus-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include state-focus-scw-option-select-mixins.box;\n    @include state-focus-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include state-focus-scw-option-select-scw-option-single-mixins.box;\n      @include state-focus-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include state-focus-scw-option-select-scw-option-single-label-mixins.box;\n        @include state-focus-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include state-focus-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-focus-scw-option-mixins\" as state-focus-scw-option-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-mixins\" as state-focus-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-mixins\" as state-focus-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-mixins\" as state-focus-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-heading-mixins\" as state-focus-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-mixins\" as state-focus-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-mixins\" as state-focus-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-mixins\" as state-focus-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-mixins\" as state-focus-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include state-focus-scw-option-mixins.box;\n  @include state-focus-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include state-focus-scw-option-select-mixins.box;\n    @include state-focus-scw-option-select-mixins.figma-autolayout;\n\n    .heading {\n      @include state-focus-scw-option-select-heading-mixins.box;\n      @include state-focus-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include state-focus-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include state-focus-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include state-focus-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include state-focus-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include state-focus-scw-option-select-heading-close-mixins.box;\n        @include state-focus-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include state-focus-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include state-focus-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include state-focus-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .scw-option-single {\n      @include state-focus-scw-option-select-scw-option-single-mixins.box;\n      @include state-focus-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include state-focus-scw-option-select-scw-option-single-label-mixins.box;\n        @include state-focus-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include state-focus-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-select-state-focus-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>",
+      "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\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-select/state-focus-scw-option-select-mixins\" as state-focus-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-mixins\" as state-focus-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-mixins\" as state-focus-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-heading-mixins\" as state-focus-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-mixins\" as state-focus-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-mixins\" as state-focus-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-mixins\" as state-focus-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-mixins\" as state-focus-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include state-focus-scw-option-select-mixins.box;\n  @include state-focus-scw-option-select-mixins.figma-autolayout;\n\n  .heading {\n    @include state-focus-scw-option-select-heading-mixins.box;\n    @include state-focus-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include state-focus-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include state-focus-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include state-focus-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include state-focus-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include state-focus-scw-option-select-heading-close-mixins.box;\n      @include state-focus-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include state-focus-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include state-focus-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include state-focus-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .scw-option-single {\n    @include state-focus-scw-option-select-scw-option-single-mixins.box;\n    @include state-focus-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include state-focus-scw-option-select-scw-option-single-label-mixins.box;\n      @include state-focus-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include state-focus-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-scw-option-select-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-scw-option-select-heading-mixins\" as state-focus-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-mixins\" as state-focus-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-heading-mixins\" as state-focus-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-mixins\" as state-focus-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-mixins\" as state-focus-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include state-focus-scw-option-select-heading-mixins.box;\n  @include state-focus-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include state-focus-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include state-focus-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include state-focus-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include state-focus-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include state-focus-scw-option-select-heading-close-mixins.box;\n    @include state-focus-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include state-focus-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include state-focus-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include state-focus-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-scw-option-select-heading-icon-left": {
+    "html": {
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-mixins\" as state-focus-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include state-focus-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include state-focus-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include state-focus-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-scw-option-select-heading-icon-left-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include state-focus-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-scw-option-select-heading-icon-left-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include state-focus-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-scw-option-select-heading-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  Heading\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-scw-option-select-heading-heading-mixins\" as state-focus-scw-option-select-heading-heading-mixins;\n\n.heading {\n  @include state-focus-scw-option-select-heading-heading-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-scw-option-select-heading-close": {
+    "html": {
+      "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-scw-option-select-heading-close-mixins\" as state-focus-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-mixins\" as state-focus-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-scw-option-select-heading-close-icon-vector-mixins;\n\n.close {\n  @include state-focus-scw-option-select-heading-close-mixins.box;\n  @include state-focus-scw-option-select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include state-focus-scw-option-select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include state-focus-scw-option-select-heading-close-icon-vector-mixins.box;\n      @include state-focus-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-scw-option-select-heading-close-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-mixins\" as state-focus-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-scw-option-select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include state-focus-scw-option-select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include state-focus-scw-option-select-heading-close-icon-vector-mixins.box;\n    @include state-focus-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-scw-option-select-heading-close-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-focus-scw-option-select-mixins\" as state-focus-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-mixins\" as state-focus-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-mixins\" as state-focus-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include state-focus-scw-option-select-mixins.box;\n  @include state-focus-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include state-focus-scw-option-select-scw-option-single-mixins.box;\n    @include state-focus-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include state-focus-scw-option-select-scw-option-single-label-mixins.box;\n      @include state-focus-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include state-focus-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-focus-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-scw-option-select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include state-focus-scw-option-select-heading-close-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -15791,11 +16031,11 @@
   },
   "components-scw-select-state-focus-size-small": {
     "html": {
-      "output": "<div class=\"state-focus-size-small\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 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>",
+      "output": "<div class=\"state-focus-size-small\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 class=\"scw-option\">\n    <div class=\"select\">\n      <div class=\"heading\">\n        <div class=\"icon-left\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"heading\">\n          Heading\n        </div>\n        <div class=\"close\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\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>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-focus-size-small-mixins\" as state-focus-size-small-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-mixins\" as state-focus-size-small-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-label-mixins\" as state-focus-size-small-label-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-mixins\" as state-focus-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-mixins\" as state-focus-size-small-input-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-select-mixins\" as state-focus-size-small-input-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-select-select-mixins\" as state-focus-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-mixins\" as state-focus-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-mixins\" as state-focus-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-icon-mixins\" as state-focus-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-feedback-mixins\" as state-focus-size-small-feedback-mixins;\n@use \"comp-scw-select/state-focus-size-small-feedback-feedback-mixins\" as state-focus-size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-mixins\" as state-focus-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-mixins\" as state-focus-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.state-focus-size-small {\n  @include state-focus-size-small-mixins.box;\n  @include state-focus-size-small-mixins.figma-autolayout;\n\n  .label {\n    @include state-focus-size-small-label-mixins.box;\n    @include state-focus-size-small-label-mixins.figma-autolayout;\n\n    .label {\n      @include state-focus-size-small-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include state-focus-size-small-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include state-focus-size-small-label-scw-info-tip-question-circle-mixins.box;\n        @include state-focus-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include state-focus-size-small-input-mixins.box;\n    @include state-focus-size-small-input-mixins.figma-autolayout;\n\n    .select {\n      @include state-focus-size-small-input-select-mixins.box;\n      @include state-focus-size-small-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-size-small-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include state-focus-size-small-input-icon-arrow-mixins.box;\n      @include state-focus-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include state-focus-size-small-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include state-focus-size-small-input-icon-arrow-icon-icon-mixins.box;\n          @include state-focus-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include state-focus-size-small-feedback-mixins.box;\n    @include state-focus-size-small-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include state-focus-size-small-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include state-focus-size-small-scw-option-mixins.box;\n    @include state-focus-size-small-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include state-focus-size-small-scw-option-select-mixins.box;\n      @include state-focus-size-small-scw-option-select-mixins.figma-autolayout;\n\n      .scw-option-single {\n        @include state-focus-size-small-scw-option-select-scw-option-single-mixins.box;\n        @include state-focus-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.box;\n          @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-focus-size-small-mixins\" as state-focus-size-small-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-mixins\" as state-focus-size-small-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-label-mixins\" as state-focus-size-small-label-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-mixins\" as state-focus-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-mixins\" as state-focus-size-small-input-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-select-mixins\" as state-focus-size-small-input-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-select-select-mixins\" as state-focus-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-mixins\" as state-focus-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-mixins\" as state-focus-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-icon-mixins\" as state-focus-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-feedback-mixins\" as state-focus-size-small-feedback-mixins;\n@use \"comp-scw-select/state-focus-size-small-feedback-feedback-mixins\" as state-focus-size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-mixins\" as state-focus-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-mixins\" as state-focus-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-mixins\" as state-focus-size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-heading-mixins\" as state-focus-size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-mixins\" as state-focus-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.state-focus-size-small {\n  @include state-focus-size-small-mixins.box;\n  @include state-focus-size-small-mixins.figma-autolayout;\n\n  .label {\n    @include state-focus-size-small-label-mixins.box;\n    @include state-focus-size-small-label-mixins.figma-autolayout;\n\n    .label {\n      @include state-focus-size-small-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include state-focus-size-small-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include state-focus-size-small-label-scw-info-tip-question-circle-mixins.box;\n        @include state-focus-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include state-focus-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include state-focus-size-small-input-mixins.box;\n    @include state-focus-size-small-input-mixins.figma-autolayout;\n\n    .select {\n      @include state-focus-size-small-input-select-mixins.box;\n      @include state-focus-size-small-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include state-focus-size-small-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include state-focus-size-small-input-icon-arrow-mixins.box;\n      @include state-focus-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include state-focus-size-small-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include state-focus-size-small-input-icon-arrow-icon-icon-mixins.box;\n          @include state-focus-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include state-focus-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include state-focus-size-small-feedback-mixins.box;\n    @include state-focus-size-small-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include state-focus-size-small-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include state-focus-size-small-scw-option-mixins.box;\n    @include state-focus-size-small-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include state-focus-size-small-scw-option-select-mixins.box;\n      @include state-focus-size-small-scw-option-select-mixins.figma-autolayout;\n\n      .heading {\n        @include state-focus-size-small-scw-option-select-heading-mixins.box;\n        @include state-focus-size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n        .icon-left {\n          @include state-focus-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n          .icon {\n            @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n            @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n              @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .heading {\n          @include state-focus-size-small-scw-option-select-heading-heading-mixins.text;\n        }\n\n        .close {\n          @include state-focus-size-small-scw-option-select-heading-close-mixins.box;\n          @include state-focus-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n          .icon {\n            @include state-focus-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n            .vector {\n              @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n              @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .scw-option-single {\n        @include state-focus-size-small-scw-option-select-scw-option-single-mixins.box;\n        @include state-focus-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.box;\n          @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -15951,21 +16191,101 @@
   },
   "components-scw-select-state-focus-size-small-scw-option": {
     "html": {
-      "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>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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-select/state-focus-size-small-scw-option-mixins\" as state-focus-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-mixins\" as state-focus-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include state-focus-size-small-scw-option-mixins.box;\n  @include state-focus-size-small-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include state-focus-size-small-scw-option-select-mixins.box;\n    @include state-focus-size-small-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include state-focus-size-small-scw-option-select-scw-option-single-mixins.box;\n      @include state-focus-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.box;\n        @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-focus-size-small-scw-option-mixins\" as state-focus-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-mixins\" as state-focus-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-mixins\" as state-focus-size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-heading-mixins\" as state-focus-size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-mixins\" as state-focus-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include state-focus-size-small-scw-option-mixins.box;\n  @include state-focus-size-small-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include state-focus-size-small-scw-option-select-mixins.box;\n    @include state-focus-size-small-scw-option-select-mixins.figma-autolayout;\n\n    .heading {\n      @include state-focus-size-small-scw-option-select-heading-mixins.box;\n      @include state-focus-size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include state-focus-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include state-focus-size-small-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include state-focus-size-small-scw-option-select-heading-close-mixins.box;\n        @include state-focus-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include state-focus-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .scw-option-single {\n      @include state-focus-size-small-scw-option-select-scw-option-single-mixins.box;\n      @include state-focus-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.box;\n        @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-select-state-focus-size-small-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>",
+      "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\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-select/state-focus-size-small-scw-option-select-mixins\" as state-focus-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-mixins\" as state-focus-size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-heading-mixins\" as state-focus-size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-mixins\" as state-focus-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include state-focus-size-small-scw-option-select-mixins.box;\n  @include state-focus-size-small-scw-option-select-mixins.figma-autolayout;\n\n  .heading {\n    @include state-focus-size-small-scw-option-select-heading-mixins.box;\n    @include state-focus-size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include state-focus-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include state-focus-size-small-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include state-focus-size-small-scw-option-select-heading-close-mixins.box;\n      @include state-focus-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include state-focus-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .scw-option-single {\n    @include state-focus-size-small-scw-option-select-scw-option-single-mixins.box;\n    @include state-focus-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.box;\n      @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-size-small-scw-option-select-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-focus-size-small-scw-option-select-mixins\" as state-focus-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include state-focus-size-small-scw-option-select-mixins.box;\n  @include state-focus-size-small-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include state-focus-size-small-scw-option-select-scw-option-single-mixins.box;\n    @include state-focus-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.box;\n      @include state-focus-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include state-focus-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-mixins\" as state-focus-size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-heading-mixins\" as state-focus-size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-mixins\" as state-focus-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include state-focus-size-small-scw-option-select-heading-mixins.box;\n  @include state-focus-size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include state-focus-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include state-focus-size-small-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include state-focus-size-small-scw-option-select-heading-close-mixins.box;\n    @include state-focus-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include state-focus-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-size-small-scw-option-select-heading-icon-left": {
+    "html": {
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include state-focus-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-size-small-scw-option-select-heading-icon-left-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include state-focus-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-size-small-scw-option-select-heading-icon-left-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include state-focus-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-size-small-scw-option-select-heading-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  Heading\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-heading-mixins\" as state-focus-size-small-scw-option-select-heading-heading-mixins;\n\n.heading {\n  @include state-focus-size-small-scw-option-select-heading-heading-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-size-small-scw-option-select-heading-close": {
+    "html": {
+      "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-mixins\" as state-focus-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.close {\n  @include state-focus-size-small-scw-option-select-heading-close-mixins.box;\n  @include state-focus-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include state-focus-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n      @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-size-small-scw-option-select-heading-close-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include state-focus-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n    @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-focus-size-small-scw-option-select-heading-close-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include state-focus-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -16321,11 +16641,11 @@
   },
   "components-scw-select-state-error": {
     "html": {
-      "output": "<div class=\"state-error\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 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>",
+      "output": "<div class=\"state-error\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 class=\"scw-option\">\n    <div class=\"select\">\n      <div class=\"heading\">\n        <div class=\"icon-left\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"heading\">\n          Heading\n        </div>\n        <div class=\"close\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\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>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-mixins\" as state-error-mixins;\n@use \"comp-scw-select/state-error-label-mixins\" as state-error-label-mixins;\n@use \"comp-scw-select/state-error-label-label-mixins\" as state-error-label-label-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-mixins\" as state-error-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-mixins\" as state-error-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-error-input-mixins\" as state-error-input-mixins;\n@use \"comp-scw-select/state-error-input-select-mixins\" as state-error-input-select-mixins;\n@use \"comp-scw-select/state-error-input-select-select-mixins\" as state-error-input-select-select-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-mixins\" as state-error-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-mixins\" as state-error-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-icon-mixins\" as state-error-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-icon-vector-mixins\" as state-error-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-error-feedback-mixins\" as state-error-feedback-mixins;\n@use \"comp-scw-select/state-error-feedback-feedback-mixins\" as state-error-feedback-feedback-mixins;\n@use \"comp-scw-select/state-error-scw-option-mixins\" as state-error-scw-option-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n\n.state-error {\n  @include state-error-mixins.box;\n  @include state-error-mixins.figma-autolayout;\n\n  .label {\n    @include state-error-label-mixins.box;\n    @include state-error-label-mixins.figma-autolayout;\n\n    .label {\n      @include state-error-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include state-error-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include state-error-label-scw-info-tip-question-circle-mixins.box;\n        @include state-error-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include state-error-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include state-error-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include state-error-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include state-error-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include state-error-input-mixins.box;\n    @include state-error-input-mixins.figma-autolayout;\n\n    .select {\n      @include state-error-input-select-mixins.box;\n      @include state-error-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include state-error-input-icon-arrow-mixins.box;\n      @include state-error-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include state-error-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include state-error-input-icon-arrow-icon-icon-mixins.box;\n          @include state-error-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-error-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include state-error-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include state-error-feedback-mixins.box;\n    @include state-error-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include state-error-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include state-error-scw-option-mixins.box;\n    @include state-error-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include state-error-scw-option-select-mixins.box;\n      @include state-error-scw-option-select-mixins.figma-autolayout;\n\n      .scw-option-single {\n        @include state-error-scw-option-select-scw-option-single-mixins.box;\n        @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n          @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-mixins\" as state-error-mixins;\n@use \"comp-scw-select/state-error-label-mixins\" as state-error-label-mixins;\n@use \"comp-scw-select/state-error-label-label-mixins\" as state-error-label-label-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-mixins\" as state-error-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-mixins\" as state-error-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-error-input-mixins\" as state-error-input-mixins;\n@use \"comp-scw-select/state-error-input-select-mixins\" as state-error-input-select-mixins;\n@use \"comp-scw-select/state-error-input-select-select-mixins\" as state-error-input-select-select-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-mixins\" as state-error-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-mixins\" as state-error-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-icon-mixins\" as state-error-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-input-icon-arrow-icon-icon-vector-mixins\" as state-error-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-error-feedback-mixins\" as state-error-feedback-mixins;\n@use \"comp-scw-select/state-error-feedback-feedback-mixins\" as state-error-feedback-feedback-mixins;\n@use \"comp-scw-select/state-error-scw-option-mixins\" as state-error-scw-option-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-mixins\" as state-error-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-mixins\" as state-error-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-heading-mixins\" as state-error-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-mixins\" as state-error-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n\n.state-error {\n  @include state-error-mixins.box;\n  @include state-error-mixins.figma-autolayout;\n\n  .label {\n    @include state-error-label-mixins.box;\n    @include state-error-label-mixins.figma-autolayout;\n\n    .label {\n      @include state-error-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include state-error-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include state-error-label-scw-info-tip-question-circle-mixins.box;\n        @include state-error-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include state-error-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include state-error-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include state-error-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include state-error-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include state-error-input-mixins.box;\n    @include state-error-input-mixins.figma-autolayout;\n\n    .select {\n      @include state-error-input-select-mixins.box;\n      @include state-error-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include state-error-input-icon-arrow-mixins.box;\n      @include state-error-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include state-error-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include state-error-input-icon-arrow-icon-icon-mixins.box;\n          @include state-error-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-error-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include state-error-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include state-error-feedback-mixins.box;\n    @include state-error-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include state-error-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include state-error-scw-option-mixins.box;\n    @include state-error-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include state-error-scw-option-select-mixins.box;\n      @include state-error-scw-option-select-mixins.figma-autolayout;\n\n      .heading {\n        @include state-error-scw-option-select-heading-mixins.box;\n        @include state-error-scw-option-select-heading-mixins.figma-autolayout;\n\n        .icon-left {\n          @include state-error-scw-option-select-heading-icon-left-mixins.box;\n\n          .icon {\n            @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n            @include state-error-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n              @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .heading {\n          @include state-error-scw-option-select-heading-heading-mixins.text;\n        }\n\n        .close {\n          @include state-error-scw-option-select-heading-close-mixins.box;\n          @include state-error-scw-option-select-heading-close-mixins.figma-autolayout;\n\n          .icon {\n            @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n            .vector {\n              @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n              @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .scw-option-single {\n        @include state-error-scw-option-select-scw-option-single-mixins.box;\n        @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n          @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -16481,21 +16801,101 @@
   },
   "components-scw-select-state-error-scw-option": {
     "html": {
-      "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>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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-select/state-error-scw-option-mixins\" as state-error-scw-option-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include state-error-scw-option-mixins.box;\n  @include state-error-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include state-error-scw-option-select-mixins.box;\n    @include state-error-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include state-error-scw-option-select-scw-option-single-mixins.box;\n      @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n        @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-scw-option-mixins\" as state-error-scw-option-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-mixins\" as state-error-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-mixins\" as state-error-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-heading-mixins\" as state-error-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-mixins\" as state-error-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include state-error-scw-option-mixins.box;\n  @include state-error-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include state-error-scw-option-select-mixins.box;\n    @include state-error-scw-option-select-mixins.figma-autolayout;\n\n    .heading {\n      @include state-error-scw-option-select-heading-mixins.box;\n      @include state-error-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include state-error-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include state-error-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include state-error-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include state-error-scw-option-select-heading-close-mixins.box;\n        @include state-error-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .scw-option-single {\n      @include state-error-scw-option-select-scw-option-single-mixins.box;\n      @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n        @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-select-state-error-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>",
+      "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\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-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-mixins\" as state-error-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-mixins\" as state-error-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-heading-mixins\" as state-error-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-mixins\" as state-error-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include state-error-scw-option-select-mixins.box;\n  @include state-error-scw-option-select-mixins.figma-autolayout;\n\n  .heading {\n    @include state-error-scw-option-select-heading-mixins.box;\n    @include state-error-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include state-error-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include state-error-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include state-error-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include state-error-scw-option-select-heading-close-mixins.box;\n      @include state-error-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .scw-option-single {\n    @include state-error-scw-option-select-scw-option-single-mixins.box;\n    @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n      @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-scw-option-select-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-mixins\" as state-error-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-mixins\" as state-error-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-heading-mixins\" as state-error-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-mixins\" as state-error-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include state-error-scw-option-select-heading-mixins.box;\n  @include state-error-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include state-error-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include state-error-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include state-error-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include state-error-scw-option-select-heading-close-mixins.box;\n    @include state-error-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-scw-option-select-heading-icon-left": {
+    "html": {
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-mixins\" as state-error-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include state-error-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include state-error-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-scw-option-select-heading-icon-left-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-scw-option-select-heading-icon-left-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-scw-option-select-heading-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  Heading\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-heading-mixins\" as state-error-scw-option-select-heading-heading-mixins;\n\n.heading {\n  @include state-error-scw-option-select-heading-heading-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-scw-option-select-heading-close": {
+    "html": {
+      "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-close-mixins\" as state-error-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n\n.close {\n  @include state-error-scw-option-select-heading-close-mixins.box;\n  @include state-error-scw-option-select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n      @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-scw-option-select-heading-close-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include state-error-scw-option-select-mixins.box;\n  @include state-error-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include state-error-scw-option-select-scw-option-single-mixins.box;\n    @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n      @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n    @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-scw-option-select-heading-close-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -16529,233 +16929,393 @@
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small": {
+  "components-scw-select-state-error-size-small": {
+    "html": {
+      "output": "<div class=\"state-error-size-small\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 class=\"scw-option\">\n    <div class=\"select\">\n      <div class=\"heading\">\n        <div class=\"icon-left\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"heading\">\n          Heading\n        </div>\n        <div class=\"close\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\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>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-size-small-mixins\" as state-error-size-small-mixins;\n@use \"comp-scw-select/state-error-size-small-label-mixins\" as state-error-size-small-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-label-mixins\" as state-error-size-small-label-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-mixins\" as state-error-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-error-size-small-input-mixins\" as state-error-size-small-input-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-mixins\" as state-error-size-small-input-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-select-mixins\" as state-error-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-mixins\" as state-error-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-feedback-mixins\" as state-error-size-small-feedback-mixins;\n@use \"comp-scw-select/state-error-size-small-feedback-feedback-mixins\" as state-error-size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-mixins\" as state-error-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-mixins\" as state-error-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-mixins\" as state-error-size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-heading-mixins\" as state-error-size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-mixins\" as state-error-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-mixins\" as state-error-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.state-error-size-small {\n  @include state-error-size-small-mixins.box;\n  @include state-error-size-small-mixins.figma-autolayout;\n\n  .label {\n    @include state-error-size-small-label-mixins.box;\n    @include state-error-size-small-label-mixins.figma-autolayout;\n\n    .label {\n      @include state-error-size-small-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include state-error-size-small-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include state-error-size-small-label-scw-info-tip-question-circle-mixins.box;\n        @include state-error-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include state-error-size-small-input-mixins.box;\n    @include state-error-size-small-input-mixins.figma-autolayout;\n\n    .select {\n      @include state-error-size-small-input-select-mixins.box;\n      @include state-error-size-small-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-size-small-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include state-error-size-small-input-icon-arrow-mixins.box;\n      @include state-error-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include state-error-size-small-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n          @include state-error-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include state-error-size-small-feedback-mixins.box;\n    @include state-error-size-small-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include state-error-size-small-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include state-error-size-small-scw-option-mixins.box;\n    @include state-error-size-small-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include state-error-size-small-scw-option-select-mixins.box;\n      @include state-error-size-small-scw-option-select-mixins.figma-autolayout;\n\n      .heading {\n        @include state-error-size-small-scw-option-select-heading-mixins.box;\n        @include state-error-size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n        .icon-left {\n          @include state-error-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n          .icon {\n            @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n            @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n            .vector {\n              @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n              @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .heading {\n          @include state-error-size-small-scw-option-select-heading-heading-mixins.text;\n        }\n\n        .close {\n          @include state-error-size-small-scw-option-select-heading-close-mixins.box;\n          @include state-error-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n          .icon {\n            @include state-error-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n            .vector {\n              @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n              @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .scw-option-single {\n        @include state-error-size-small-scw-option-select-scw-option-single-mixins.box;\n        @include state-error-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n          @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  <div class=\"label\">\n    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-select/state-error-size-small-label-mixins\" as state-error-size-small-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-label-mixins\" as state-error-size-small-label-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-mixins\" as state-error-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.label {\n  @include state-error-size-small-label-mixins.box;\n  @include state-error-size-small-label-mixins.figma-autolayout;\n\n  .label {\n    @include state-error-size-small-label-label-mixins.text;\n  }\n\n  .scw-info-tip {\n    @include state-error-size-small-label-scw-info-tip-mixins.box;\n\n    .question-circle {\n      @include state-error-size-small-label-scw-info-tip-question-circle-mixins.box;\n      @include state-error-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n      .vector-color-092 {\n        @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n        @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n      }\n\n      .vector-color-02 {\n        @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n        @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-label-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  Label\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-size-small-label-label-mixins\" as state-error-size-small-label-label-mixins;\n\n.label {\n  @include state-error-size-small-label-label-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-label-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-select/state-error-size-small-label-scw-info-tip-mixins\" as state-error-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.scw-info-tip {\n  @include state-error-size-small-label-scw-info-tip-mixins.box;\n\n  .question-circle {\n    @include state-error-size-small-label-scw-info-tip-question-circle-mixins.box;\n    @include state-error-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n    .vector-color-092 {\n      @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n      @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n    }\n\n    .vector-color-02 {\n      @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n      @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-label-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-select/state-error-size-small-label-scw-info-tip-question-circle-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.question-circle {\n  @include state-error-size-small-label-scw-info-tip-question-circle-mixins.box;\n\n  .vector-color-092 {\n    @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n    @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n  }\n\n  .vector-color-02 {\n    @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n    @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-label-scw-info-tip-question-circle-vector-color-092": {
+    "html": {
+      "output": "<div class=\"vector-color-092\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n\n.vector-color-092 {\n  @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-label-scw-info-tip-question-circle-vector-color-02": {
+    "html": {
+      "output": "<div class=\"vector-color-02\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.vector-color-02 {\n  @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-input": {
+    "html": {
+      "output": "<div class=\"input\">\n  <div class=\"select\">\n    <div class=\"select\">\n      Select\n    </div>\n  </div>\n  <div class=\"icon-arrow\">\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-select/state-error-size-small-input-mixins\" as state-error-size-small-input-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-mixins\" as state-error-size-small-input-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-select-mixins\" as state-error-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-mixins\" as state-error-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n\n.input {\n  @include state-error-size-small-input-mixins.box;\n  @include state-error-size-small-input-mixins.figma-autolayout;\n\n  .select {\n    @include state-error-size-small-input-select-mixins.box;\n    @include state-error-size-small-input-select-mixins.figma-autolayout;\n\n    .select {\n      @include state-error-size-small-input-select-select-mixins.text;\n    }\n  }\n\n  .icon-arrow {\n    @include state-error-size-small-input-icon-arrow-mixins.box;\n    @include state-error-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n    .icon {\n      @include state-error-size-small-input-icon-arrow-icon-mixins.box;\n\n      .icon {\n        @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n        @include state-error-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n          @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-input-select": {
+    "html": {
+      "output": "<div class=\"select\">\n  <div class=\"select\">\n    Select\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-size-small-input-select-mixins\" as state-error-size-small-input-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-select-mixins\" as state-error-size-small-input-select-select-mixins;\n\n.select {\n  @include state-error-size-small-input-select-mixins.box;\n  @include state-error-size-small-input-select-mixins.figma-autolayout;\n\n  .select {\n    @include state-error-size-small-input-select-select-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-input-select-select": {
+    "html": {
+      "output": "<div class=\"select\">\n  Select\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-size-small-input-select-select-mixins\" as state-error-size-small-input-select-select-mixins;\n\n.select {\n  @include state-error-size-small-input-select-select-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-input-icon-arrow": {
+    "html": {
+      "output": "<div class=\"icon-arrow\">\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-select/state-error-size-small-input-icon-arrow-mixins\" as state-error-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n\n.icon-arrow {\n  @include state-error-size-small-input-icon-arrow-mixins.box;\n  @include state-error-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n  .icon {\n    @include state-error-size-small-input-icon-arrow-icon-mixins.box;\n\n    .icon {\n      @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n      @include state-error-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n        @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-input-icon-arrow-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-select/state-error-size-small-input-icon-arrow-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n\n.icon {\n  @include state-error-size-small-input-icon-arrow-icon-mixins.box;\n\n  .icon {\n    @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n    @include state-error-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n      @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-input-icon-arrow-icon-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n\n.icon {\n  @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n\n  .vector {\n    @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n    @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-input-icon-arrow-icon-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n\n.vector {\n  @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-feedback": {
+    "html": {
+      "output": "<div class=\"feedback\">\n  <div class=\"feedback\">\n    Feedback\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-size-small-feedback-mixins\" as state-error-size-small-feedback-mixins;\n@use \"comp-scw-select/state-error-size-small-feedback-feedback-mixins\" as state-error-size-small-feedback-feedback-mixins;\n\n.feedback {\n  @include state-error-size-small-feedback-mixins.box;\n  @include state-error-size-small-feedback-mixins.figma-autolayout;\n\n  .feedback {\n    @include state-error-size-small-feedback-feedback-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-feedback-feedback": {
+    "html": {
+      "output": "<div class=\"feedback\">\n  Feedback\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-select/state-error-size-small-feedback-feedback-mixins\" as state-error-size-small-feedback-feedback-mixins;\n\n.feedback {\n  @include state-error-size-small-feedback-feedback-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-select-state-error-size-small-scw-option": {
     "html": {
-      "output": "<div class=\"state-error-size-small\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 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>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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-select/state-error-size-small-mixins\" as state-error-size-small-mixins;\n@use \"comp-scw-select/state-error-size-small-label-mixins\" as state-error-size-small-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-label-mixins\" as state-error-size-small-label-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-mixins\" as state-error-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/state-error-size-small-input-mixins\" as state-error-size-small-input-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-mixins\" as state-error-size-small-input-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-select-mixins\" as state-error-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-mixins\" as state-error-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-feedback-mixins\" as state-error-size-small-feedback-mixins;\n@use \"comp-scw-select/state-error-size-small-feedback-feedback-mixins\" as state-error-size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-mixins\" as state-error-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-mixins\" as state-error-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-mixins\" as state-error-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.state-error-size-small {\n  @include state-error-size-small-mixins.box;\n  @include state-error-size-small-mixins.figma-autolayout;\n\n  .label {\n    @include state-error-size-small-label-mixins.box;\n    @include state-error-size-small-label-mixins.figma-autolayout;\n\n    .label {\n      @include state-error-size-small-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include state-error-size-small-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include state-error-size-small-label-scw-info-tip-question-circle-mixins.box;\n        @include state-error-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include state-error-size-small-input-mixins.box;\n    @include state-error-size-small-input-mixins.figma-autolayout;\n\n    .select {\n      @include state-error-size-small-input-select-mixins.box;\n      @include state-error-size-small-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include state-error-size-small-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include state-error-size-small-input-icon-arrow-mixins.box;\n      @include state-error-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include state-error-size-small-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n          @include state-error-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include state-error-size-small-feedback-mixins.box;\n    @include state-error-size-small-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include state-error-size-small-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include state-error-size-small-scw-option-mixins.box;\n    @include state-error-size-small-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include state-error-size-small-scw-option-select-mixins.box;\n      @include state-error-size-small-scw-option-select-mixins.figma-autolayout;\n\n      .scw-option-single {\n        @include state-error-size-small-scw-option-select-scw-option-single-mixins.box;\n        @include state-error-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n          @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-mixins\" as state-error-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-mixins\" as state-error-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-mixins\" as state-error-size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-heading-mixins\" as state-error-size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-mixins\" as state-error-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-mixins\" as state-error-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include state-error-size-small-scw-option-mixins.box;\n  @include state-error-size-small-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include state-error-size-small-scw-option-select-mixins.box;\n    @include state-error-size-small-scw-option-select-mixins.figma-autolayout;\n\n    .heading {\n      @include state-error-size-small-scw-option-select-heading-mixins.box;\n      @include state-error-size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include state-error-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include state-error-size-small-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include state-error-size-small-scw-option-select-heading-close-mixins.box;\n        @include state-error-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include state-error-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .scw-option-single {\n      @include state-error-size-small-scw-option-select-scw-option-single-mixins.box;\n      @include state-error-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n        @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-label": {
+  "components-scw-select-state-error-size-small-scw-option-select": {
     "html": {
-      "output": "<div class=\"label\">\n  <div class=\"label\">\n    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>",
+      "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\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-select/state-error-size-small-label-mixins\" as state-error-size-small-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-label-mixins\" as state-error-size-small-label-label-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-mixins\" as state-error-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.label {\n  @include state-error-size-small-label-mixins.box;\n  @include state-error-size-small-label-mixins.figma-autolayout;\n\n  .label {\n    @include state-error-size-small-label-label-mixins.text;\n  }\n\n  .scw-info-tip {\n    @include state-error-size-small-label-scw-info-tip-mixins.box;\n\n    .question-circle {\n      @include state-error-size-small-label-scw-info-tip-question-circle-mixins.box;\n      @include state-error-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n      .vector-color-092 {\n        @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n        @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n      }\n\n      .vector-color-02 {\n        @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n        @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-mixins\" as state-error-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-mixins\" as state-error-size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-heading-mixins\" as state-error-size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-mixins\" as state-error-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-mixins\" as state-error-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include state-error-size-small-scw-option-select-mixins.box;\n  @include state-error-size-small-scw-option-select-mixins.figma-autolayout;\n\n  .heading {\n    @include state-error-size-small-scw-option-select-heading-mixins.box;\n    @include state-error-size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include state-error-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include state-error-size-small-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include state-error-size-small-scw-option-select-heading-close-mixins.box;\n      @include state-error-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include state-error-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .scw-option-single {\n    @include state-error-size-small-scw-option-select-scw-option-single-mixins.box;\n    @include state-error-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n      @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-label-label": {
+  "components-scw-select-state-error-size-small-scw-option-select-heading": {
     "html": {
-      "output": "<div class=\"label\">\n  Label\n</div>",
+      "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-label-label-mixins\" as state-error-size-small-label-label-mixins;\n\n.label {\n  @include state-error-size-small-label-label-mixins.text;\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-mixins\" as state-error-size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-heading-mixins\" as state-error-size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-mixins\" as state-error-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include state-error-size-small-scw-option-select-heading-mixins.box;\n  @include state-error-size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include state-error-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include state-error-size-small-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include state-error-size-small-scw-option-select-heading-close-mixins.box;\n    @include state-error-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include state-error-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-label-scw-info-tip": {
+  "components-scw-select-state-error-size-small-scw-option-select-heading-icon-left": {
     "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>",
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-mixins\" as state-error-size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.scw-info-tip {\n  @include state-error-size-small-label-scw-info-tip-mixins.box;\n\n  .question-circle {\n    @include state-error-size-small-label-scw-info-tip-question-circle-mixins.box;\n    @include state-error-size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n    .vector-color-092 {\n      @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n      @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n    }\n\n    .vector-color-02 {\n      @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n      @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include state-error-size-small-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-label-scw-info-tip-question-circle": {
+  "components-scw-select-state-error-size-small-scw-option-select-heading-icon-left-icon": {
     "html": {
-      "output": "<div class=\"question-circle\">\n  <div class=\"vector-color-092\">\n  </div>\n  <div class=\"vector-color-02\">\n  </div>\n</div>",
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.question-circle {\n  @include state-error-size-small-label-scw-info-tip-question-circle-mixins.box;\n\n  .vector-color-092 {\n    @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n    @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n  }\n\n  .vector-color-02 {\n    @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n    @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include state-error-size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-label-scw-info-tip-question-circle-vector-color-092": {
+  "components-scw-select-state-error-size-small-scw-option-select-heading-icon-left-icon-vector": {
     "html": {
-      "output": "<div class=\"vector-color-092\">\n</div>",
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n\n.vector-color-092 {\n  @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include state-error-size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-label-scw-info-tip-question-circle-vector-color-02": {
+  "components-scw-select-state-error-size-small-scw-option-select-heading-heading": {
     "html": {
-      "output": "<div class=\"vector-color-02\">\n</div>",
+      "output": "<div class=\"heading\">\n  Heading\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.vector-color-02 {\n  @include state-error-size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-heading-mixins\" as state-error-size-small-scw-option-select-heading-heading-mixins;\n\n.heading {\n  @include state-error-size-small-scw-option-select-heading-heading-mixins.text;\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-input": {
+  "components-scw-select-state-error-size-small-scw-option-select-heading-close": {
     "html": {
-      "output": "<div class=\"input\">\n  <div class=\"select\">\n    <div class=\"select\">\n      Select\n    </div>\n  </div>\n  <div class=\"icon-arrow\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-input-mixins\" as state-error-size-small-input-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-mixins\" as state-error-size-small-input-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-select-mixins\" as state-error-size-small-input-select-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-mixins\" as state-error-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n\n.input {\n  @include state-error-size-small-input-mixins.box;\n  @include state-error-size-small-input-mixins.figma-autolayout;\n\n  .select {\n    @include state-error-size-small-input-select-mixins.box;\n    @include state-error-size-small-input-select-mixins.figma-autolayout;\n\n    .select {\n      @include state-error-size-small-input-select-select-mixins.text;\n    }\n  }\n\n  .icon-arrow {\n    @include state-error-size-small-input-icon-arrow-mixins.box;\n    @include state-error-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n    .icon {\n      @include state-error-size-small-input-icon-arrow-icon-mixins.box;\n\n      .icon {\n        @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n        @include state-error-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n          @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-mixins\" as state-error-size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.close {\n  @include state-error-size-small-scw-option-select-heading-close-mixins.box;\n  @include state-error-size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include state-error-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n      @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-input-select": {
+  "components-scw-select-state-error-size-small-scw-option-select-heading-close-icon": {
     "html": {
-      "output": "<div class=\"select\">\n  <div class=\"select\">\n    Select\n  </div>\n</div>",
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-input-select-mixins\" as state-error-size-small-input-select-mixins;\n@use \"comp-scw-select/state-error-size-small-input-select-select-mixins\" as state-error-size-small-input-select-select-mixins;\n\n.select {\n  @include state-error-size-small-input-select-mixins.box;\n  @include state-error-size-small-input-select-mixins.figma-autolayout;\n\n  .select {\n    @include state-error-size-small-input-select-select-mixins.text;\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include state-error-size-small-scw-option-select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n    @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-input-select-select": {
+  "components-scw-select-state-error-size-small-scw-option-select-heading-close-icon-vector": {
     "html": {
-      "output": "<div class=\"select\">\n  Select\n</div>",
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-input-select-select-mixins\" as state-error-size-small-input-select-select-mixins;\n\n.select {\n  @include state-error-size-small-input-select-select-mixins.text;\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-heading-close-icon-vector-mixins\" as state-error-size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include state-error-size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-input-icon-arrow": {
+  "components-scw-select-state-error-size-small-scw-option-select-scw-option-single": {
     "html": {
-      "output": "<div class=\"icon-arrow\">\n  <div class=\"icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "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-select/state-error-size-small-input-icon-arrow-mixins\" as state-error-size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n\n.icon-arrow {\n  @include state-error-size-small-input-icon-arrow-mixins.box;\n  @include state-error-size-small-input-icon-arrow-mixins.figma-autolayout;\n\n  .icon {\n    @include state-error-size-small-input-icon-arrow-icon-mixins.box;\n\n    .icon {\n      @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n      @include state-error-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n        @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-mixins\" as state-error-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option-single {\n  @include state-error-size-small-scw-option-select-scw-option-single-mixins.box;\n  @include state-error-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n  .label {\n    @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n    @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n    .text {\n      @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-input-icon-arrow-icon": {
+  "components-scw-select-state-error-size-small-scw-option-select-scw-option-single-label": {
     "html": {
-      "output": "<div class=\"icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"label\">\n  <div class=\"text\">\n    Option\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n\n.icon {\n  @include state-error-size-small-input-icon-arrow-icon-mixins.box;\n\n  .icon {\n    @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n    @include state-error-size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n      @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.label {\n  @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n  @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n  .text {\n    @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-input-icon-arrow-icon-icon": {
+  "components-scw-select-state-error-size-small-scw-option-select-scw-option-single-label-text": {
     "html": {
-      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "output": "<div class=\"text\">\n  Option\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n\n.icon {\n  @include state-error-size-small-input-icon-arrow-icon-icon-mixins.box;\n\n  .vector {\n    @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n    @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.text {\n  @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-input-icon-arrow-icon-icon-vector": {
+  "components-scw-option": {
     "html": {
-      "output": "<div class=\"vector\">\n</div>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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-select/state-error-size-small-input-icon-arrow-icon-icon-vector-mixins\" as state-error-size-small-input-icon-arrow-icon-icon-vector-mixins;\n\n.vector {\n  @include state-error-size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n}",
+      "output": "@use \"comp-scw-option/index-mixins\" as index-mixins;\n@use \"comp-scw-option/select-mixins\" as select-mixins;\n@use \"comp-scw-option/select-heading-mixins\" as select-heading-mixins;\n@use \"comp-scw-option/select-heading-icon-left-mixins\" as select-heading-icon-left-mixins;\n@use \"comp-scw-option/select-heading-icon-left-icon-mixins\" as select-heading-icon-left-icon-mixins;\n@use \"comp-scw-option/select-heading-icon-left-icon-vector-mixins\" as select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-option/select-heading-heading-mixins\" as select-heading-heading-mixins;\n@use \"comp-scw-option/select-heading-close-mixins\" as select-heading-close-mixins;\n@use \"comp-scw-option/select-heading-close-icon-mixins\" as select-heading-close-icon-mixins;\n@use \"comp-scw-option/select-heading-close-icon-vector-mixins\" as select-heading-close-icon-vector-mixins;\n@use \"comp-scw-option/select-scw-option-single-mixins\" as select-scw-option-single-mixins;\n@use \"comp-scw-option/select-scw-option-single-label-mixins\" as select-scw-option-single-label-mixins;\n@use \"comp-scw-option/select-scw-option-single-label-text-mixins\" as select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .select {\n    @include select-mixins.box;\n    @include select-mixins.figma-autolayout;\n\n    .heading {\n      @include select-heading-mixins.box;\n      @include select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include select-heading-icon-left-icon-mixins.box;\n          @include select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include select-heading-icon-left-icon-vector-mixins.box;\n            @include select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include select-heading-close-mixins.box;\n        @include select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include select-heading-close-icon-vector-mixins.box;\n            @include select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .scw-option-single {\n      @include select-scw-option-single-mixins.box;\n      @include select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include select-scw-option-single-label-mixins.box;\n        @include select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-feedback": {
+  "components-scw-option-select": {
     "html": {
-      "output": "<div class=\"feedback\">\n  <div class=\"feedback\">\n    Feedback\n  </div>\n</div>",
+      "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\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-select/state-error-size-small-feedback-mixins\" as state-error-size-small-feedback-mixins;\n@use \"comp-scw-select/state-error-size-small-feedback-feedback-mixins\" as state-error-size-small-feedback-feedback-mixins;\n\n.feedback {\n  @include state-error-size-small-feedback-mixins.box;\n  @include state-error-size-small-feedback-mixins.figma-autolayout;\n\n  .feedback {\n    @include state-error-size-small-feedback-feedback-mixins.text;\n  }\n}",
+      "output": "@use \"comp-scw-option/select-mixins\" as select-mixins;\n@use \"comp-scw-option/select-heading-mixins\" as select-heading-mixins;\n@use \"comp-scw-option/select-heading-icon-left-mixins\" as select-heading-icon-left-mixins;\n@use \"comp-scw-option/select-heading-icon-left-icon-mixins\" as select-heading-icon-left-icon-mixins;\n@use \"comp-scw-option/select-heading-icon-left-icon-vector-mixins\" as select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-option/select-heading-heading-mixins\" as select-heading-heading-mixins;\n@use \"comp-scw-option/select-heading-close-mixins\" as select-heading-close-mixins;\n@use \"comp-scw-option/select-heading-close-icon-mixins\" as select-heading-close-icon-mixins;\n@use \"comp-scw-option/select-heading-close-icon-vector-mixins\" as select-heading-close-icon-vector-mixins;\n@use \"comp-scw-option/select-scw-option-single-mixins\" as select-scw-option-single-mixins;\n@use \"comp-scw-option/select-scw-option-single-label-mixins\" as select-scw-option-single-label-mixins;\n@use \"comp-scw-option/select-scw-option-single-label-text-mixins\" as select-scw-option-single-label-text-mixins;\n\n.select {\n  @include select-mixins.box;\n  @include select-mixins.figma-autolayout;\n\n  .heading {\n    @include select-heading-mixins.box;\n    @include select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include select-heading-icon-left-icon-mixins.box;\n        @include select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include select-heading-icon-left-icon-vector-mixins.box;\n          @include select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include select-heading-close-mixins.box;\n      @include select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include select-heading-close-icon-vector-mixins.box;\n          @include select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .scw-option-single {\n    @include select-scw-option-single-mixins.box;\n    @include select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include select-scw-option-single-label-mixins.box;\n      @include select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-feedback-feedback": {
+  "components-scw-option-select-heading": {
     "html": {
-      "output": "<div class=\"feedback\">\n  Feedback\n</div>",
+      "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-feedback-feedback-mixins\" as state-error-size-small-feedback-feedback-mixins;\n\n.feedback {\n  @include state-error-size-small-feedback-feedback-mixins.text;\n}",
+      "output": "@use \"comp-scw-option/select-heading-mixins\" as select-heading-mixins;\n@use \"comp-scw-option/select-heading-icon-left-mixins\" as select-heading-icon-left-mixins;\n@use \"comp-scw-option/select-heading-icon-left-icon-mixins\" as select-heading-icon-left-icon-mixins;\n@use \"comp-scw-option/select-heading-icon-left-icon-vector-mixins\" as select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-option/select-heading-heading-mixins\" as select-heading-heading-mixins;\n@use \"comp-scw-option/select-heading-close-mixins\" as select-heading-close-mixins;\n@use \"comp-scw-option/select-heading-close-icon-mixins\" as select-heading-close-icon-mixins;\n@use \"comp-scw-option/select-heading-close-icon-vector-mixins\" as select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include select-heading-mixins.box;\n  @include select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include select-heading-icon-left-icon-mixins.box;\n      @include select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include select-heading-icon-left-icon-vector-mixins.box;\n        @include select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include select-heading-close-mixins.box;\n    @include select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include select-heading-close-icon-vector-mixins.box;\n        @include select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-scw-option": {
+  "components-scw-option-select-heading-icon-left": {
     "html": {
-      "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>",
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-mixins\" as state-error-size-small-scw-option-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-mixins\" as state-error-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-mixins\" as state-error-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include state-error-size-small-scw-option-mixins.box;\n  @include state-error-size-small-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include state-error-size-small-scw-option-select-mixins.box;\n    @include state-error-size-small-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include state-error-size-small-scw-option-select-scw-option-single-mixins.box;\n      @include state-error-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n        @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-option/select-heading-icon-left-mixins\" as select-heading-icon-left-mixins;\n@use \"comp-scw-option/select-heading-icon-left-icon-mixins\" as select-heading-icon-left-icon-mixins;\n@use \"comp-scw-option/select-heading-icon-left-icon-vector-mixins\" as select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include select-heading-icon-left-icon-mixins.box;\n    @include select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include select-heading-icon-left-icon-vector-mixins.box;\n      @include select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-scw-option-select": {
+  "components-scw-option-select-heading-icon-left-icon": {
     "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>",
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-mixins\" as state-error-size-small-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-mixins\" as state-error-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include state-error-size-small-scw-option-select-mixins.box;\n  @include state-error-size-small-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include state-error-size-small-scw-option-select-scw-option-single-mixins.box;\n    @include state-error-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n      @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-option/select-heading-icon-left-icon-mixins\" as select-heading-icon-left-icon-mixins;\n@use \"comp-scw-option/select-heading-icon-left-icon-vector-mixins\" as select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include select-heading-icon-left-icon-vector-mixins.box;\n    @include select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-scw-option-select-scw-option-single": {
+  "components-scw-option-select-heading-icon-left-icon-vector": {
     "html": {
-      "output": "<div class=\"scw-option-single\">\n  <div class=\"label\">\n    <div class=\"text\">\n      Option\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-mixins\" as state-error-size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option-single {\n  @include state-error-size-small-scw-option-select-scw-option-single-mixins.box;\n  @include state-error-size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n  .label {\n    @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n    @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n    .text {\n      @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-option/select-heading-icon-left-icon-vector-mixins\" as select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include select-heading-icon-left-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-scw-option-select-scw-option-single-label": {
+  "components-scw-option-select-heading-heading": {
     "html": {
-      "output": "<div class=\"label\">\n  <div class=\"text\">\n    Option\n  </div>\n</div>",
+      "output": "<div class=\"heading\">\n  Heading\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.label {\n  @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.box;\n  @include state-error-size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n  .text {\n    @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n  }\n}",
+      "output": "@use \"comp-scw-option/select-heading-heading-mixins\" as select-heading-heading-mixins;\n\n.heading {\n  @include select-heading-heading-mixins.text;\n}",
       "example": ""
     }
   },
-  "components-scw-select-state-error-size-small-scw-option-select-scw-option-single-label-text": {
+  "components-scw-option-select-heading-close": {
     "html": {
-      "output": "<div class=\"text\">\n  Option\n</div>",
+      "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-select/state-error-size-small-scw-option-select-scw-option-single-label-text-mixins\" as state-error-size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.text {\n  @include state-error-size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n}",
+      "output": "@use \"comp-scw-option/select-heading-close-mixins\" as select-heading-close-mixins;\n@use \"comp-scw-option/select-heading-close-icon-mixins\" as select-heading-close-icon-mixins;\n@use \"comp-scw-option/select-heading-close-icon-vector-mixins\" as select-heading-close-icon-vector-mixins;\n\n.close {\n  @include select-heading-close-mixins.box;\n  @include select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include select-heading-close-icon-vector-mixins.box;\n      @include select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-option": {
+  "components-scw-option-select-heading-close-icon": {
     "html": {
-      "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>",
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-option/index-mixins\" as index-mixins;\n@use \"comp-scw-option/select-mixins\" as select-mixins;\n@use \"comp-scw-option/select-scw-option-single-mixins\" as select-scw-option-single-mixins;\n@use \"comp-scw-option/select-scw-option-single-label-mixins\" as select-scw-option-single-label-mixins;\n@use \"comp-scw-option/select-scw-option-single-label-text-mixins\" as select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .select {\n    @include select-mixins.box;\n    @include select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include select-scw-option-single-mixins.box;\n      @include select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include select-scw-option-single-label-mixins.box;\n        @include select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-option/select-heading-close-icon-mixins\" as select-heading-close-icon-mixins;\n@use \"comp-scw-option/select-heading-close-icon-vector-mixins\" as select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include select-heading-close-icon-vector-mixins.box;\n    @include select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-option-select": {
+  "components-scw-option-select-heading-close-icon-vector": {
     "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>",
+      "output": "<div class=\"vector\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-option/select-mixins\" as select-mixins;\n@use \"comp-scw-option/select-scw-option-single-mixins\" as select-scw-option-single-mixins;\n@use \"comp-scw-option/select-scw-option-single-label-mixins\" as select-scw-option-single-label-mixins;\n@use \"comp-scw-option/select-scw-option-single-label-text-mixins\" as select-scw-option-single-label-text-mixins;\n\n.select {\n  @include select-mixins.box;\n  @include select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include select-scw-option-single-mixins.box;\n    @include select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include select-scw-option-single-label-mixins.box;\n      @include select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-option/select-heading-close-icon-vector-mixins\" as select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include select-heading-close-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -16939,6 +17499,76 @@
       "example": ""
     }
   },
+  "components-scw-option-close": {
+    "html": {
+      "output": "<div class=\"scw-option-close\">\n  <div class=\"state-hover\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"default\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-option-close/index-mixins\" as index-mixins;\n@use \"comp-scw-option-close/state-hover-mixins\" as state-hover-mixins;\n@use \"comp-scw-option-close/state-hover-icon-mixins\" as state-hover-icon-mixins;\n@use \"comp-scw-option-close/state-hover-icon-vector-mixins\" as state-hover-icon-vector-mixins;\n@use \"comp-scw-option-close/default-mixins\" as default-mixins;\n@use \"comp-scw-option-close/default-icon-mixins\" as default-icon-mixins;\n@use \"comp-scw-option-close/default-icon-vector-mixins\" as default-icon-vector-mixins;\n\n.scw-option-close {\n  @include index-mixins.box;\n\n  .state-hover {\n    @include state-hover-mixins.box;\n    @include state-hover-mixins.figma-autolayout;\n    @include state-hover-mixins.absolute-layout;\n\n    .icon {\n      @include state-hover-icon-mixins.box;\n\n      .vector {\n        @include state-hover-icon-vector-mixins.box;\n        @include state-hover-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n    @include default-mixins.absolute-layout;\n\n    .icon {\n      @include default-icon-mixins.box;\n\n      .vector {\n        @include default-icon-vector-mixins.box;\n        @include default-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-option-close-state-hover": {
+    "html": {
+      "output": "<div class=\"state-hover\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-option-close/state-hover-mixins\" as state-hover-mixins;\n@use \"comp-scw-option-close/state-hover-icon-mixins\" as state-hover-icon-mixins;\n@use \"comp-scw-option-close/state-hover-icon-vector-mixins\" as state-hover-icon-vector-mixins;\n\n.state-hover {\n  @include state-hover-mixins.box;\n  @include state-hover-mixins.figma-autolayout;\n\n  .icon {\n    @include state-hover-icon-mixins.box;\n\n    .vector {\n      @include state-hover-icon-vector-mixins.box;\n      @include state-hover-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-option-close-state-hover-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-option-close/state-hover-icon-mixins\" as state-hover-icon-mixins;\n@use \"comp-scw-option-close/state-hover-icon-vector-mixins\" as state-hover-icon-vector-mixins;\n\n.icon {\n  @include state-hover-icon-mixins.box;\n\n  .vector {\n    @include state-hover-icon-vector-mixins.box;\n    @include state-hover-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-option-close-state-hover-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-option-close/state-hover-icon-vector-mixins\" as state-hover-icon-vector-mixins;\n\n.vector {\n  @include state-hover-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-option-close-default": {
+    "html": {
+      "output": "<div class=\"default\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-option-close/default-mixins\" as default-mixins;\n@use \"comp-scw-option-close/default-icon-mixins\" as default-icon-mixins;\n@use \"comp-scw-option-close/default-icon-vector-mixins\" as default-icon-vector-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .icon {\n    @include default-icon-mixins.box;\n\n    .vector {\n      @include default-icon-vector-mixins.box;\n      @include default-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-option-close-default-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-option-close/default-icon-mixins\" as default-icon-mixins;\n@use \"comp-scw-option-close/default-icon-vector-mixins\" as default-icon-vector-mixins;\n\n.icon {\n  @include default-icon-mixins.box;\n\n  .vector {\n    @include default-icon-vector-mixins.box;\n    @include default-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-option-close-default-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-option-close/default-icon-vector-mixins\" as default-icon-vector-mixins;\n\n.vector {\n  @include default-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
   "components-scw-radio": {
     "html": {
       "output": "<div class=\"scw-radio\">\n  <div class=\"active\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n        <div class=\"box\">\n          <div class=\"box\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n  <div class=\"state-hover-active\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n        <div class=\"box\">\n          <div class=\"box\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n  <div class=\"state-focused-active\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n        <div class=\"box\">\n          <div class=\"box\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n  <div class=\"state-disabled-active\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n        <div class=\"box\">\n          <div class=\"box\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n  <div class=\"state-error-active\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n        <div class=\"box\">\n          <div class=\"box\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n  <div class=\"state-disabled\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n        <div class=\"box\">\n        </div>\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n  <div class=\"state-error\">\n    <div class=\"checkbox\">\n      <div class=\"frame-810\">\n        <div class=\"box\">\n        </div>\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n  <div class=\"state-focused\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n        <div class=\"box\">\n        </div>\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n  <div class=\"state-hover\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n        <div class=\"box\">\n        </div>\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n  <div class=\"default\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n        <div class=\"box\">\n        </div>\n      </div>\n      <div class=\"label\">\n        Checkbox label\n      </div>\n    </div>\n    <div class=\"feedback\">\n      This field is required.\n    </div>\n  </div>\n</div>",
@@ -26801,11 +27431,11 @@
   },
   "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 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>",
+      "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=\"heading\">\n          <div class=\"icon-left\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"heading\">\n            Heading\n          </div>\n          <div class=\"close\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\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-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}",
+      "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-heading-mixins\" as filter-scw-option-select-heading-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-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        .heading {\n          @include filter-scw-option-select-heading-mixins.box;\n          @include filter-scw-option-select-heading-mixins.figma-autolayout;\n\n          .icon-left {\n            @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n            .icon {\n              @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n              @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n              .vector {\n                @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n                @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .heading {\n            @include filter-scw-option-select-heading-heading-mixins.text;\n          }\n\n          .close {\n            @include filter-scw-option-select-heading-close-mixins.box;\n            @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n            .icon {\n              @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n              .vector {\n                @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n                @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\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": ""
     }
   },
@@ -27151,11 +27781,11 @@
   },
   "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 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>",
+      "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=\"heading\">\n        <div class=\"icon-left\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"heading\">\n          Heading\n        </div>\n        <div class=\"close\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\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-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}",
+      "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-heading-mixins\" as filter-scw-option-select-heading-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-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      .heading {\n        @include filter-scw-option-select-heading-mixins.box;\n        @include filter-scw-option-select-heading-mixins.figma-autolayout;\n\n        .icon-left {\n          @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n          .icon {\n            @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n            @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n            .vector {\n              @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n              @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .heading {\n          @include filter-scw-option-select-heading-heading-mixins.text;\n        }\n\n        .close {\n          @include filter-scw-option-select-heading-close-mixins.box;\n          @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n          .icon {\n            @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n            .vector {\n              @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n              @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\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": ""
     }
   },
@@ -27251,21 +27881,101 @@
   },
   "components-scw-rate-table-filter-scw-option": {
     "html": {
-      "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>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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}",
+      "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-heading-mixins\" as filter-scw-option-select-heading-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-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    .heading {\n      @include filter-scw-option-select-heading-mixins.box;\n      @include filter-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include filter-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include filter-scw-option-select-heading-close-mixins.box;\n        @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\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>",
+      "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\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-heading-mixins\" as filter-scw-option-select-heading-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-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  .heading {\n    @include filter-scw-option-select-heading-mixins.box;\n    @include filter-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include filter-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include filter-scw-option-select-heading-close-mixins.box;\n      @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\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-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-heading-mixins\" as filter-scw-option-select-heading-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include filter-scw-option-select-heading-mixins.box;\n  @include filter-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include filter-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include filter-scw-option-select-heading-close-mixins.box;\n    @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select-heading-icon-left": {
+    "html": {
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select-heading-icon-left-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select-heading-icon-left-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select-heading-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  Heading\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n\n.heading {\n  @include filter-scw-option-select-heading-heading-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select-heading-close": {
+    "html": {
+      "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-mixins;\n\n.close {\n  @include filter-scw-option-select-heading-close-mixins.box;\n  @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n      @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select-heading-close-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n    @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-filter-scw-option-select-heading-close-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\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}",
+      "output": "@use \"comp-scw-rate-table/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },
@@ -27741,11 +28451,11 @@
   },
   "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 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>",
+      "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=\"heading\">\n          <div class=\"icon-left\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"heading\">\n            Heading\n          </div>\n          <div class=\"close\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\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-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}",
+      "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-heading-mixins\" as filter-scw-option-select-heading-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-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        .heading {\n          @include filter-scw-option-select-heading-mixins.box;\n          @include filter-scw-option-select-heading-mixins.figma-autolayout;\n\n          .icon-left {\n            @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n            .icon {\n              @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n              @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n              .vector {\n                @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n                @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .heading {\n            @include filter-scw-option-select-heading-heading-mixins.text;\n          }\n\n          .close {\n            @include filter-scw-option-select-heading-close-mixins.box;\n            @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n            .icon {\n              @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n              .vector {\n                @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n                @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\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": ""
     }
   },
@@ -28091,11 +28801,11 @@
   },
   "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 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>",
+      "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=\"heading\">\n        <div class=\"icon-left\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"heading\">\n          Heading\n        </div>\n        <div class=\"close\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\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-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}",
+      "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-heading-mixins\" as filter-scw-option-select-heading-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-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      .heading {\n        @include filter-scw-option-select-heading-mixins.box;\n        @include filter-scw-option-select-heading-mixins.figma-autolayout;\n\n        .icon-left {\n          @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n          .icon {\n            @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n            @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n            .vector {\n              @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n              @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .heading {\n          @include filter-scw-option-select-heading-heading-mixins.text;\n        }\n\n        .close {\n          @include filter-scw-option-select-heading-close-mixins.box;\n          @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n          .icon {\n            @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n            .vector {\n              @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n              @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\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": ""
     }
   },
@@ -28191,21 +28901,101 @@
   },
   "components-scw-rate-table-mobile-filter-scw-option": {
     "html": {
-      "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>",
+      "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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}",
+      "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-heading-mixins\" as filter-scw-option-select-heading-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-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    .heading {\n      @include filter-scw-option-select-heading-mixins.box;\n      @include filter-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include filter-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include filter-scw-option-select-heading-close-mixins.box;\n        @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\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>",
+      "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\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-heading-mixins\" as filter-scw-option-select-heading-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-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  .heading {\n    @include filter-scw-option-select-heading-mixins.box;\n    @include filter-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include filter-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include filter-scw-option-select-heading-close-mixins.box;\n      @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\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-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\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/filter-scw-option-select-heading-mixins\" as filter-scw-option-select-heading-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include filter-scw-option-select-heading-mixins.box;\n  @include filter-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include filter-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include filter-scw-option-select-heading-close-mixins.box;\n    @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select-heading-icon-left": {
+    "html": {
+      "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-mixins\" as filter-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include filter-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include filter-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select-heading-icon-left-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-mixins\" as filter-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include filter-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select-heading-icon-left-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-icon-left-icon-vector-mixins\" as filter-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include filter-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select-heading-heading": {
+    "html": {
+      "output": "<div class=\"heading\">\n  Heading\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-heading-mixins\" as filter-scw-option-select-heading-heading-mixins;\n\n.heading {\n  @include filter-scw-option-select-heading-heading-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select-heading-close": {
+    "html": {
+      "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-mixins\" as filter-scw-option-select-heading-close-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-mixins;\n\n.close {\n  @include filter-scw-option-select-heading-close-mixins.box;\n  @include filter-scw-option-select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n      @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select-heading-close-icon": {
+    "html": {
+      "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-mixins\" as filter-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include filter-scw-option-select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n    @include filter-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-rate-table-mobile-filter-scw-option-select-heading-close-icon-vector": {
+    "html": {
+      "output": "<div class=\"vector\">\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}",
+      "output": "@use \"comp-scw-rate-table-mobile/filter-scw-option-select-heading-close-icon-vector-mixins\" as filter-scw-option-select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include filter-scw-option-select-heading-close-icon-vector-mixins.box;\n}",
       "example": ""
     }
   },