forJupyterNotebook.css

/*!
* IPython notebook
*
*/
	/* CSS font colors for translated ANSI colors. */
	.ansibold {
	  font-weight: bold;
	}
	/* use dark versions for foreground, to improve visibility */
	.ansiblack {
	  color: black;
	}
	.ansired {
	  color: darkred;
	}
	.ansigreen {
	  color: darkgreen;
	}
	.ansiyellow {
	  color: #c4a000;
	}
	.ansiblue {
	  color: darkblue;
	}
	.ansipurple {
	  color: darkviolet;
	}
	.ansicyan {
	  color: steelblue;
	}
	.ansigray {
	  color: gray;
	}
	/* and light for background, for the same reason */
	.ansibgblack {
	  background-color: black;
	}
	.ansibgred {
	  background-color: red;
	}
	.ansibggreen {
	  background-color: green;
	}
	.ansibgyellow {
	  background-color: yellow;
	}
	.ansibgblue {
	  background-color: blue;
	}
	.ansibgpurple {
	  background-color: magenta;
	}
	.ansibgcyan {
	  background-color: cyan;
	}
	.ansibggray {
	  background-color: gray;
	}
	div.cell {
	  /* Old browsers */
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-box-align: stretch;
	  display: -moz-box;
	  -moz-box-orient: vertical;
	  -moz-box-align: stretch;
	  display: box;
	  /* Modern browsers */
	  display: flex;
	  flex-direction: column;
	  align-items: stretch;
	  border-radius: 2px;
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  border-width: 1px;
	  border-style: solid;
	  border-color: transparent;
	  width: 100%;
	  padding: 5px;
	  /* This acts as a spacer between cells, that is outside the border */
	  margin: 0px;
	  outline: none;
	  border-left-width: 1px;
	  padding-left: 5px;
	  background: linear-gradient(to right, transparent -40px, transparent 1px, transparent 1px, transparent 100%);
	}
	div.cell.jupyter-soft-selected {
	  border-left-color: #E3F2FD;
	  border-left-width: 1px;
	  padding-left: 5px;
	  border-right-color: #E3F2FD;
	  border-right-width: 1px;
	  background: #E3F2FD;
	}
	@media print {
	  div.cell.jupyter-soft-selected {
		border-color: transparent;
	  }
	}
	div.cell.selected {
	  border-color: #ababab;
	  border-left-width: 0px;
	  padding-left: 6px;
	  background: linear-gradient(to right, #42A5F5 -40px, #42A5F5 5px, transparent 5px, transparent 100%);
	}
	@media print {
	  div.cell.selected {
		border-color: transparent;
	  }
	}
	div.cell.selected.jupyter-soft-selected {
	  border-left-width: 0;
	  padding-left: 6px;
	  background: linear-gradient(to right, #42A5F5 -40px, #42A5F5 7px, #E3F2FD 7px, #E3F2FD 100%);
	}
	.edit_mode div.cell.selected {
	  border-color: #66BB6A;
	  border-left-width: 0px;
	  padding-left: 6px;
	  background: linear-gradient(to right, #66BB6A -40px, #66BB6A 5px, transparent 5px, transparent 100%);
	}
	@media print {
	  .edit_mode div.cell.selected {
		border-color: transparent;
	  }
	}
	.prompt {
	  /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
	  /* min-width: 14ex; */
	  /* This padding is tuned to match the padding on the CodeMirror editor. */
	  padding: 0.4em;
	  margin: 0px;
	  font-family: monospace;
	  text-align: right;
	  /* This has to match that of the the CodeMirror class line-height below */
	  line-height: 1.21429em;
	  /* Don't highlight prompt number selection */
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  /* Use default cursor */
	  cursor: default;
	}
	@media (max-width: 540px) {
	  .prompt {
		text-align: left;
	  }
	}
	div.inner_cell {
	  min-width: 0;
	  /* Old browsers */
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-box-align: stretch;
	  display: -moz-box;
	  -moz-box-orient: vertical;
	  -moz-box-align: stretch;
	  display: box;
	  /* Modern browsers */
	  display: flex;
	  flex-direction: column;
	  align-items: stretch;
	  /* Old browsers */
	  -webkit-box-flex: 1;
	  -moz-box-flex: 1;
	  /* Modern browsers */
	  flex: 1;
	}
	/* input_area and input_prompt must match in top border and margin for alignment */
	div.input_area {
	  border: 1px solid #cfcfcf;
	  border-radius: 2px;
	  background: #f7f7f7;
	  line-height: 1.21429em;
	}
	/* This is needed so that empty prompt areas can collapse to zero height when there
	   is no content in the output_subarea and the prompt. The main purpose of this is
	   to make sure that empty JavaScript output_subareas have no height. */
	div.prompt:empty {
	  padding-top: 0;
	  padding-bottom: 0;
	}
	div.unrecognized_cell {
	  padding: 5px 5px 5px 0px;
	  /* Old browsers */
	  display: -webkit-box;
	  -webkit-box-orient: horizontal;
	  -webkit-box-align: stretch;
	  display: -moz-box;
	  -moz-box-orient: horizontal;
	  -moz-box-align: stretch;
	  display: box;
	  /* Modern browsers */
	  display: flex;
	  flex-direction: row;
	  align-items: stretch;
	}
	div.unrecognized_cell .inner_cell {
	  border-radius: 2px;
	  padding: 5px;
	  font-weight: bold;
	  color: red;
	  border: 1px solid #cfcfcf;
	  background: #eaeaea;
	}
	div.unrecognized_cell .inner_cell a {
	  color: inherit;
	  text-decoration: none;
	}
	div.unrecognized_cell .inner_cell a:hover {
	  color: inherit;
	  text-decoration: none;
	}
	@media (max-width: 540px) {
	  div.unrecognized_cell > div.prompt {
		display: none;
	  }
	}
	div.code_cell {
	  /* avoid page breaking on code cells when printing */
	}
	@media print {
	  div.code_cell {
		page-break-inside: avoid;
	  }
	}
	/* any special styling for code cells that are currently running goes here */
	div.input {
	  page-break-inside: avoid;
	  /* Old browsers */
	  display: -webkit-box;
	  -webkit-box-orient: horizontal;
	  -webkit-box-align: stretch;
	  display: -moz-box;
	  -moz-box-orient: horizontal;
	  -moz-box-align: stretch;
	  display: box;
	  /* Modern browsers */
	  display: flex;
	  flex-direction: row;
	  align-items: stretch;
	}
	@media (max-width: 540px) {
	  div.input {
		/* Old browsers */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-align: stretch;
		display: -moz-box;
		-moz-box-orient: vertical;
		-moz-box-align: stretch;
		display: box;
		/* Modern browsers */
		display: flex;
		flex-direction: column;
		align-items: stretch;
	  }
	}
	/* input_area and input_prompt must match in top border and margin for alignment */
	div.input_prompt {
	  color: #303F9F;
	  border-top: 1px solid transparent;
	}
	div.input_area > div.highlight {
	  margin: 0.4em;
	  border: none;
	  padding: 0px;
	  background-color: transparent;
	}
	div.input_area > div.highlight > pre {
	  margin: 0px;
	  border: none;
	  padding: 0px;
	  background-color: transparent;
	  white-space: pre-wrap;
	}
/* 以下出力セルの整形分追加 */
	div.output_wrapper {
	  /* this position must be relative to enable descendents to be absolute within it */
	  position: relative;
	  /* Old browsers */
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-box-align: stretch;
	  display: -moz-box;
	  -moz-box-orient: vertical;
	  -moz-box-align: stretch;
	  display: box;
	  /* Modern browsers */
	  display: flex;
	  flex-direction: column;
	  align-items: stretch;
	  z-index: 1;
	}
	/* class for the output area when it should be height-limited */
	div.output_scroll {
	  /* ideally, this would be max-height, but FF barfs all over that */
	  height: 24em;
	  /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
	  width: 100%;
	  overflow: auto;
	  border-radius: 2px;
	  -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
	  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
	  display: block;
	}
	/* output div while it is collapsed */
	div.output_collapsed {
	  margin: 0px;
	  padding: 0px;
	  /* Old browsers */
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-box-align: stretch;
	  display: -moz-box;
	  -moz-box-orient: vertical;
	  -moz-box-align: stretch;
	  display: box;
	  /* Modern browsers */
	  display: flex;
	  flex-direction: column;
	  align-items: stretch;
	}
	div.out_prompt_overlay {
	  height: 100%;
	  padding: 0px 0.4em;
	  position: absolute;
	  border-radius: 2px;
	}
	div.out_prompt_overlay:hover {
	  /* use inner shadow to get border that is computed the same on WebKit/FF */
	  -webkit-box-shadow: inset 0 0 1px #000;
	  box-shadow: inset 0 0 1px #000;
	  background: rgba(240, 240, 240, 0.5);
	}
	div.output_prompt {
	  color: #D84315;
	}
	/* This class is the outer container of all output sections. */
	div.output_area {
	  padding: 0px;
	  page-break-inside: avoid;
	  /* Old browsers */
	  display: -webkit-box;
	  -webkit-box-orient: horizontal;
	  -webkit-box-align: stretch;
	  display: -moz-box;
	  -moz-box-orient: horizontal;
	  -moz-box-align: stretch;
	  display: box;
	  /* Modern browsers */
	  display: flex;
	  flex-direction: row;
	  align-items: stretch;
	}
	div.output_area .MathJax_Display {
	  text-align: left !important;
	}
	div.output_area .rendered_html table {
	  margin-left: 0;
	  margin-right: 0;
	}
	div.output_area .rendered_html img {
	  margin-left: 0;
	  margin-right: 0;
	}
	div.output_area img,
	div.output_area svg {
	  max-width: 100%;
	  height: auto;
	}
	div.output_area img.unconfined,
	div.output_area svg.unconfined {
	  max-width: none;
	}
	/* This is needed to protect the pre formating from global settings such
	   as that of bootstrap */
	.output {
	  /* Old browsers */
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-box-align: stretch;
	  display: -moz-box;
	  -moz-box-orient: vertical;
	  -moz-box-align: stretch;
	  display: box;
	  /* Modern browsers */
	  display: flex;
	  flex-direction: column;
	  align-items: stretch;
	}
	@media (max-width: 540px) {
	  div.output_area {
		/* Old browsers */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-align: stretch;
		display: -moz-box;
		-moz-box-orient: vertical;
		-moz-box-align: stretch;
		display: box;
		/* Modern browsers */
		display: flex;
		flex-direction: column;
		align-items: stretch;
	  }
	}
	div.output_area pre {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  vertical-align: baseline;
	  color: black;
	  background-color: transparent;
	  border-radius: 0;
	}
	/* This class is for the output subarea inside the output_area and after
	   the prompt div. */
	div.output_subarea {
	  overflow-x: auto;
	  padding: 0.4em;
	  /* Old browsers */
	  -webkit-box-flex: 1;
	  -moz-box-flex: 1;
	  /* Modern browsers */
	  flex: 1;
	  /* max-width: calc(100% - 14ex); */
	}
	div.output_scroll div.output_subarea {
	  overflow-x: visible;
	}
	/* The rest of the output_* classes are for special styling of the different
	   output types */
	/* all text output has this class: */
	div.output_text {
	  text-align: left;
	  color: #000;
	  /* This has to match that of the the CodeMirror class line-height below */
	  line-height: 1.21429em;
	}
	/* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
	div.output_stderr {
	  background: #fdd;
	  /* very light red background for stderr */
	}
	div.output_latex {
	  text-align: left;
	}
	/* Empty output_javascript divs should have no height */
	div.output_javascript:empty {
	  padding: 0;
	}
	.js-error {
	  color: darkred;
	}
/* コードのシンタックスハイライト */
	.highlight .hll { background-color: #ffffcc }
	.highlight  { background: #f8f8f8; }
	.highlight .c { color: #408080; font-style: italic } /* Comment */
	.highlight .err { border: 1px solid #FF0000 } /* Error */
	.highlight .k { color: #008000; font-weight: bold } /* Keyword */
	.highlight .o { color: #666666 } /* Operator */
	.highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
	.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
	.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
	.highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
	.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
	.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
	.highlight .gd { color: #A00000 } /* Generic.Deleted */
	.highlight .ge { font-style: italic } /* Generic.Emph */
	.highlight .gr { color: #FF0000 } /* Generic.Error */
	.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
	.highlight .gi { color: #00A000 } /* Generic.Inserted */
	.highlight .go { color: #888888 } /* Generic.Output */
	.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
	.highlight .gs { font-weight: bold } /* Generic.Strong */
	.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
	.highlight .gt { color: #0044DD } /* Generic.Traceback */
	.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
	.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
	.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
	.highlight .kp { color: #008000 } /* Keyword.Pseudo */
	.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
	.highlight .kt { color: #B00040 } /* Keyword.Type */
	.highlight .m { color: #666666 } /* Literal.Number */
	.highlight .s { color: #BA2121 } /* Literal.String */
	.highlight .na { color: #7D9029 } /* Name.Attribute */
	.highlight .nb { color: #008000 } /* Name.Builtin */
	.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
	.highlight .no { color: #880000 } /* Name.Constant */
	.highlight .nd { color: #AA22FF } /* Name.Decorator */
	.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
	.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
	.highlight .nf { color: #0000FF } /* Name.Function */
	.highlight .nl { color: #A0A000 } /* Name.Label */
	.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
	.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
	.highlight .nv { color: #19177C } /* Name.Variable */
	.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
	.highlight .w { color: #bbbbbb } /* Text.Whitespace */
	.highlight .mb { color: #666666 } /* Literal.Number.Bin */
	.highlight .mf { color: #666666 } /* Literal.Number.Float */
	.highlight .mh { color: #666666 } /* Literal.Number.Hex */
	.highlight .mi { color: #666666 } /* Literal.Number.Integer */
	.highlight .mo { color: #666666 } /* Literal.Number.Oct */
	.highlight .sa { color: #BA2121 } /* Literal.String.Affix */
	.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
	.highlight .sc { color: #BA2121 } /* Literal.String.Char */
	.highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
	.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
	.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
	.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
	.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
	.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
	.highlight .sx { color: #008000 } /* Literal.String.Other */
	.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
	.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
	.highlight .ss { color: #19177C } /* Literal.String.Symbol */
	.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
	.highlight .fm { color: #0000FF } /* Name.Function.Magic */
	.highlight .vc { color: #19177C } /* Name.Variable.Class */
	.highlight .vg { color: #19177C } /* Name.Variable.Global */
	.highlight .vi { color: #19177C } /* Name.Variable.Instance */
	.highlight .vm { color: #19177C } /* Name.Variable.Magic */
	.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
/* エラー出力等のシンタックスハイライト */
	/* Temporary definitions which will become obsolete with Notebook release 5.0 */
	.ansi-black-fg { color: #3E424D; }
	.ansi-black-bg { background-color: #3E424D; }
	.ansi-black-intense-fg { color: #282C36; }
	.ansi-black-intense-bg { background-color: #282C36; }
	.ansi-red-fg { color: #E75C58; }
	.ansi-red-bg { background-color: #E75C58; }
	.ansi-red-intense-fg { color: #B22B31; }
	.ansi-red-intense-bg { background-color: #B22B31; }
	.ansi-green-fg { color: #00A250; }
	.ansi-green-bg { background-color: #00A250; }
	.ansi-green-intense-fg { color: #007427; }
	.ansi-green-intense-bg { background-color: #007427; }
	.ansi-yellow-fg { color: #DDB62B; }
	.ansi-yellow-bg { background-color: #DDB62B; }
	.ansi-yellow-intense-fg { color: #B27D12; }
	.ansi-yellow-intense-bg { background-color: #B27D12; }
	.ansi-blue-fg { color: #208FFB; }
	.ansi-blue-bg { background-color: #208FFB; }
	.ansi-blue-intense-fg { color: #0065CA; }
	.ansi-blue-intense-bg { background-color: #0065CA; }
	.ansi-magenta-fg { color: #D160C4; }
	.ansi-magenta-bg { background-color: #D160C4; }
	.ansi-magenta-intense-fg { color: #A03196; }
	.ansi-magenta-intense-bg { background-color: #A03196; }
	.ansi-cyan-fg { color: #60C6C8; }
	.ansi-cyan-bg { background-color: #60C6C8; }
	.ansi-cyan-intense-fg { color: #258F8F; }
	.ansi-cyan-intense-bg { background-color: #258F8F; }
	.ansi-white-fg { color: #C5C1B4; }
	.ansi-white-bg { background-color: #C5C1B4; }
	.ansi-white-intense-fg { color: #A1A6B2; }
	.ansi-white-intense-bg { background-color: #A1A6B2; }
	.ansi-bold { font-weight: bold; }

forJupyterNotebook.min.css

.ansibold{font-weight:bold}.ansiblack{color:black}.ansired{color:darkred}.ansigreen{color:darkgreen}.ansiyellow{color:#c4a000}.ansiblue{color:darkblue}.ansipurple{color:darkviolet}.ansicyan{color:steelblue}.ansigray{color:gray}.ansibgblack{background-color:black}.ansibgred{background-color:red}.ansibggreen{background-color:green}.ansibgyellow{background-color:yellow}.ansibgblue{background-color:blue}.ansibgpurple{background-color:magenta}.ansibgcyan{background-color:cyan}.ansibggray{background-color:gray}div.cell{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;display:flex;flex-direction:column;align-items:stretch;border-radius:2px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;width:100%;padding:5px;margin:0;outline:none;border-left-width:1px;padding-left:5px;background:linear-gradient(to right,transparent -40px,transparent 1px,transparent 1px,transparent 100%)}div.cell.jupyter-soft-selected{border-left-color:#e3f2fd;border-left-width:1px;padding-left:5px;border-right-color:#e3f2fd;border-right-width:1px;background:#e3f2fd}@media print{div.cell.jupyter-soft-selected{border-color:transparent}}div.cell.selected{border-color:#ababab;border-left-width:0;padding-left:6px;background:linear-gradient(to right,#42a5f5 -40px,#42a5f5 5px,transparent 5px,transparent 100%)}@media print{div.cell.selected{border-color:transparent}}div.cell.selected.jupyter-soft-selected{border-left-width:0;padding-left:6px;background:linear-gradient(to right,#42a5f5 -40px,#42a5f5 7px,#e3f2fd 7px,#e3f2fd 100%)}.edit_mode div.cell.selected{border-color:#66bb6a;border-left-width:0;padding-left:6px;background:linear-gradient(to right,#66bb6a -40px,#66bb6a 5px,transparent 5px,transparent 100%)}@media print{.edit_mode div.cell.selected{border-color:transparent}}.prompt{padding:.4em;margin:0;font-family:monospace;text-align:right;line-height:1.21429em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}@media (max-width:540px){.prompt{text-align:left}}div.inner_cell{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;display:flex;flex-direction:column;align-items:stretch;-webkit-box-flex:1;-moz-box-flex:1;flex:1}div.input_area{border:1px solid #cfcfcf;border-radius:2px;background:#f7f7f7;line-height:1.21429em}div.prompt:empty{padding-top:0;padding-bottom:0}div.unrecognized_cell{padding:5px 5px 5px 0;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;display:flex;flex-direction:row;align-items:stretch}div.unrecognized_cell .inner_cell{border-radius:2px;padding:5px;font-weight:bold;color:red;border:1px solid #cfcfcf;background:#eaeaea}div.unrecognized_cell .inner_cell a,div.unrecognized_cell .inner_cell a:hover{color:inherit;text-decoration:none}@media (max-width:540px){div.unrecognized_cell>div.prompt{display:none}}@media print{div.code_cell{page-break-inside:avoid}}div.input{page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;display:flex;flex-direction:row;align-items:stretch}@media (max-width:540px){div.input{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;display:flex;flex-direction:column;align-items:stretch}}div.input_prompt{color:#303f9f;border-top:1px solid transparent}div.input_area>div.highlight{margin:.4em;border:none;padding:0;background-color:transparent}div.input_area>div.highlight>pre{margin:0;border:none;padding:0;background-color:transparent;white-space:pre-wrap}div.output_wrapper{position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;display:flex;flex-direction:column;align-items:stretch;z-index:1}div.output_scroll{height:24em;width:100%;overflow:auto;border-radius:2px;-webkit-box-shadow:inset 0 2px 8px rgba(0,0,0,0.8);box-shadow:inset 0 2px 8px rgba(0,0,0,0.8);display:block}div.output_collapsed{margin:0;padding:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;display:flex;flex-direction:column;align-items:stretch}div.out_prompt_overlay{height:100%;padding:0 .4em;position:absolute;border-radius:2px}div.out_prompt_overlay:hover{-webkit-box-shadow:inset 0 0 1px #000;box-shadow:inset 0 0 1px #000;background:rgba(240,240,240,0.5)}div.output_prompt{color:#d84315}div.output_area{padding:0;page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;display:flex;flex-direction:row;align-items:stretch}div.output_area .MathJax_Display{text-align:left!important}div.output_area .rendered_html table,div.output_area .rendered_html img{margin-left:0;margin-right:0}div.output_area img,div.output_area svg{max-width:100%;height:auto}div.output_area img.unconfined,div.output_area svg.unconfined{max-width:none}.output{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;display:flex;flex-direction:column;align-items:stretch}@media (max-width:540px){div.output_area{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;display:flex;flex-direction:column;align-items:stretch}}div.output_area pre{margin:0;padding:0;border:0;vertical-align:baseline;color:black;background-color:transparent;border-radius:0}div.output_subarea{overflow-x:auto;padding:.4em;-webkit-box-flex:1;-moz-box-flex:1;flex:1}div.output_scroll div.output_subarea{overflow-x:visible}div.output_text{text-align:left;color:#000;line-height:1.21429em}div.output_stderr{background:#fdd}div.output_latex{text-align:left}div.output_javascript:empty{padding:0}.js-error{color:darkred}.highlight .hll{background-color:#ffc}.highlight{background:#f8f8f8}.highlight .c{color:#408080;font-style:italic}.highlight .err{border:1px solid #f00}.highlight .k{color:#008000;font-weight:bold}.highlight .o{color:#666}.highlight .ch,.highlight .cm{color:#408080;font-style:italic}.highlight .cp{color:#bc7a00}.highlight .cpf,.highlight .c1,.highlight .cs{color:#408080;font-style:italic}.highlight .gd{color:#a00000}.highlight .ge{font-style:italic}.highlight .gr{color:#f00}.highlight .gh{color:#000080;font-weight:bold}.highlight .gi{color:#00a000}.highlight .go{color:#888}.highlight .gp{color:#000080;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#800080;font-weight:bold}.highlight .gt{color:#04d}.highlight .kc,.highlight .kd,.highlight .kn{color:#008000;font-weight:bold}.highlight .kp{color:#008000}.highlight .kr{color:#008000;font-weight:bold}.highlight .kt{color:#b00040}.highlight .m{color:#666}.highlight .s{color:#ba2121}.highlight .na{color:#7d9029}.highlight .nb{color:#008000}.highlight .nc{color:#00f;font-weight:bold}.highlight .no{color:#800}.highlight .nd{color:#a2f}.highlight .ni{color:#999;font-weight:bold}.highlight .ne{color:#d2413a;font-weight:bold}.highlight .nf{color:#00f}.highlight .nl{color:#a0a000}.highlight .nn{color:#00f;font-weight:bold}.highlight .nt{color:#008000;font-weight:bold}.highlight .nv{color:#19177c}.highlight .ow{color:#a2f;font-weight:bold}.highlight .w{color:#bbb}.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#666}.highlight .sa,.highlight .sb,.highlight .sc,.highlight .dl{color:#ba2121}.highlight .sd{color:#ba2121;font-style:italic}.highlight .s2{color:#ba2121}.highlight .se{color:#b62;font-weight:bold}.highlight .sh{color:#ba2121}.highlight .si{color:#b68;font-weight:bold}.highlight .sx{color:#008000}.highlight .sr{color:#b68}.highlight .s1{color:#ba2121}.highlight .ss{color:#19177c}.highlight .bp{color:#008000}.highlight .fm{color:#00f}.highlight .vc,.highlight .vg,.highlight .vi,.highlight .vm{color:#19177c}.highlight .il{color:#666}.ansi-black-fg{color:#3e424d}.ansi-black-bg{background-color:#3e424d}.ansi-black-intense-fg{color:#282c36}.ansi-black-intense-bg{background-color:#282c36}.ansi-red-fg{color:#e75c58}.ansi-red-bg{background-color:#e75c58}.ansi-red-intense-fg{color:#b22b31}.ansi-red-intense-bg{background-color:#b22b31}.ansi-green-fg{color:#00a250}.ansi-green-bg{background-color:#00a250}.ansi-green-intense-fg{color:#007427}.ansi-green-intense-bg{background-color:#007427}.ansi-yellow-fg{color:#ddb62b}.ansi-yellow-bg{background-color:#ddb62b}.ansi-yellow-intense-fg{color:#b27d12}.ansi-yellow-intense-bg{background-color:#b27d12}.ansi-blue-fg{color:#208ffb}.ansi-blue-bg{background-color:#208ffb}.ansi-blue-intense-fg{color:#0065ca}.ansi-blue-intense-bg{background-color:#0065ca}.ansi-magenta-fg{color:#d160c4}.ansi-magenta-bg{background-color:#d160c4}.ansi-magenta-intense-fg{color:#a03196}.ansi-magenta-intense-bg{background-color:#a03196}.ansi-cyan-fg{color:#60c6c8}.ansi-cyan-bg{background-color:#60c6c8}.ansi-cyan-intense-fg{color:#258f8f}.ansi-cyan-intense-bg{background-color:#258f8f}.ansi-white-fg{color:#c5c1b4}.ansi-white-bg{background-color:#c5c1b4}.ansi-white-intense-fg{color:#a1a6b2}.ansi-white-intense-bg{background-color:#a1a6b2}.ansi-bold{font-weight:bold}