.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; }