/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/


:root {
  --jp-private-padding: 10px;
  --jp-private-cell-editor-background: #f7f7f7;
  --jp-private-cell-editor-border: #cfcfcf;
  --jp-private-cell-prompt-width: 90px;
  --jp-private-cell-inprompt-color: #303F9F;
  --jp-private-cell-outprompt-color: #D84315;
  --jp-private-cell-font-family: var(--jp-ui-font-family);
  --jp-private-cell-prompt-letter-spacing: 2px;
}



/*-----------------------------------------------------------------------------
| Cell
|----------------------------------------------------------------------------*/


.jp-Cell {
  padding: 5px;
  margin: 0px;
  border: var(--jp-border-width) solid transparent;
  outline: none;
  background: transparent;
}


.jp-Cell-prompt {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: var(--jp-private-cell-prompt-width);
  color: var(--jp-private-cell-inprompt-color);
  font-family: var(--jp-private-cell-font-family);
  padding: var(--jp-code-padding);
  text-align: right;
  letter-spacing: var(--jp-private-cell-prompt-letter-spacing);
  line-height: var(--jp-code-line-height);
  font-size: var(--jp-code-font-size);
  border: var(--jp-border-width) solid transparent;
}


/*-----------------------------------------------------------------------------
| CodeCell
|----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------
| MarkdownCell
|----------------------------------------------------------------------------*/


.jp-MarkdownOutput {
  flex: 1 1 auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: var(--jp-code-padding);
}

.jp-MarkdownOutput.jp-RenderedHTMLCommon {
  overflow: visible;
}


/*-----------------------------------------------------------------------------
| InputArea
|----------------------------------------------------------------------------*/


.jp-InputArea {
  display: flex;
  flex-direction: row;
}


.jp-InputArea-editor {
  flex-grow: 1;
  flex-shrink: 1;
  height: auto;
}


.jp-CellEditor {
  border: var(--jp-border-width) solid var(--jp-private-cell-editor-border);
  border-radius: 0px;
  background: var(--jp-private-cell-editor-background);
}