textarea.markdown-textarea,
textarea.markdown-textarea-mirror {
  resize: none;
  height: auto;
  overflow: hidden;
  padding-right: 25px;
  vertical-align: top;
  border-width: .09em;
  border-radius: 2px 2px 0 0;
  resize: none;
}

textarea.markdown-textarea-mirror {
  visibility: hidden;
  position: absolute;
  height: 0px;
  left: 0px;
}

textarea.markdown-textarea.noBottomBorder {
  border-bottom-style: none;
}

.markdown-statusbar {
  width: 100%;
  background: rgba( 244, 244, 244 ,  1 );
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  border-top: none;
  margin-top: -1px;
  padding: 1px;
  border-width: .09em;
  border-radius: 0 0 2px 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.markdown-statusbar .markdown-instructions {
  display: inline;
  font-size: 12px;
  font-style: italic;
}

.markdown-statusbar a.markdown-instructions {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.markdown-statusbar a.markdown-instructions:hover {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.markdown-statusbar .attachment-instructions {
  display: inline;
  font-size: 12px;
  font-style: italic;
  margin-left: 4px;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.markdown-statusbar .attachment-error-instructions {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
  font-size: 12px;
  font-style: italic;
}

.markdown-statusbar .character-counts {
  position: absolute;
  right: 8px;
}

.markdown-statusbar .character-counts.over-limit {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.markdown-statusbar .ms-MessageBar {
  height: 26px;
  min-height: 26px;
  background-color: rgba( 0, 0, 0 ,  0.02 );
  background-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  0.02 );
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content {
  padding: 0px;
  margin: 0px 6px 0px 4px;
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content .ms-Button.ms-Button--icon .ms-Icon {
  padding: 4px;
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content .ms-MessageBar-actionsOneline {
  margin-right: 0px;
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content .ms-Button-flexContainer {
  justify-content: flex-end;
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content .ms-Button-flexContainer .ms-Button-icon {
  height: auto;
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content .ms-MessageBar-dismissal {
  padding-right: 0px;
  margin: 0px;
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content .ms-MessageBar-innerTextPadding {
  overflow: hidden;
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content .ms-MessageBar-text {
  margin: 0px;
  align-self: center;
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content .ms-MessageBar-icon {
  margin: 0px;
  padding: 5px;
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content button {
  background: transparent;
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
  cursor: pointer;
  font-size: 12px;
  border: none;
}

.markdown-statusbar .ms-MessageBar .ms-MessageBar-content button:hover {
  text-decoration: underline;
}

.markdown-statusbar.noIcon .ms-MessageBar-icon {
  display: none;
}

.markdown-textarea:hover ~ .markdown-statusbar {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.markdown-textarea:focus ~ .markdown-statusbar {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.markdown-textarea:active ~ .markdown-statusbar {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}
