/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/applications/ui-components/client/editor/front/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.cm-editor {
  height: 100%;
  max-height: 100%;
  font-size: 15px;
  background-color: color-mix(in srgb, var(--tccInCard) 90%, black);
}

.cm-scroller {
  height: 100%;
  overflow: auto;
}

.cm-content {
  padding: 16px;
}

.cm-gutters {
  display: none;
  background-color: color-mix(in srgb, var(--tccInCard) 50%, transparent);
  border-right: 1px solid var(--tccBorder, #3f4041);
}

.ui-component-preview {
  min-height: 180px;
}

.ui-component-preview-status {
  padding: 12px 14px;
  border: 1px solid #4c4f52;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.04);
  color: #d7d9de;
  font-size: 13px;
}

.ui-component-preview.ui-component-preview-error .ui-component-preview-status {
  border-color: #b83333;
  background: rgba(184, 51, 51, 0.15);
  color: #ffd6d6;
}

/*# sourceMappingURL=style-index.css.map*/