/***BEGIN MarkdownComponent.css***/
.markdown-component {
  background: rgba( 255, 255, 255 ,  1 );
  background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  overflow: hidden;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 0px 15px; }
  .markdown-component.is-active {
    padding: 8px 8px 0; }
  .markdown-component.is-focused {
    border-color: rgba(0, 120, 212, 1);
    border-color: var(--communication-background,rgba(0, 120, 212, 1)); }
  .markdown-component .markdown-component-tabs-container {
    border-bottom:  1px solid;
    border-bottom-color: rgba( 200, 200, 200 ,  1 );
    border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
    margin: 0 12px; }
    .markdown-component .markdown-component-tabs-container .markdown-component-tabs {
      margin-left: -8px; }
  .markdown-component .markdown-editor-container {
    padding: 4px 0 0; }
  .markdown-component .markdown-preview-container {
    background: rgba( 255, 255, 255 ,  1 );
    background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
    min-height: 60px;
    padding: 4px 0 0; }
/***END MarkdownComponent.css***/

/***BEGIN MarkdownEditor.css***/
.markdown-editor-text-input {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
  .markdown-editor-text-input .markdown-editor-toolbar {
    background: rgba( 255, 255, 255 ,  1 );
    background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
    .markdown-editor-text-input .markdown-editor-toolbar .markdown-toolbar-menuitem-disabled button {
      border: none; }
    .markdown-editor-text-input .markdown-editor-toolbar .markdown-toolbar-button {
      color: rgba(0, 0, 0, .9);
      color: var(--text-primary-color,rgba(0, 0, 0, .9)); }

.bolt-button-group {
  gap: 0px; }
/***END MarkdownEditor.css***/

/***BEGIN MarkdownTextArea.css***/
.md-ta-container {
  position: relative; }
  .md-ta-container .markdown-textarea,
  .md-ta-container .markdown-textarea-mirror {
    resize: none;
    border: none;
    outline: none;
    vertical-align: top; }
  .md-ta-container .markdown-textarea {
    width: 100%;
    background-color: rgba( 255, 255, 255 ,  1 );
    background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
    .md-ta-container .markdown-textarea::placeholder {
      color: rgba( 102, 102, 102 ,  1 );
      color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
      font-style: italic; }
    .md-ta-container .markdown-textarea::-webkit-input-placeholder {
      color: rgba( 102, 102, 102 ,  1 );
      color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
      font-style: italic; }
    .md-ta-container .markdown-textarea:-moz-placeholder {
      color: rgba( 102, 102, 102 ,  1 );
      color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
      font-style: italic; }
    .md-ta-container .markdown-textarea::-moz-placeholder {
      color: rgba( 102, 102, 102 ,  1 );
      color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
      font-style: italic; }
  .md-ta-container .markdown-textarea-mirror {
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden; }
  .md-ta-container .ac-position {
    /* although the element is hidden, border is there to match
    * width of mention suggestion box.
    **/
    border:  1px solid;
    border-color: rgba( 0, 0, 0 ,  1 );
    border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
    position: absolute;
    visibility: hidden; }
  .md-ta-container .mirror-container {
    top: 0px;
    visibility: hidden;
    position: absolute;
    width: 100%;
    resize: none; }
    .md-ta-container .mirror-container span {
      /* overflow along x should be hidden to avoid horizontal scroll
        * which increases the height of element.
        **/
      overflow-x: hidden;
      word-wrap: break-word;
      overflow-wrap: break-word;
      white-space: pre-wrap; }
/***END MarkdownTextArea.css***/

/***BEGIN MarkdownToolbar.css***/
.markdowntoolbar-header1 .bolt-menuitem-cell-text {
  font-size: 28px !important;
  font-weight: bold !important;
  line-height: 28px; }

.markdowntoolbar-header2 .bolt-menuitem-cell-text {
  font-size: 21px !important;
  font-weight: bold !important; }

.markdowntoolbar-header3 .bolt-menuitem-cell-text {
  font-size: 16px !important;
  font-weight: bold !important; }
/***END MarkdownToolbar.css***/