diff --git a/all_static/css/localhost%3a4000/all_static/css/main.css%3fversion=ff7246c21c b/all_static/css/localhost%3a4000/all_static/css/main.css%3fversion=ff7246c21c
new file mode 100644
index 000000000..91a76caff
--- /dev/null
+++ b/all_static/css/localhost%3a4000/all_static/css/main.css%3fversion=ff7246c21c
@@ -0,0 +1,9578 @@
+@charset "UTF-8";
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ * without disabling user zoom.
+ */
+html {
+ font-family: sans-serif;
+ /* 1 */
+ -ms-text-size-adjust: 100%;
+ /* 2 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+ margin: 0; }
+
+/* HTML5 display definitions
+ ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+ /* 1 */
+ vertical-align: baseline;
+ /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+ display: none;
+ height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+ display: none; }
+
+/* Links
+ ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+ background-color: transparent; }
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+a:active,
+a:hover {
+ outline: 0; }
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+ border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+ font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+ font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1, section.section h2 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+ background: #ff0;
+ color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+ font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline; }
+
+sup {
+ top: -0.5em; }
+
+sub {
+ bottom: -0.25em; }
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+ border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+ overflow: hidden; }
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+ margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+ overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+/* Forms
+ ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+ margin: 0;
+ /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+ overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+ text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ /* 2 */
+ cursor: pointer;
+ /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+ cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+ line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+input[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ /* 2 */ }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none; }
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+ border: 0;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+ overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+ font-weight: bold; }
+
+/* Tables
+ ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+td,
+th {
+ padding: 0; }
+
+/*
+
+Colorbrewer theme
+Original: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock
+Ported by Fabrício Tavares de Oliveira
+
+*/
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ -webkit-text-size-adjust: none;
+ font-family: monospace; }
+
+.hljs,
+.hljs-subst,
+.hljs-tag .hljs-title,
+.nginx .hljs-title {
+ color: #1e1e1e; }
+
+.hljs-string,
+.hljs-title,
+.hljs-constant,
+.hljs-parent,
+.hljs-tag .hljs-value,
+.hljs-rule .hljs-value,
+.hljs-preprocessor,
+.hljs-pragma,
+.haml .hljs-symbol,
+.ruby .hljs-symbol,
+.ruby .hljs-symbol .hljs-string,
+.hljs-template_tag,
+.django .hljs-variable,
+.smalltalk .hljs-class,
+.hljs-addition,
+.hljs-flow,
+.hljs-stream,
+.bash .hljs-variable,
+.apache .hljs-tag,
+.apache .hljs-cbracket,
+.tex .hljs-command,
+.tex .hljs-special,
+.erlang_repl .hljs-function_or_atom,
+.asciidoc .hljs-header,
+.markdown .hljs-header,
+.coffeescript .hljs-attribute,
+.hljs-name {
+ color: #728E00; }
+
+.smartquote,
+.hljs-comment,
+.hljs-annotation,
+.diff .hljs-header,
+.hljs-chunk,
+.asciidoc .hljs-blockquote,
+.markdown .hljs-blockquote {
+ color:rgba(149,165,166,.8); }
+
+.hljs-number,
+.hljs-date,
+.hljs-regexp,
+.hljs-literal,
+.hljs-hexcolor,
+.smalltalk .hljs-symbol,
+.smalltalk .hljs-char,
+.go .hljs-constant,
+.hljs-change,
+.lasso .hljs-variable,
+.makefile .hljs-variable,
+.asciidoc .hljs-bullet,
+.markdown .hljs-bullet,
+.asciidoc .hljs-link_url,
+.markdown .hljs-link_url {
+ color: #8A7B52; }
+
+.hljs-label,
+.ruby .hljs-string,
+.hljs-decorator,
+.hljs-filter .hljs-argument,
+.hljs-localvars,
+.hljs-array,
+.hljs-attr_selector,
+.hljs-important,
+.hljs-pseudo,
+.hljs-pi,
+.haml .hljs-bullet,
+.hljs-doctype,
+.hljs-deletion,
+.hljs-envvar,
+.hljs-shebang,
+.apache .hljs-sqbracket,
+.nginx .hljs-built_in,
+.hljs-list .hljs-built_in,
+.tex .hljs-formula,
+.erlang_repl .hljs-reserved,
+.hljs-prompt,
+.asciidoc .hljs-link_label,
+.markdown .hljs-link_label,
+.vhdl .hljs-attribute,
+.clojure .hljs-attribute,
+.asciidoc .hljs-attribute,
+.lasso .hljs-attribute,
+.coffeescript .hljs-property,
+.hljs-phony {
+ color: #005C5F; }
+
+.hljs-keyword,
+.hljs-id,
+.hljs-title,
+.hljs-built_in,
+.css .hljs-tag,
+.hljs-doctag,
+.smalltalk .hljs-class,
+.hljs-winutils,
+.bash .hljs-variable,
+.apache .hljs-tag,
+.hljs-type,
+.hljs-typename,
+.tex .hljs-command,
+.asciidoc .hljs-strong,
+.markdown .hljs-strong,
+.hljs-request,
+.hljs-status {
+ color: #00979D; }
+
+.asciidoc .hljs-emphasis,
+.markdown .hljs-emphasis {
+ font-style: italic; }
+
+.nginx .hljs-built_in {
+ font-weight: normal; }
+
+.coffeescript .javascript,
+.javascript .xml,
+.lasso .markup,
+.tex .hljs-formula,
+.xml .javascript,
+.xml .vbscript,
+.xml .css,
+.xml .hljs-cdata {
+ opacity: 0.5; }
+
+.css .hljs-attribute,
+.html .hljs-attribute {
+ color: #e6550d; }
+
+.css .hljs-class,
+.html .hljs-tag,
+.html .hljs-title {
+ color: #3182bd; }
+
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+/* Tomorrow Comment */
+.hljs-comment,
+.hljs-title {
+ color: #7f7f7f; }
+
+/* Tomorrow Red */
+.hljs-variable,
+.hljs-attribute,
+.hljs-tag,
+.hljs-regexp,
+.ruby .hljs-constant,
+.xml .hljs-tag .hljs-title,
+.xml .hljs-pi,
+.xml .hljs-doctype,
+.html .hljs-doctype,
+.css .hljs-id,
+.css .hljs-class,
+.css .hljs-pseudo {
+ color: #d62728; }
+
+/* Tomorrow Orange */
+.hljs-number,
+.hljs-preprocessor,
+.hljs-pragma,
+.hljs-built_in,
+.hljs-literal,
+.hljs-params,
+.hljs-constant {
+ color: #8A7B52; }
+
+/* Tomorrow Yellow */
+.ruby .hljs-class .hljs-title,
+.css .hljs-rules .hljs-attribute {
+ color: #eac54c; }
+
+/* Tomorrow Green */
+.hljs-string,
+.hljs-value,
+.hljs-inheritance,
+.hljs-header,
+.ruby .hljs-symbol,
+.xml .hljs-cdata {
+ color:#005C5F; }
+
+/* Tomorrow Aqua */
+.css .hljs-hexcolor {
+ color: #17becf; }
+
+/* Tomorrow Blue */
+.hljs-function,
+.python .hljs-decorator,
+.python .hljs-title,
+.ruby .hljs-function .hljs-title,
+.ruby .hljs-title .hljs-keyword,
+.perl .hljs-sub,
+.javascript .hljs-title,
+.coffeescript .hljs-title {
+ color:#728E00; }
+
+/* Tomorrow Purple */
+.hljs-keyword,
+.javascript .hljs-function {
+ color: #728E00; }
+
+.hljs {
+ display: block;
+ /* background-color:#ffffff; */
+ /*color: #4d4d4c;*/
+ /*padding: 0.5em;*/
+ font-family: monospace;
+ font-size: 16px;
+ /*font-size:10.5pt;*/
+ /*margin: 0 0 0 0;*/
+ /*-moz-border-radius: 5px;*/
+ /*border-radius: 5px;*/
+ border-width: 0px;
+ /*border-style:solid;*/
+ /*border-color:rgba(0,0,0,0.2);*/
+ /*text-align: left;*/
+ /*margin-bottom:5px;*/
+ /*margin-top:5px;*/ }
+
+code.hljs {
+ /*font-size:11pt;*/
+ -webkit-border-radius: 0px;
+ border-radius: 0px; }
+
+.coffeescript .javascript,
+.javascript .xml,
+.tex .hljs-formula,
+.xml .javascript,
+.xml .vbscript,
+.xml .css,
+.xml .hljs-cdata {
+ opacity: 0.5; }
+
+.nocolor {
+ color: #4d4d4c !important; }
+
+html {
+ font-size: 14.5px;
+ font-family: "campaign", sans-serif;
+ font-weight: 400; }
+
+body {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+ body p, body section.section div.content-box, section.section body div.content-box {
+ line-height: 1.85;
+ font-weight: 400 !important; }
+ body p a, body section.section div.content-box a, section.section body div.content-box a {
+ font-weight: 400 !important;
+ color: #506784 !important;
+ text-decoration: underline;
+ }
+ body p a:hover, body section.section div.content-box a:hover, section.section body div.content-box a:hover {
+ color: #0D67BF !important; }
+ body p *, body section.section div.content-box *, section.section body div.content-box * {
+ font-weight: 400 !important; }
+ body main.\--page {
+ -webkit-box-flex: 1;
+ -webkit-flex: auto;
+ -ms-flex: auto;
+ flex: auto;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+ body main.\--page > .\--wrap {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+ body main.\--page .\--page-body {
+ width: -webkit-calc(100% - 220px);
+ width: calc(100% - 220px); }
+ @media (max-width: 584px) {
+ body main.\--page .\--page-body {
+ width: 100%;
+ overflow-x: hidden !important; } }
+ body main.\--page.\--tutorial-index {
+ margin-top: 0; }
+
+ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none; }
+
+table {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ min-width: 100%;
+ color: #333333;
+ font-size: 1.2rem;
+ background-color: #ffffff;
+ border-collapse: collapse;
+ border-spacing: 0; }
+ table th, table tr, table td {
+ font-family: 'Droid Sans Mono', monospace;
+ font-weight: 200; }
+ table th {
+ font-weight: bold; }
+ table tr:nth-child(even) {
+ background-color: #eee; }
+ table tr:nth-child(odd) {
+ background-color: #fff; }
+
+a:link, a:visited, a:active {
+ color: currentColor; }
+
+a:link:not(.button) {
+ position: relative;
+ opacity: 0.95;
+ color: currentColor;
+ /* text-decoration: none; */
+ font-weight: 400;
+ }
+
+a:hover {
+ opacity: 1 !important;
+ text-decoration: underline !important;
+ color: #0FA0CE !important;
+ }
+
+h6 {
+ font-weight: bold;
+ font-size: 1rem;
+ position: relative;
+ margin: 0;
+ padding-bottom: 15px;
+ margin-bottom: 15px; }
+ h6::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 100%;
+ width: 40px;
+ height: 3px;
+ background: #e1e1ec; }
+
+[data-tooltip] {
+ position: relative;
+ z-index: 2;
+ cursor: pointer; }
+
+/* Hide the tooltip content by default */
+[data-tooltip]:before,
+[data-tooltip]:after {
+ visibility: hidden;
+ opacity: 0;
+ pointer-events: none; }
+
+/* Position tooltip above the element */
+[data-tooltip]:before {
+ position: absolute;
+ bottom: -38px;
+ left: 50%;
+ margin-bottom: 5px;
+ margin-left: -80px;
+ padding: 7px;
+ width: 160px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ background-color: #000;
+ background-color: rgba(51, 51, 51, 0.9);
+ color: #fff;
+ content: attr(data-tooltip);
+ text-align: center;
+ font-size: 14px;
+ line-height: 1.2; }
+
+/* Triangle hack to make tooltip look like a speech bubble */
+[data-tooltip]:after {
+ position: absolute;
+ top: 48px;
+ display: none;
+ left: 50%;
+ margin-left: -5px;
+ margin-top: -7px;
+ width: 0;
+ border-top: 5px solid #000;
+ border-top: 5px solid rgba(51, 51, 51, 0.9);
+ border-right: 5px solid transparent;
+ border-left: 5px solid transparent;
+ content: " ";
+ font-size: 0;
+ line-height: 0;
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg); }
+
+/* Show tooltip content on hover */
+[data-tooltip]:hover:before,
+[data-tooltip]:hover:after {
+ visibility: visible;
+ opacity: 1; }
+
+pre {
+ position: relative; }
+
+span.copyCode {
+ top: 0;
+ right: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 10px;
+ border-bottom: 1px solid #e7e7e7;
+ border-left: 1px solid #e7e7e7;
+ background: #e4e4ee;
+ position: absolute;
+ font-family: "campaign", sans-serif !important; }
+ span.copyCode div.icon {
+ -webkit-transform: scale(0.75);
+ -ms-transform: scale(0.75);
+ transform: scale(0.75);
+ opacity: 0.3;
+ margin-top: 2px; }
+ span.copyCode.zeroclipboard-is-hover {
+ background: white;
+ cursor: pointer; }
+
+*:focus {
+ outline: 0 !important; }
+
+@-webkit-keyframes fadeInUp {
+ from {
+ opacity: 0; }
+ to {
+ opacity: 1; } }
+
+@keyframes fadeInUp {
+ from {
+ opacity: 0; }
+ to {
+ opacity: 1; } }
+
+.fiu {
+ -webkit-animation: fadeInUp 0.5s forwards ease-in-out;
+ animation: fadeInUp 0.5s forwards ease-in-out;
+ opacity: 1 !important; }
+
+.tooltip-fi, [data-tooltip]:hover:before,
+[data-tooltip]:hover:after {
+ -webkit-animation: fadeInUp 0.18s forwards ease-in-out;
+ animation: fadeInUp 0.18s forwards ease-in-out;
+ opacity: 1 !important; }
+
+.fiud, header.header-main.mobile-menu .\--wrap .\--nav-mobile, header.header-main .\--wrap .\--nav-mobile ul li {
+ opacity: 1 !important; }
+
+.mobile-menu-btn {
+ position: relative;
+ z-index: 99;
+ /* btn */
+ /* --- btn --- */ }
+ @media (min-width: 1024px) {
+ .mobile-menu-btn {
+ display: none; } }
+ .mobile-menu-btn .menu {
+ position: relative;
+ display: inline-block;
+ width: 30px;
+ height: 30px;
+ margin: 25px; }
+ .mobile-menu-btn .menu span {
+ margin: 0 auto;
+ position: relative;
+ top: 12px;
+ -webkit-transition-duration: 0s;
+ transition-duration: 0s;
+ -webkit-transition-delay: 0.2s;
+ transition-delay: 0.2s;
+ -webkit-transition: background 0.2s ease-in-out;
+ transition: background 0.2s ease-in-out; }
+ .mobile-menu-btn .menu span:before, .mobile-menu-btn .menu span:after {
+ position: absolute;
+ content: ''; }
+ .mobile-menu-btn .menu span, .mobile-menu-btn .menu span:before, .mobile-menu-btn .menu span:after {
+ width: 30px;
+ height: 6px;
+ background-color: #626262;
+ display: block; }
+ .mobile-menu-btn .menu span:before {
+ margin-top: -12px;
+ -webkit-transition: margin 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0s;
+ transition: margin 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0s;
+ transition: margin 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;
+ transition: margin 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s; }
+ .mobile-menu-btn .menu span:after {
+ margin-top: 12px;
+ -webkit-transition: margin 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0s;
+ transition: margin 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0s;
+ transition: margin 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;
+ transition: margin 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s; }
+
+.mobile-menu .menu span {
+ background-color: transparent;
+ -webkit-transition: background 0.2s ease-in-out 0s;
+ transition: background 0.2s ease-in-out 0s; }
+
+.mobile-menu .menu span:before {
+ margin-top: 0;
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-transition: margin 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0.2s;
+ transition: margin 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0.2s;
+ transition: margin 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;
+ transition: margin 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.2s; }
+
+.mobile-menu .menu span:after {
+ margin-top: 0;
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -webkit-transition: margin 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0.2s;
+ transition: margin 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0.2s;
+ transition: margin 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;
+ transition: margin 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.2s; }
+
+* {
+ -webkit-tap-highlight-color: transparent; }
+
+body.no-scroll {
+ overflow: hidden !important; }
+
+pre {
+ word-break: break-all;
+ margin: 10px 0;
+ border-left: 1px solid #e7e7e7;
+ width: 100%;
+ max-width: 100%;
+ overflow: auto; }
+ pre code {
+ display: block;
+ font-family: monospace;
+ font-size: 0.85rem;
+ width: 100%;
+ width: 100%;
+ max-width: 100%;
+ overflow: auto; }
+
+.page404 {
+ margin: 0 auto;
+ text-align: center;
+ min-width: 260px;
+ color: #333;
+ padding: 50px; }
+
+.page404-heading {
+ color: #447ADB;
+ font-size: 100px;
+ font-weight: 800;
+ line-height: 100px; }
+
+.page404-bars {
+ background-color: #447ADB;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ height: 75px;
+ margin: 0 6px 10px 6px;
+ padding-bottom: 20px;
+ text-align: center;
+ vertical-align: bottom;
+ width: 75px; }
+
+.page404-bars svg {
+ margin-bottom: 30px; }
+
+.page404-txt {
+ font-weight: 300;
+ font-size: 16px; }
+ .page404-txt br {
+ display: none; }
+ .page404-txt h3 {
+ font-size: 2rem; }
+ .page404-txt h5 {
+ font-size: 1.5rem; }
+ .page404-txt h5 a {
+ font-size: 1rem;
+ background: #447bdc;
+ color: white !important;
+ padding: 20px; }
+ .page404-txt h5 a:hover {
+ cursor: pointer; }
+
+.page404-cta {
+ padding: 24px 0; }
+
+.page404-cta p, .page404-cta section.section div.content-box, section.section .page404-cta div.content-box {
+ margin: 0;
+ line-height: 24px;
+ line-height: 1.5rem; }
+
+.\--sidebar-fixed::-webkit-scrollbar {
+ width: 2px;
+ height: 1px;
+ border-left: 0;
+ background: rgba(0, 0, 0, 0.1); }
+
+.\--sidebar-fixed::-webkit-scrollbar-thumb {
+ background: rgba(68, 123, 220, 0.8);
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ width: 3px; }
+
+h2 code {
+ font-size: inherit !important;
+ background: transparent !important; }
+
+section.\--page-body.\--full-width {
+ max-width: 100%; }
+
+.not-found .\--wrap::before {
+ display: none; }
+
+* {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+body {
+ margin: 0;
+ padding: 0;
+ font-family: "campaign", sans-serif; }
+
+.header-large--wrap {
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ color: #f4f4f8; }
+ .header-large--wrap p a, .header-large--wrap section.section div.content-box a, section.section .header-large--wrap div.content-box a {
+ color: #f4f4f8 !important; }
+ .header-large--wrap .header--blue-bg {
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(-10%, rgba(29, 156, 252, 0.9)), to(#1e427d));
+ background-image: -webkit-linear-gradient(bottom, rgba(29, 156, 252, 0.9) -10%, #1e427d 100%);
+ background-image: linear-gradient(0deg, rgba(29, 156, 252, 0.9) -10%, #1e427d 100%);
+ width: 100%;
+ height: 100%; }
+ .header-large--wrap .header--blue-bg .\--image {
+ background-image: url("https://images.plot.ly/excel/plotlyjs/plotlyjs-banner-background.png");
+ background-repeat: no-repeat;
+ background-size: cover;
+ max-width: 100%;
+ background-position: center top;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ z-index: 1;
+ opacity: 0.5;
+ mix-blend-mode: multiply; }
+ .header-large--wrap .header--blue-bg .header--meta-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ position: relative;
+ z-index: 2;
+ font-size: 2.3rem;
+ color: white;
+ max-width: 1400px;
+ margin: 0 auto;
+ width: 80%;
+ margin-top: 80px;
+ padding: 30px;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .header-large--wrap .header--blue-bg .header--meta-content p, .header-large--wrap .header--blue-bg .header--meta-content section.section div.content-box, section.section .header-large--wrap .header--blue-bg .header--meta-content div.content-box {
+ display: block;
+ text-align: center;
+ font-size: 1.5rem;
+ margin: 0;
+ width: 100%; }
+ .header-large--wrap .header--blue-bg .header--meta-content .github-star {
+ width: 100%;
+ margin-top: 20px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding: 10px 0; }
+ .header-large--wrap .header--blue-bg .header--meta-content .banner {
+ display: block;
+ text-align: center;
+ font-size: 1.4rem;
+ border: solid;
+ -webkit-border-radius: 8px;
+ border-radius: 8px;
+ border-width: .1em;
+ padding: 30px;
+ padding-top: 20px;
+ opacity: .98;
+ text-decoration: none; }
+ .header-large--wrap .header--blue-bg .header--meta-content .banner-button {
+ border: solid;
+ -webkit-border-radius: 6px;
+ border-radius: 6px;
+ padding: 7px;
+ background-color: #e569e3;
+ border-color: #e569e3;
+ text-decoration: none; }
+
+.header-large--wrap + header.header-main.\--default, .header-large--wrap + header.header-main.\--default.affix {
+ color: white !important;
+ background: transparent;
+ border-bottom: 0; }
+ .header-large--wrap + header.header-main.\--default .\-identity {
+ color: white !important; }
+ .header-large--wrap + header.header-main.\--default.mobile-menu .mobile-menu-btn span {
+ background: transparent;
+ -webkit-transition: background 0.2s ease-in-out 0s;
+ transition: background 0.2s ease-in-out 0s; }
+ .header-large--wrap + header.header-main.\--default.mobile-menu .mobile-menu-btn span::before, .header-large--wrap + header.header-main.\--default.mobile-menu .mobile-menu-btn span::after {
+ background: #626262; }
+ .header-large--wrap + header.header-main.\--default .mobile-menu-btn span {
+ background: white;
+ -webkit-transition: background 0.2s ease-in-out 0s;
+ transition: background 0.2s ease-in-out 0s; }
+ .header-large--wrap + header.header-main.\--default .mobile-menu-btn span::before, .header-large--wrap + header.header-main.\--default .mobile-menu-btn span::after {
+ background: white; }
+ .header-large--wrap + header.header-main.affix.\--default {
+ border-bottom: 1px solid #e7e7e7; }
+ .header-large--wrap + header.header-main.affix.\--default .mobile-menu-btn span {
+ background: #626262;
+ -webkit-transition: background 0.2s ease-in-out 0s;
+ transition: background 0.2s ease-in-out 0s; }
+ .header-large--wrap + header.header-main.affix.\--default .mobile-menu-btn span::before, .header-large--wrap + header.header-main.affix.\--default .mobile-menu-btn span::after {
+ background: #626262; }
+ .header-large--wrap + header.header-main.affix.\--default .\-identity {
+ color: #447bdc !important; }
+ .header-large--wrap + header.header-main.\--default a:link, .header-large--wrap + header.header-main.\--default a:visited, .header-large--wrap + header.header-main.\--default a:active {
+ color: currentColor !important; }
+
+header .\-identity {
+ color: #447bdc; }
+
+header.header-main {
+ -webkit-transition: 0.2s ease-in-out all;
+ transition: 0.2s ease-in-out all;
+ top: 0;
+ z-index: 9999;
+ border-bottom: 1px solid #e7e7e7;
+ width: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding: 20px;
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 60px;
+ }
+ header.header-main.mobile-menu .\--wrap .\--nav-mobile {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ opacity: 0;
+ color: #626262 !important; }
+ header.header-main.mobile-menu .\--wrap .\--nav-mobile a {
+ color: #626262 !important; }
+ @media (max-width: 1023px) {
+ header.header-main.mobile-menu .\--wrap .\--nav-mobile li:not(.tablet) {
+ display: none !important; } }
+ @media (max-width: 584px) {
+ header.header-main.mobile-menu .\--wrap .\--nav-mobile li:not(.tablet) {
+ display: -webkit-box !important;
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; } }
+ header.header-main * {
+ text-decoration: none !important; }
+ header.header-main.\--white {
+ color: white !important;
+ border-bottom: 0; }
+ header.header-main.\--white a:link, header.header-main.\--white a:visited, header.header-main.\--white a:active {
+ color: currentColor !important;
+ text-decoration: none !important; }
+ header.header-main.\--default, .header-large--wrap + header.header-main.\--default.affix {
+ color: #626262 !important;
+ background-color: white; }
+ header.header-main.\--default a:not(.button):link, header.header-main.\--default a:not(.button):visited, header.header-main.\--default a:not(.button):active {
+ color: currentColor !important;
+ }
+ header.header-main .\--wrap {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ margin: 0;
+ font-weight: 300; }
+ header.header-main .\--wrap .\--wrap-left {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ header.header-main .\--wrap .\-identity {
+ width: 125px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ header.header-main .\--wrap .\-identity::before {
+ display: none !important; }
+ header.header-main .\--wrap .\-identity a.logo {
+ max-width: 60px;
+ width: 60px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ header.header-main .\--wrap .\-identity a.logo svg {
+ max-width: 60px;
+ width: 60px; }
+ header.header-main .\--wrap .\-identity h1, header.header-main .\--wrap .\-identity section.section h2, section.section header.header-main .\--wrap .\-identity h2 {
+ display: inline;
+ font-weight: 300;
+ padding: 10px;
+ font-size: 1.5rem; }
+ header.header-main .\--wrap .\-identity div.logo {
+ max-width: 50px;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 80px;
+ -ms-flex: 0 0 80px;
+ flex: 0 0 80px;
+ margin: 0;
+ padding: 0; }
+ header.header-main .\--wrap .\-identity div.logo svg {
+ max-width: 100%; }
+ header.header-main .\--wrap .\-identity div.logo svg rect {
+ fill: currentColor; }
+ header.header-main .\--wrap nav {
+ font-size: 1.1rem; }
+ header.header-main .\--wrap nav ul {
+ list-style-type: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ margin: 0;
+ padding: 0; }
+ header.header-main .\--wrap nav ul li {
+ padding: 5px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ text-align: center; }
+ header.header-main .\--wrap nav.\--item {
+ color: currentColor; }
+ header.header-main .\--wrap .\--nav-mobile {
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+ background: white;
+ width: 100%;
+ height: 100vh;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ z-index: 2; }
+ @media (min-width: 1024px) {
+ header.header-main .\--wrap .\--nav-mobile {
+ display: none; } }
+ header.header-main .\--wrap .\--nav-mobile ul {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ width: 100%; }
+ header.header-main .\--wrap .\--nav-mobile ul li {
+ min-width: 100%;
+ padding: 20px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ header.header-main .\--wrap .\--nav-mobile ul li a {
+ width: 100%;
+ -webkit-align-self: stretch;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ text-transform: uppercase;
+ letter-spacing: 2px;
+ font-size: 1rem !important; }
+ header.header-main .\--wrap .\--nav-mobile ul li a::before {
+ display: none !important; }
+ header.header-main .\--wrap .\--nav-mobile ul li:hover {
+ background: #f4f4f8; }
+ header.header-main .\--wrap .\--nav-site ul li {
+ padding: 10px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ header.header-main .\--wrap .\--nav-site ul li .\--item {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ position: relative; }
+ header.header-main .\--wrap .\--nav-site ul li .\--item .icon {
+ position: absolute;
+ top: 0;
+ right: -20px;
+ margin-top: -3px;
+ margin-left: -3px;
+ -webkit-transform: scale(0.75);
+ -ms-transform: scale(0.75);
+ transform: scale(0.75); }
+ header.header-main .\--wrap .\--nav-site ul li .\--item .icon svg path {
+ fill: currentColor; }
+ header.header-main .\--wrap .\--nav-site ul li a {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ @media (max-width: 1023px) {
+ header.header-main .\--wrap .\--nav-meta {
+ display: none !important; } }
+ @media (max-width: 584px) {
+ header.header-main .\--wrap .\--nav-site {
+ display: none !important; } }
+ header.header-main .\--wrap .button {
+ background-color: #f4564e;
+ border-radius: 1.22rem;
+ color: #fff!important;
+ cursor: pointer;
+ display: inline-block;
+ font-style: italic;
+ font-weight: 700;
+ line-height: 1.2;
+ font-size: 12.8px;
+ letter-spacing: 1.33px;
+ outline: none;
+ padding: .55rem 1.22rem;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ transition: background-color .2s ease-in-out; }
+ header.header-main .\--wrap .button:hover {
+ text-decoration: none;
+ background-color: #20293d;
+ color: white !important;
+ opacity: 1; }
+ header.header-main .\--wrap .button:hover::before {
+ border-color: currentColor !important;
+ opacity: 1; }
+ header.header-main .\--wrap .\-hamburger-btn {
+ display: none; }
+
+.\--footer-main {
+ position: relative;
+ z-index: 100;
+ background-color: #fff;
+ border-top: 1px solid #e7e7e7;
+ font-size: 1rem;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0;
+ -ms-flex: 0;
+ flex: 0; }
+ .\--footer-main .\--footer-top {
+ padding: 20px;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0;
+ -ms-flex: 0 0;
+ flex: 0 0; }
+ .\--footer-main ul.\--footer-body {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0;
+ -ms-flex: 0 0;
+ flex: 0 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ list-style: none;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ margin-bottom: 10px; }
+ @media screen and (min-width: 1200px) {
+ .\--footer-main ul.\--footer-body {
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; } }
+ .\--footer-main .\--footer-column {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 20%;
+ -ms-flex: 1 1 20%;
+ flex: 1 1 20%;
+ padding: 10px;
+ min-width: 125px; }
+ .\--footer-main .\--footer-column .social-icons-wrapper .social-icons a {
+ height: 40px; }
+ @media (max-width: 1023px) {
+ .\--footer-main .\--footer-column {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 33.3333%;
+ -ms-flex: 1 1 33.3333%;
+ flex: 1 1 33.3333%;
+ max-width: 33.3333%; } }
+ @media (max-width: 584px) {
+ .\--footer-main .\--footer-column {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 50%;
+ -ms-flex: 1 1 50%;
+ flex: 1 1 50%; } }
+ .\--footer-main ul {
+ list-style-type: none; }
+ .\--footer-main ul a {
+ color: #626262;
+ display: inline-block;
+ margin: 2px 0; }
+ .\--footer-main ul a p, .\--footer-main ul a section.section div.content-box, section.section .\--footer-main ul a div.content-box {
+ padding: 0;
+ margin: 0; }
+ .\--footer-main ul ul.plotly-social-media-small {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .\--footer-main ul ul.plotly-social-media-small li {
+ padding-right: 10px; }
+ .\--footer-main ul ul.plotly-social-media-small li i {
+ opacity: 0.8;
+ margin-right: 2px; }
+ .\--footer-main ul ul.plotly-social-media-small li span {
+ display: inline-block;
+ padding: 0 5px; }
+
+.\--wrap {
+ width: 95%;
+ max-width: 1440px;
+ margin: auto; }
+
+.plotly-social-media-small li:hover a div.icon {
+ opacity: 1; }
+ .plotly-social-media-small li:hover a div.icon svg path {
+ fill: #447bdc !important; }
+
+.plotly-social-media-small li a {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .plotly-social-media-small li a div.icon {
+ -webkit-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ opacity: 0.8; }
+ .plotly-social-media-small li a span {
+ margin: 0 !important;
+ padding: 0 !important; }
+
+.\--footer-meta {
+ padding: 20px;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0;
+ -ms-flex: 0 0;
+ flex: 0 0;
+ border-top: 1px solid #e7e7e7;
+ font-size: 0.85rem;
+ font-weight: 400;
+ width: 100%;
+ background: #f4f4f8;
+ width: 100%; }
+ .\--footer-meta .\--wrap {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ opacity: 0.8; }
+ .\--footer-meta .right {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ .\--footer-meta .right a {
+ font-weight: 400;
+ display: inline-block;
+ margin-left: 20px; }
+
+.subscribe-text {
+ -webkit-margin-before: 0em;
+ margin-block-start: 0em;
+ font-size: 80%;
+ color: #626262; }
+
+.subscribe-button {
+ background-color: #f4564e;
+ border-radius: 1.22rem;
+ color: #fff!important;
+ cursor: pointer;
+ display: inline-block;
+ font-style: italic;
+ font-weight: 700;
+ font-size: 12.8px;
+ line-height: 1.2;
+ letter-spacing: 1.33px;
+ outline: none;
+ padding: .55rem 1.22rem;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ transition: background-color .2s ease-in-out; }
+
+.subscribe-button:hover {
+ text-decoration: none !important;
+ color:#20293d !important; }
+
+.subscribe-button:focus {
+ text-decoration: none; }
+
+.\--page.\--index .\--wrap {
+ position: relative; }
+ .\--page.\--index .\--wrap::before {
+ content: '';
+ height: 100%;
+ width: 50vw;
+ left: 0;
+ margin-left: -25vw;
+ top: 0;
+ position: absolute;
+ background: #e4f5f2;
+ z-index: -1; }
+
+.\--page-body {
+ background: white; }
+
+aside.\--sidebar-container {
+ -webkit-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ width: 220px;
+ min-width: 220px;
+ border-right: 1px solid #e7e7e7;
+ background: #e4f5f2;
+ }
+ @media (max-width: 767px) {
+ aside.\--sidebar-container {
+ background: white !important;
+ margin-left: -220px;
+ position: static;
+ z-index: 999;
+ min-height: 100vh; }
+ aside.\--sidebar-container.show {
+ margin-left: 0; } }
+ aside.\--sidebar-container header.\--sidebar-header {
+ padding: 8px;
+ padding-left: 0;
+ /* background: #e4f5f2; */
+ font-weight: 600;
+ font-weight: bold;
+ font-size: 1.1rem;
+ }
+ aside.\--sidebar-container header.\--sidebar-header:not(:first-of-type) {
+ /* border-top: 1px solid #e7e7e7; */
+ }
+ aside.\--sidebar-container .\--sidebar-fixed {
+ width: 219px;
+ z-index: 99;
+ max-height: -webkit-calc(100vh - 128px);
+ max-height: calc(100vh - 60px);
+ overflow-y: auto;
+ scrollbar-color: #20293d !important;
+ overflow-x: hidden;
+ }
+ aside.\--sidebar-container .\--sidebar-fixed::-webkit-scrollbar-thumb {
+ background-color: #20293d;
+
+ }
+ aside.\--sidebar-container .\--sidebar-fixed.affix {
+ top: -webkit-calc(60px) !important;
+ top: calc(60px) !important;
+ z-index: 1;
+ position: fixed !important;
+ }
+ aside.\--sidebar-container .\--sidebar-fixed.affix-top {
+ position: absolute;
+ top: 0; }
+ aside.\--sidebar-container .\--sidebar-fixed > *:last-child {
+ margin-bottom: 40px;
+ }
+ aside.\--sidebar-container .\--sidebar-body *::before {
+ display: none !important; }
+ aside.\--sidebar-container .\--sidebar-body a:hover {
+ color: currentColor; }
+ aside.\--sidebar-container .\--sidebar-body ul li {
+ /* font-size: 1.2rem; */
+ font-weight: bold;
+ }
+ aside.\--sidebar-container .\--sidebar-body ul li.\--category-title {
+ background: #e4f5f2;
+ font-weight: 400; }
+ aside.\--sidebar-container .\--sidebar-body ul li.\--category-title:hover {
+ pointer-events: none; }
+ aside.\--sidebar-container .\--sidebar-body ul li a {
+ padding: 5px;
+ padding-left: 0;
+ display: inline-block;
+ width: 100%;
+ text-decoration: none;
+ font-size: 1rem;
+ }
+ aside.\--sidebar-container .\--sidebar-body ul li a::before {
+ display: none !important; }
+ aside.\--sidebar-container .\--sidebar-body ul li.\--sidebar-item:hover {
+ background: #e4f5f2; }
+ aside.\--sidebar-container .\--btn {
+ background: transparent;
+ width: -webkit-calc(100%);
+ width: calc(100%);
+ border: none !important;
+ position: relative;
+ background: #e4f5f2;
+ border-right: 0;
+ /* color: #626262; */
+ font-weight: 600;
+ font-size: 1rem;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ text-transform: capitalize;
+ margin-top: 10px;
+ padding-left: 0;
+ }
+ aside.\--sidebar-container .\--btn:hover {
+ background: #e4f5f2;
+ }
+
+ aside.\--sidebar-container .\--btn .icon {
+ margin-right: 5px;
+ margin-bottom: -5px; }
+ aside.\--sidebar-container .\--btn .icon svg path {
+ fill: #b6b6d0; }
+
+.sidebar {
+ background: white;
+ width: 220px;
+ max-width: 220px;
+ min-height: 100vh;
+ border-right: 1px solid #e7e7e7;
+ position: fixed;
+ top: 140px; }
+ .sidebar h1, .sidebar section.section h2, section.section .sidebar h2 {
+ background: #fafafa;
+ width: 100%;
+ border-bottom: 1px solid #e7e7e7;
+ margin: 0;
+ padding: 10px;
+ text-transform: uppercase;
+ font-size: 0.85rem;
+ font-weight: bold;
+ line-height: 1.75rem;
+ letter-spacing: 1px;
+ color: #447bdc; }
+ .sidebar ul {
+ width: 100%;
+ max-height: -webkit-calc(100vh - 189px);
+ max-height: calc(100vh - 189px);
+ min-height: -webkit-calc(100vh - 189px);
+ min-height: calc(100vh - 189px);
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ overflow-y: auto; }
+ .sidebar ul.sidebar-list.reference {
+ overflow-y: auto;
+ padding-bottom: 200px; }
+ .sidebar ul.sidebar-list.reference ul li {
+ border-bottom: 1px solid #efefef;
+ padding-left: 20px; }
+ .sidebar ul.sidebar-list.reference ul li:hover {
+ background: #84a8e8; }
+ .sidebar ul.sidebar-list.reference ul ul li {
+ background: #84a8e8;
+ padding-left: 40px;
+ border-bottom: 1px solid #447bdc; }
+ .sidebar ul.sidebar-list.reference ul ul li:hover {
+ background: #9ab8ec; }
+ .sidebar ul .back {
+ border: 1px solid #efefef;
+ padding: 10px;
+ margin: 10px;
+ color: #afc7f0;
+ position: relative;
+ padding-left: 40px;
+ width: 184px; }
+ .sidebar ul .back:hover {
+ cursor: pointer;
+ color: #194187; }
+ .sidebar ul .back:hover .back-icon path {
+ fill: #194187; }
+ .sidebar ul .back .back-icon {
+ position: absolute;
+ left: 10px; }
+ .sidebar ul .back .back-icon path {
+ fill: #6693e2; }
+ .sidebar ul div.back {
+ margin-bottom: 255px; }
+ .sidebar ul li {
+ border-right: 5px solid white;
+ color: #626262;
+ width: 100%;
+ margin: 0;
+ border-bottom: 1px solid #f4f4f4;
+ -webkit-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ position: relative;
+ padding: 4px 10px;
+ font-size: 12px; }
+ .sidebar ul li.category-title {
+ padding: 6px 10px;
+ background: #f4f4f8;
+ border-right-color: #f4f4f8;
+ font-weight: 600;
+ pointer-events: none; }
+ .sidebar ul li span {
+ position: absolute;
+ margin-top: -12px;
+ bottom: 20px;
+ opacity: 0;
+ left: 20px;
+ -webkit-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ font-weight: 600;
+ font-size: 1rem;
+ display: inline-block;
+ padding: 5px 10px;
+ color: white;
+ background-color: #447bdc;
+ max-width: 80%; }
+ .sidebar ul li img {
+ -webkit-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out; }
+ .sidebar ul li a {
+ color: inherit !important; }
+ .sidebar ul li:hover {
+ background: #f7f7f7;
+ border-color: #447bdc;
+ cursor: pointer;
+ border-bottom: 1px solid #f4f4f4; }
+ .sidebar ul li:hover img {
+ opacity: 0.2; }
+ .sidebar ul li:hover span {
+ opacity: 1;
+ margin-top: -6px; }
+ .sidebar ul li.main-links {
+ background: #6693e2;
+ width: 50%;
+ border-bottom: 1px solid #447bdc; }
+ .sidebar ul li.label {
+ font-weight: bold;
+ background: #2764d0;
+ border-left: 5px solid #2764d0;
+ border-bottom: 1px solid #447bdc; }
+ .sidebar + main {
+ width: -webkit-calc(100% - 220px);
+ width: calc(100% - 220px);
+ min-height: 100vh;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-top: 59px; }
+ .sidebar + main div.meta-header {
+ width: 100%; }
+ .sidebar + main.tutorials {
+ float: right;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ .sidebar + main.tutorials article {
+ padding: 0 20px;
+ max-width: 1120px;
+ width: 100%;
+ padding-bottom: 20px;
+ font-size: 1rem;
+ color: #626262; }
+ .sidebar + main.tutorials article p, .sidebar + main.tutorials article section.section div.content-box, section.section .sidebar + main.tutorials article div.content-box {
+ font-size: 1rem; }
+ .sidebar + main.tutorials article header h1, .sidebar + main.tutorials article header section.section h2, section.section .sidebar + main.tutorials article header h2 {
+ border-bottom: 0;
+ width: 100%;
+ padding-right: 20px; }
+ .sidebar + main.tutorials article video {
+ max-width: 1120px; }
+ .sidebar + main.tutorials article ul.toc {
+ list-style-type: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 0;
+ margin: 0;
+ border-right: 1px solid #e7e7e7;
+ background-color: #f4f4f8;
+ border-bottom: 1px solid #e7e7e7;
+ margin-top: 20px; }
+ .sidebar + main.tutorials article ul.toc li {
+ border-top: 1px solid #e7e7e7;
+ border-left: 1px solid #e7e7e7;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 50%;
+ -ms-flex: 1 1 50%;
+ flex: 1 1 50%;
+ max-width: 50%;
+ background: white;
+ margin: 0;
+ position: relative;
+ padding-left: 40px; }
+ .sidebar + main.tutorials article ul.toc li:last-of-type {
+ border-right: 1px solid #e7e7e7; }
+ .sidebar + main.tutorials article ul.toc li:nth-last-of-type(2) {
+ border-bottom: 1px solid #e7e7e7; }
+ .sidebar + main.tutorials article ul.toc li::before {
+ content: '';
+ display: block;
+ height: 18px;
+ width: 18px;
+ -webkit-transform: scale(0.6);
+ -ms-transform: scale(0.6);
+ transform: scale(0.6);
+ top: 50%;
+ margin-top: -9px;
+ left: 20px;
+ position: absolute;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ border: 1px solid #e7e7e7;
+ border-color: #357e94;
+ -webkit-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out; }
+ .sidebar + main.tutorials article ul.toc li:hover {
+ background-color: #f4f4f8; }
+ .sidebar + main.tutorials article ul.toc li:hover::before {
+ background: #2391fe;
+ -webkit-transform: scale(0.9);
+ -ms-transform: scale(0.9);
+ transform: scale(0.9);
+ border-color: #357e94; }
+ .sidebar + main.tutorials article ul.toc li:hover a {
+ color: #357e94 !important; }
+ .sidebar + main.tutorials article ul.toc li a {
+ display: block;
+ width: 100%;
+ padding: 20px 20px; }
+ .sidebar + main.tutorials article h1, .sidebar + main.tutorials article section.section h2, section.section .sidebar + main.tutorials article h2 {
+ font-size: 2.5rem;
+ margin: 0;
+ border-bottom: 1px solid #e7e7e7;
+ padding-bottom: 20px; }
+ .sidebar + main.tutorials article img {
+ margin: 20px 0;
+ -webkit-box-shadow: 0;
+ box-shadow: 0; }
+ .sidebar + main.tutorials article h2, .sidebar + main.tutorials article h5 {
+ text-align: left;
+ font-size: 1.5rem;
+ letter-spacing: 0.5px;
+ margin: 0;
+ padding: 10px;
+ border-bottom: 1px solid #e7e7e7;
+ color: #626262;
+ font-weight: 100;
+ margin: 20px 0; }
+ .sidebar + main.tutorials article p, .sidebar + main.tutorials article section.section div.content-box, section.section .sidebar + main.tutorials article div.content-box {
+ padding-left: 40px; }
+ .sidebar + main.tutorials article p img, .sidebar + main.tutorials article section.section div.content-box img, section.section .sidebar + main.tutorials article div.content-box img {
+ margin: 10px; }
+ .sidebar + main.tutorials article h3 {
+ padding: 30px;
+ color: #626262;
+ font-weight: 400;
+ font-size: 1.5rem;
+ line-height: 2.4rem;
+ border: 1px solid #e7e7e7;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .sidebar + main.tutorials article h3:hover {
+ background-color: #f7f7f7; }
+ .sidebar + main.tutorials article h3 a {
+ font-weight: 100;
+ margin-left: 10px;
+ display: block; }
+ .sidebar + main.tutorials .tutorial-single-wrap {
+ width: 100%; }
+ .sidebar + main.tutorials .tutorial-single-wrap section {
+ width: 100%; }
+ .sidebar + main.tutorials .tutorial-single-wrap section h3,
+ .sidebar + main.tutorials .tutorial-single-wrap section td,
+ .sidebar + main.tutorials .tutorial-single-wrap section div,
+ .sidebar + main.tutorials .tutorial-single-wrap section p,
+ .sidebar + main.tutorials .tutorial-single-wrap section.section div.content-box {
+ padding: 20px; }
+ .sidebar + main.tutorials .tutorial-single-wrap section p, .sidebar + main.tutorials .tutorial-single-wrap section.section div.content-box {
+ max-width: 1120px;
+ border-top: 1px solid #e7e7e7; }
+ .sidebar + main.tutorials .tutorial-single-wrap section h3 {
+ margin: 0;
+ max-width: 1120px; }
+ .sidebar + main.tutorials .tutorial-single-wrap section table {
+ border-bottom: 1px solid #e7e7e7;
+ width: 100%;
+ max-width: 1120px; }
+ .sidebar + main.tutorials .tutorial-single-wrap section table:first-of-type {
+ border-top: 1px solid #e7e7e7; }
+ .sidebar + main.tutorials .tutorial-single-wrap section table tr {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .sidebar + main.tutorials .tutorial-single-wrap section table tr td {
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .sidebar + main.tutorials .tutorial-single-wrap section table tr td img {
+ border: 1px solid #e7e7e7;
+ max-width: 100%; }
+ .sidebar + main.tutorials .tutorial-single-wrap section table tr td strong {
+ display: inline; }
+ .sidebar + main.tutorials .tutorial-single-wrap section table:not(:first-of-type) {
+ border-top: 1px solid #e7e7e7; }
+ .sidebar + main.tutorials header {
+ font-size: 2rem;
+ letter-spacing: normal;
+ margin: 0;
+ margin-bottom: 20px;
+ padding: 20px;
+ color: #447bdc;
+ border-bottom: 1px solid #e7e7e7;
+ width: 100%;
+ background: #f4f4f8;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .sidebar + main.tutorials header h1, .sidebar + main.tutorials header section.section h2, section.section .sidebar + main.tutorials header h2 {
+ margin: 20px 0;
+ font-size: 3.25rem;
+ padding: 0;
+ width: 100%;
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .sidebar + main.tutorials header h1 .category-img, .sidebar + main.tutorials header section.section h2 .category-img, section.section .sidebar + main.tutorials header h2 .category-img {
+ margin-right: 20px;
+ height: 85px;
+ width: 85px;
+ min-height: 85px;
+ min-width: 85px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ background-color: white;
+ border: 1px solid #e7e7e7;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ padding: 10px;
+ -webkit-transition: 0.2s all ease-in-out;
+ transition: 0.2s all ease-in-out; }
+ .sidebar + main.tutorials header h1 .category-img img, .sidebar + main.tutorials header section.section h2 .category-img img, section.section .sidebar + main.tutorials header h2 .category-img img, .sidebar + main.tutorials header h1 .category-img svg, .sidebar + main.tutorials header section.section h2 .category-img svg, section.section .sidebar + main.tutorials header h2 .category-img svg {
+ width: 85%;
+ max-width: 85%;
+ max-height: 90px; }
+ .sidebar + main.tutorials header p, .sidebar + main.tutorials header section.section div.content-box, section.section .sidebar + main.tutorials header div.content-box {
+ font-size: 1rem;
+ line-height: 1.85rem;
+ max-width: 1120px;
+ width: 80%; }
+ .sidebar + main.tutorials .wrap {
+ padding-left: 20px;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .sidebar + main.tutorials .wrap h1, .sidebar + main.tutorials .wrap section.section h2, section.section .sidebar + main.tutorials .wrap h2,
+ .sidebar + main.tutorials .wrap section {
+ width: 100%; }
+ .sidebar + main.tutorials .wrap section .row a {
+ display: inline-block; }
+ .sidebar + main.tutorials .wrap section .row a.tutorialsect_title {
+ width: 100%;
+ padding: 0;
+ margin: 0; }
+ .sidebar + main.tutorials .wrap section h2, .sidebar + main.tutorials .wrap section h4, .sidebar + main.tutorials .wrap section .js-splash--section-title {
+ text-align: left;
+ font-size: 1.5rem;
+ letter-spacing: 0.5px;
+ margin: 0;
+ padding: 10px;
+ padding-left: 20px;
+ border-bottom: 1px solid #e7e7e7;
+ color: #626262;
+ font-weight: 100; }
+ .sidebar + main.tutorials .wrap section hr {
+ margin: 10px 0;
+ display: none; }
+ .sidebar + main.tutorials .wrap section ul {
+ padding-left: 20px;
+ padding-top: 20px;
+ list-style: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .sidebar + main.tutorials .wrap section ul li {
+ position: relative;
+ background: white;
+ width: 160px;
+ height: 160px;
+ margin: 0;
+ padding: 0; }
+ .sidebar + main.tutorials .wrap section ul li:last-of-type {
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start; }
+ .sidebar + main.tutorials .wrap section ul li * {
+ background: transparent; }
+ .sidebar + main.tutorials .wrap section ul li h5 {
+ letter-spacing: normal;
+ margin: 0;
+ padding-right: 20px;
+ color: #447bdc; }
+ .sidebar + main.tutorials .wrap section ul li:hover img {
+ opacity: 0.08; }
+ .sidebar + main.tutorials .wrap section ul li:hover .alltutcol .titlecenter {
+ opacity: 1;
+ -webkit-transform: translateY(10px);
+ -ms-transform: translateY(10px);
+ transform: translateY(10px); }
+ .sidebar + main.tutorials .wrap section ul li .alltutcol {
+ background: transparent;
+ position: relative;
+ width: 100%;
+ width: 160px;
+ height: 160px;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin: 0; }
+ .sidebar + main.tutorials .wrap section ul li .alltutcol:hover {
+ opacity: 1; }
+ .sidebar + main.tutorials .wrap section ul li .alltutcol .titlecenter {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ padding-left: 20px;
+ text-align: left !important;
+ background: transparent;
+ opacity: 0;
+ color: #447bdc;
+ -webkit-transform: translateY(-5px);
+ -ms-transform: translateY(-5px);
+ transform: translateY(-5px);
+ -webkit-transition: 0.2s ease-in-out all;
+ transition: 0.2s ease-in-out all; }
+ .sidebar + main.tutorials .wrap section ul li .alltutcol .titlecenter .centered {
+ text-align: left;
+ font-weight: 400; }
+ .sidebar + main.tutorials .wrap section ul li img {
+ position: absolute;
+ min-width: 100%;
+ width: 160px;
+ height: 160px;
+ z-index: 9;
+ -webkit-transition: 0.2s ease-in-out all;
+ transition: 0.2s ease-in-out all; }
+
+.ais-refinement-list--header.ais-header {
+ padding: 15px 10px;
+ font-weight: 600;
+ color: rgba(0, 0, 0, 0.7); }
+ .ais-refinement-list--header.ais-header h5 {
+ margin: 0;
+ padding: 0; }
+
+.lang-nav--list {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-top: 20px; }
+ @media (max-width: 584px) {
+ .lang-nav--list {
+ max-width: 100%;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; } }
+
+.lang-nav--item {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ margin-right: 10px;
+ margin-bottom: 10px; }
+ @media (max-width: 584px) {
+ .lang-nav--item {
+ margin-bottom: 10px !important; } }
+ .lang-nav--item a {
+ background: white;
+ padding: 10px;
+ border: 1px solid #e7e7e7;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .lang-nav--item a:hover {
+ background: #f4f4f8; }
+ .lang-nav--item a:before {
+ position: absolute;
+ top: 100%;
+ height: 2px;
+ background: #2391fe;
+ width: 100%;
+ left: 0;
+ z-index: 99; }
+ .lang-nav--item a.current {
+ background: #f4f4f8;
+ position: relative; }
+ .lang-nav--item a.current:before {
+ position: absolute;
+ top: 100%;
+ height: 2px;
+ background: #2391fe;
+ width: 100%;
+ left: 0;
+ z-index: 99;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none; }
+ .lang-nav--item img {
+ max-width: 24px;
+ margin-right: 5px; }
+
+pre {
+ word-break: break-all;
+ margin: 10px 0;
+ border: 1px solid #e7e7e7; }
+ pre code {
+ font-size: 0.85rem;
+ width: 100%;
+ background-color: #f4f4f8;
+ padding: 30px; }
+
+ul.\--ref {
+ display: -webkit-box !important;
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ ul.\--ref li {
+ -webkit-box-flex: 1 !important;
+ -webkit-flex: 1 1 100% !important;
+ -ms-flex: 1 1 100% !important;
+ flex: 1 1 100% !important;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ ul.\--ref li.\--sub-head {
+ /* border-top: 1px solid #e7e7e7; */
+ /* border-bottom: 1px solid #e7e7e7; */
+ /* background: #fdfdfe; */
+ -webkit-box-flex: 1 !important;
+ -webkit-flex: 1 1 100% !important;
+ -ms-flex: 1 1 100% !important;
+ flex: 1 1 100% !important;
+ padding-top: 10px;
+ }
+
+.--icon-notebook {
+ width: 56px; }
+
+.header-large--wrap ~ .\--breadcrumb-container {
+ margin-top: 0; }
+
+.\--breadcrumb-container {
+ height: 48px;
+ min-height: 48px;
+ width: 100%;
+ border-bottom: 1px solid #e7e7e7;
+ padding: 0 20px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ background: white;
+ top: 80px;
+ z-index: 999; }
+ .\--breadcrumb-container.after {
+ top: 399px !important;
+ position: static; }
+ .\--breadcrumb-container.affix {
+ position: fixed;
+ top: 80px; }
+ .\--breadcrumb-container .\--fork a {
+ padding-top: 5px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ .\--breadcrumb-container .\--fork a div.icon {
+ width: 20px;
+ margin-right: 2px;
+ margin-top: -2px; }
+ .\--breadcrumb-container .\--fork a div.icon svg {
+ max-width: 100%; }
+ .\--breadcrumb-container .\--fork a div.icon svg path {
+ fill: currentColor; }
+ .\--breadcrumb-container .fixed {
+ position: fixed; }
+ .\--breadcrumb-container .\--wrap {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+ .\--breadcrumb-container .toggle-sidebar {
+ display: none; }
+ @media (max-width: 584px) {
+ .\--breadcrumb-container .toggle-sidebar {
+ -webkit-align-self: stretch;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ color: currentColor !important; }
+ .\--breadcrumb-container .toggle-sidebar::before {
+ display: none !important; }
+ .\--breadcrumb-container .toggle-sidebar.on .show {
+ display: none; }
+ .\--breadcrumb-container .toggle-sidebar.on .hide {
+ display: block; }
+ .\--breadcrumb-container .toggle-sidebar.on div.icon {
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg); }
+ .\--breadcrumb-container .toggle-sidebar span {
+ display: block;
+ margin-left: 5px; }
+ .\--breadcrumb-container .toggle-sidebar .hide {
+ display: none; }
+ .\--breadcrumb-container .toggle-sidebar div.icon {
+ -webkit-transition: 0.2s all ease-in-out;
+ transition: 0.2s all ease-in-out;
+ margin-bottom: -3px;
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+ -webkit-transform-origin: 50% 40%;
+ -ms-transform-origin: 50% 40%;
+ transform-origin: 50% 40%; } }
+ .\--breadcrumb-container .\--breadcrumb-list {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ @media (max-width: 584px) {
+ .\--breadcrumb-container .\--breadcrumb-list {
+ display: none; } }
+ .\--breadcrumb-container .\--breadcrumb-list li {
+ padding: 0 20px;
+ text-transform: capitalize;
+ font-size: 1rem;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-right: 1px solid #e7e7e7; }
+ .\--breadcrumb-container .\--breadcrumb-list li:first-of-type {
+ padding-left: 0; }
+ .\--breadcrumb-container .\--breadcrumb-list li:hover div.icon svg path {
+ fill: #2391fe;
+ opacity: 1; }
+ .\--breadcrumb-container .\--breadcrumb-list li div.icon {
+ width: 18px;
+ margin-bottom: -4px;
+ margin-right: 5px; }
+ .\--breadcrumb-container .\--breadcrumb-list li div.icon svg {
+ max-width: 100%; }
+ .\--breadcrumb-container .\--breadcrumb-list li div.icon svg path {
+ opacity: 0.2;
+ fill: currentColor; }
+ .\--breadcrumb-container .\--breadcrumb-list li:last-of-type {
+ border-right: 0; }
+ .\--breadcrumb-container .\--breadcrumb-list li:last-of-type span {
+ font-weight: 700;
+ opacity: 0.3; }
+ .\--breadcrumb-container .\--breadcrumb-list li .\--current {
+ font-weight: 700;
+ opacity: 0.4; }
+ .\--breadcrumb-container .\--breadcrumb-list li .\--current span {
+ opacity: 1; }
+ .\--breadcrumb-container .\--breadcrumb-list li .\--current:hover {
+ opacity: 1; }
+
+.\--help-box {
+ background: #000749;
+ padding: 40px 20px;
+ -webkit-box-flex: 1;
+ -webkit-flex: auto;
+ -ms-flex: auto;
+ flex: auto;
+ width: 100%;
+ position: relative;
+ z-index: 99;
+ min-width: 100%; }
+ .\--help-box .\--wrap {
+ text-align: center;
+ color: #afc7f0; }
+ .\--help-box .\--wrap .\--title {
+ color: white;
+ font-size: 2rem; }
+ .\--help-box .\--wrap ul {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ color: white;
+ width: 100%;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding-bottom: 20px; }
+ @media (max-width: 584px) {
+ .\--help-box .\--wrap ul {
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .\--help-box .\--wrap ul li {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 100%;
+ -ms-flex: 1 1 100%;
+ flex: 1 1 100%;
+ text-align: center; }
+ .\--help-box .\--wrap ul li a {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-right: 0;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 10px;
+ border-bottom: 1px solid #789fe6;
+ padding: 20px; } }
+ .\--help-box .\--wrap ul li:nth-of-type(1) a::before {
+ -webkit-transform-origin: right;
+ -ms-transform-origin: right;
+ transform-origin: right; }
+ .\--help-box .\--wrap ul li:nth-of-type(2) a::before {
+ -webkit-transform-origin: 50% !important;
+ -ms-transform-origin: 50% !important;
+ transform-origin: 50% !important; }
+ .\--help-box .\--wrap ul li div.icon {
+ margin-right: 5px;
+ margin-top: -3px; }
+ .\--help-box .\--wrap ul li div.icon svg path {
+ fill: currentColor; }
+ .\--help-box .\--wrap ul li:last-of-type a {
+ border-right: 0; }
+ .\--help-box .\--wrap ul li span {
+ display: inline-block;
+ padding-right: 10px;
+ display: none; }
+ .\--help-box .\--wrap ul a {
+ padding: 5px 10px;
+ padding-top: 12px;
+ border-right: 1px solid #789fe6;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ color: white; }
+ .\--help-box .\--wrap ul a:hover {
+ background: #2f6cd8; }
+ .\--help-box .\--wrap ul a:hover {
+ color: white !important;
+ opacity: 1 !important; }
+ .\--help-box .\--wrap h5 {
+ font-weight: bold;
+ color: #a2d0ff;
+ opacity: 0.8;
+ font-size: 1.5rem;
+ padding-bottom: 20px;
+ margin-bottom: 20px;
+ position: relative; }
+ .\--help-box .\--wrap h5::before {
+ content: "";
+ position: absolute;
+ width: 40px;
+ background: #6693e2;
+ height: 6px;
+ left: 50%;
+ margin-left: -20px;
+ top: 100%; }
+ .\--help-box .\--wrap .\--cta {
+ background: #2f6cd8;
+ padding: 10px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ display: inline-block;
+ max-width: 300px; }
+ .\--help-box .\--wrap .\--cta p, .\--help-box .\--wrap .\--cta section.section div.content-box, section.section .\--help-box .\--wrap .\--cta div.content-box {
+ margin: 0;
+ padding: 0; }
+ .\--help-box .\--wrap .\--cta a {
+ text-decoration: underline;
+ color: #ffffff !important; }
+
+div.input_area > div.highlight > pre {
+ padding: 1px; }
+
+div.output_area iframe {
+ max-width: 100%; }
+
+div.output_subarea::-webkit-scrollbar {
+ width: 2px;
+ height: 4px;
+ border-left: 0;
+ background: rgba(0, 0, 0, 0.1); }
+
+div.output_subarea::-webkit-scrollbar-thumb {
+ background: rgba(68, 123, 220, 0.8);
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ width: 3px; }
+
+.cell div.input_area {
+ border: 0;}
+
+.cell .cm-s-ipython span.cm-keyword {
+ color: #447bdc; }
+
+.cell h1, .cell section.section h2, section.section .cell h2 {
+ font-family: "jubilat", sans-serif; }
+
+pre {
+ overflow-y: hidden !important;
+ min-height: 48px; }
+
+.inner_cell .icon.copy {
+ display: inline-block; }
+
+html body .rendered_html div.icon.copy {
+ display: none !important; }
+
+.cell .text_cell_render h1, .cell .text_cell_render section.section h2, section.section .cell .text_cell_render h2 {
+ font-weight: 300;
+ font-size: 50px;
+ line-height: 55px;
+ letter-spacing: -0.25px;
+ color: #20293d;
+ margin-bottom: 0em;
+ margin-top: 0em;
+ display: block;
+ white-space: normal;
+ margin: 0;
+ display: block !important;
+ overflow: hidden; }
+
+.cell h2 {
+ font-family: "jubilat", sans-serif; }
+
+.cell .text_cell_render h2 {
+ font-weight: 300;
+ font-size: 42px;
+ font-style: normal;
+ line-height: 47px;
+ color: #20293d;
+ display: block;
+ white-space: normal;
+ margin: 0;
+ display: block !important;
+ overflow: hidden; }
+
+.cell h3 {
+ font-family: "jubilat", sans-serif; }
+
+.cell .text_cell_render h3 {
+ font-weight: 300;
+ font-size: 36px;
+ line-height: 40px;
+ color: #20293d;
+ display: block;
+ white-space: normal;
+ margin: 0;
+ display: block !important;
+ overflow: hidden; }
+
+.cell h4, .cell .js-splash--section-title {
+ font-family: "jubilat", sans-serif; }
+
+.cell .text_cell_render h4, .cell .text_cell_render .js-splash--section-title {
+ font-weight: 300;
+ font-size: 30px;
+ line-height: 33px;
+ color: #20293d;
+ display: block;
+ white-space: normal;
+ margin: 0;
+ display: block !important;
+ overflow: hidden; }
+
+.cell h5 {
+ font-family: "jubilat", sans-serif; }
+
+.cell .text_cell_render h5 {
+ font-weight: 300;
+ font-size: 24px;
+ line-height: 26px;
+ color: #20293d;
+ display: block;
+ white-space: normal;
+ margin: 0;
+ font-style: normal;
+ display: block !important;
+ overflow: hidden; }
+
+.cell h6 {
+ font-family: "jubilat", sans-serif; }
+
+.cell .text_cell_render h6 {
+ font-weight: 300;
+ font-size: 18px;
+ line-height: 20px;
+ color: #20293d;
+ font-style: normal;
+ display: block;
+ white-space: normal;
+ margin: 0;
+ display: block !important;
+ overflow: hidden; }
+
+.cell h1:hover .anchor-link, .cell section.section h2:hover .anchor-link, section.section .cell h2:hover .anchor-link,
+.cell h2:hover .anchor-link,
+.cell h3:hover .anchor-link,
+.cell h4:hover .anchor-link,
+.cell .js-splash--section-title:hover .anchor-link,
+.cell h5:hover .anchor-link,
+.cell h6:hover .anchor-link {
+ visibility: visible; }
+
+.cell a.anchor-link {
+ visibility: hidden; }
+
+.cell div.text_cell_render {
+ font-family: "campaign", sans-serif;
+ text-align: left;
+ text-justify: inter-word; }
+
+.cell.code_cell {
+ font-size: 14px; }
+
+.cell code {
+ color: #1e4a7b; }
+
+.cell div.output_subarea.output_text.output_pyout {
+ overflow-x: auto;
+ overflow-y: auto;
+ max-height: 300px; }
+
+.cell div.output_subarea.output_stream.output_stdout.output_text {
+ overflow-x: auto;
+ overflow-y: auto;
+ max-height: 300px; }
+
+.cell div.output_subarea.output_html.rendered_html {
+ overflow-x: scroll;
+ overflow-y: hidden;
+ max-width: 100%;
+ /* overflow-y: scroll; */
+ /* max-height: 300px; */ }
+
+.cell .rendered_html code {
+ background-color: transparent;
+ white-space: inherit; }
+
+.cell ul {
+ /* color:#265cc3; */
+ margin: 2em; }
+
+.cell ul li {
+ padding-left: 0.5em;
+ margin-bottom: 0.5em;
+ margin-top: 0.5em; }
+
+.cell ul li li {
+ padding-left: 0.2em;
+ margin-bottom: 0.2em;
+ margin-top: 0.2em; }
+
+.cell ol {
+ /* color:#265cc3; */
+ margin: 2em; }
+
+.cell ol li {
+ padding-left: 0.5em;
+ margin-bottom: 0.5em;
+ margin-top: 0.5em; }
+
+.cell .cell ul li {
+ padding-left: 0.5em;
+ margin-bottom: 0.5em;
+ margin-top: 0.2em; }
+
+.cell a {
+ font-weight: bold; }
+
+.cell a.prompt {
+ text-decoration: initial;
+ font-weight: normal; }
+
+.cell a:link {
+ color: #265cc3; }
+
+.cell a:visited {
+ color: #1d3b84; }
+
+.cell a:hover {
+ color: #1d3b84; }
+
+.cell a:focus {
+ color: #265cc3; }
+
+.cell a:active {
+ color: #265cc3; }
+
+.cell .rendered_html :link {
+ /* text-decoration: none; */
+ }
+
+.cell .rendered_html :hover {
+ text-decoration: none; }
+
+.cell .rendered_html :visited {
+ /* text-decoration: none; */
+ }
+
+.cell .rendered_html :focus {
+ text-decoration: none; }
+
+.cell .rendered_html :active {
+ text-decoration: none; }
+
+.cell .warning {
+ color: #f01414; }
+
+.cell hr {
+ color: #f3f3f3;
+ background-color: #f3f3f3;
+ height: 1px; }
+
+.cell blockquote {
+ display: block;
+ background: #f3f3f3;
+ font-family: "campaign", sans-serif;
+ width: 610px;
+ padding: 15px 15px 15px 15px;
+ text-align: justify;
+ text-justify: inter-word; }
+
+.cell blockquote p, .cell blockquote section.section div.content-box, section.section .cell blockquote div.content-box {
+ margin-bottom: 0;
+ line-height: 125%;
+ font-size: 100%; }
+
+code {
+ font-weight: 200 !important; }
+
+/*!
+*
+* Twitter Bootstrap
+*
+
+
+*
+* Font Awesome
+*
+*/
+/*!
+* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
+* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+*/
+@font-face {
+ font-family: 'FontAwesome';
+ src: url("../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0");
+ src: url("../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
+ font-weight: normal;
+ font-style: normal; }
+
+.fa {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0); }
+
+.fa-lg {
+ font-size: 1.33333333em;
+ line-height: .75em;
+ vertical-align: -15%; }
+
+.fa-2x {
+ font-size: 2em; }
+
+.fa-3x {
+ font-size: 3em; }
+
+.fa-4x {
+ font-size: 4em; }
+
+.fa-5x {
+ font-size: 5em; }
+
+.fa-fw {
+ width: 1.28571429em;
+ text-align: center; }
+
+.fa-ul {
+ padding-left: 0;
+ margin-left: 2.14285714em;
+ list-style-type: none; }
+
+.fa-ul > li {
+ position: relative; }
+
+.fa-li {
+ position: absolute;
+ left: -2.14285714em;
+ width: 2.14285714em;
+ top: .14285714em;
+ text-align: center; }
+
+.fa-li.fa-lg {
+ left: -1.85714286em; }
+
+.fa-border {
+ padding: .2em .25em .15em;
+ border: solid .08em #eee;
+ -webkit-border-radius: .1em;
+ border-radius: .1em; }
+
+.pull-right {
+ float: right; }
+
+.pull-left {
+ float: left; }
+
+.fa.pull-left {
+ margin-right: .3em; }
+
+.fa.pull-right {
+ margin-left: .3em; }
+
+.fa-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear; }
+
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8); }
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg); } }
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg); } }
+
+.fa-rotate-90 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg); }
+
+.fa-rotate-180 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg); }
+
+.fa-rotate-270 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
+ -webkit-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
+ -webkit-transform: scale(1, -1);
+ -ms-transform: scale(1, -1);
+ transform: scale(1, -1); }
+
+:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
+ -webkit-filter: none;
+ filter: none; }
+
+.fa-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle; }
+
+.fa-stack-1x, .fa-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center; }
+
+.fa-stack-1x {
+ line-height: inherit; }
+
+.fa-stack-2x {
+ font-size: 2em; }
+
+.fa-inverse {
+ color: #fff; }
+
+.fa-glass:before {
+ content: "\f000"; }
+
+.fa-music:before {
+ content: "\f001"; }
+
+.fa-search:before {
+ content: "\f002"; }
+
+.fa-envelope-o:before {
+ content: "\f003"; }
+
+.fa-heart:before {
+ content: "\f004"; }
+
+.fa-star:before {
+ content: "\f005"; }
+
+.fa-star-o:before {
+ content: "\f006"; }
+
+.fa-user:before {
+ content: "\f007"; }
+
+.fa-film:before {
+ content: "\f008"; }
+
+.fa-th-large:before {
+ content: "\f009"; }
+
+.fa-th:before {
+ content: "\f00a"; }
+
+.fa-th-list:before {
+ content: "\f00b"; }
+
+.fa-check:before {
+ content: "\f00c"; }
+
+.fa-remove:before, .fa-close:before, .fa-times:before {
+ content: "\f00d"; }
+
+.fa-search-plus:before {
+ content: "\f00e"; }
+
+.fa-search-minus:before {
+ content: "\f010"; }
+
+.fa-power-off:before {
+ content: "\f011"; }
+
+.fa-signal:before {
+ content: "\f012"; }
+
+.fa-gear:before, .fa-cog:before {
+ content: "\f013"; }
+
+.fa-trash-o:before {
+ content: "\f014"; }
+
+.fa-home:before {
+ content: "\f015"; }
+
+.fa-file-o:before {
+ content: "\f016"; }
+
+.fa-clock-o:before {
+ content: "\f017"; }
+
+.fa-road:before {
+ content: "\f018"; }
+
+.fa-download:before {
+ content: "\f019"; }
+
+.fa-arrow-circle-o-down:before {
+ content: "\f01a"; }
+
+.fa-arrow-circle-o-up:before {
+ content: "\f01b"; }
+
+.fa-inbox:before {
+ content: "\f01c"; }
+
+.fa-play-circle-o:before {
+ content: "\f01d"; }
+
+.fa-rotate-right:before, .fa-repeat:before {
+ content: "\f01e"; }
+
+.fa-refresh:before {
+ content: "\f021"; }
+
+.fa-list-alt:before {
+ content: "\f022"; }
+
+.fa-lock:before {
+ content: "\f023"; }
+
+.fa-flag:before {
+ content: "\f024"; }
+
+.fa-headphones:before {
+ content: "\f025"; }
+
+.fa-volume-off:before {
+ content: "\f026"; }
+
+.fa-volume-down:before {
+ content: "\f027"; }
+
+.fa-volume-up:before {
+ content: "\f028"; }
+
+.fa-qrcode:before {
+ content: "\f029"; }
+
+.fa-barcode:before {
+ content: "\f02a"; }
+
+.fa-tag:before {
+ content: "\f02b"; }
+
+.fa-tags:before {
+ content: "\f02c"; }
+
+.fa-book:before {
+ content: "\f02d"; }
+
+.fa-bookmark:before {
+ content: "\f02e"; }
+
+.fa-print:before {
+ content: "\f02f"; }
+
+.fa-camera:before {
+ content: "\f030"; }
+
+.fa-font:before {
+ content: "\f031"; }
+
+.fa-bold:before {
+ content: "\f032"; }
+
+.fa-italic:before {
+ content: "\f033"; }
+
+.fa-text-height:before {
+ content: "\f034"; }
+
+.fa-text-width:before {
+ content: "\f035"; }
+
+.fa-align-left:before {
+ content: "\f036"; }
+
+.fa-align-center:before {
+ content: "\f037"; }
+
+.fa-align-right:before {
+ content: "\f038"; }
+
+.fa-align-justify:before {
+ content: "\f039"; }
+
+.fa-list:before {
+ content: "\f03a"; }
+
+.fa-dedent:before, .fa-outdent:before {
+ content: "\f03b"; }
+
+.fa-indent:before {
+ content: "\f03c"; }
+
+.fa-video-camera:before {
+ content: "\f03d"; }
+
+.fa-photo:before, .fa-image:before, .fa-picture-o:before {
+ content: "\f03e"; }
+
+.fa-pencil:before {
+ content: "\f040"; }
+
+.fa-map-marker:before {
+ content: "\f041"; }
+
+.fa-adjust:before {
+ content: "\f042"; }
+
+.fa-tint:before {
+ content: "\f043"; }
+
+.fa-edit:before, .fa-pencil-square-o:before {
+ content: "\f044"; }
+
+.fa-share-square-o:before {
+ content: "\f045"; }
+
+.fa-check-square-o:before {
+ content: "\f046"; }
+
+.fa-arrows:before {
+ content: "\f047"; }
+
+.fa-step-backward:before {
+ content: "\f048"; }
+
+.fa-fast-backward:before {
+ content: "\f049"; }
+
+.fa-backward:before {
+ content: "\f04a"; }
+
+.fa-play:before {
+ content: "\f04b"; }
+
+.fa-pause:before {
+ content: "\f04c"; }
+
+.fa-stop:before {
+ content: "\f04d"; }
+
+.fa-forward:before {
+ content: "\f04e"; }
+
+.fa-fast-forward:before {
+ content: "\f050"; }
+
+.fa-step-forward:before {
+ content: "\f051"; }
+
+.fa-eject:before {
+ content: "\f052"; }
+
+.fa-chevron-left:before {
+ content: "\f053"; }
+
+.fa-chevron-right:before {
+ content: "\f054"; }
+
+.fa-plus-circle:before {
+ content: "\f055"; }
+
+.fa-minus-circle:before {
+ content: "\f056"; }
+
+.fa-times-circle:before {
+ content: "\f057"; }
+
+.fa-check-circle:before {
+ content: "\f058"; }
+
+.fa-question-circle:before {
+ content: "\f059"; }
+
+.fa-info-circle:before {
+ content: "\f05a"; }
+
+.fa-crosshairs:before {
+ content: "\f05b"; }
+
+.fa-times-circle-o:before {
+ content: "\f05c"; }
+
+.fa-check-circle-o:before {
+ content: "\f05d"; }
+
+.fa-ban:before {
+ content: "\f05e"; }
+
+.fa-arrow-left:before {
+ content: "\f060"; }
+
+.fa-arrow-right:before {
+ content: "\f061"; }
+
+.fa-arrow-up:before {
+ content: "\f062"; }
+
+.fa-arrow-down:before {
+ content: "\f063"; }
+
+.fa-mail-forward:before, .fa-share:before {
+ content: "\f064"; }
+
+.fa-expand:before {
+ content: "\f065"; }
+
+.fa-compress:before {
+ content: "\f066"; }
+
+.fa-plus:before {
+ content: "\f067"; }
+
+.fa-minus:before {
+ content: "\f068"; }
+
+.fa-asterisk:before {
+ content: "\f069"; }
+
+.fa-exclamation-circle:before {
+ content: "\f06a"; }
+
+.fa-gift:before {
+ content: "\f06b"; }
+
+.fa-leaf:before {
+ content: "\f06c"; }
+
+.fa-fire:before {
+ content: "\f06d"; }
+
+.fa-eye:before {
+ content: "\f06e"; }
+
+.fa-eye-slash:before {
+ content: "\f070"; }
+
+.fa-warning:before, .fa-exclamation-triangle:before {
+ content: "\f071"; }
+
+.fa-plane:before {
+ content: "\f072"; }
+
+.fa-calendar:before {
+ content: "\f073"; }
+
+.fa-random:before {
+ content: "\f074"; }
+
+.fa-comment:before {
+ content: "\f075"; }
+
+.fa-magnet:before {
+ content: "\f076"; }
+
+.fa-chevron-up:before {
+ content: "\f077"; }
+
+.fa-chevron-down:before {
+ content: "\f078"; }
+
+.fa-retweet:before {
+ content: "\f079"; }
+
+.fa-shopping-cart:before {
+ content: "\f07a"; }
+
+.fa-folder:before {
+ content: "\f07b"; }
+
+.fa-folder-open:before {
+ content: "\f07c"; }
+
+.fa-arrows-v:before {
+ content: "\f07d"; }
+
+.fa-arrows-h:before {
+ content: "\f07e"; }
+
+.fa-bar-chart-o:before, .fa-bar-chart:before {
+ content: "\f080"; }
+
+.fa-twitter-square:before {
+ content: "\f081"; }
+
+.fa-facebook-square:before {
+ content: "\f082"; }
+
+.fa-camera-retro:before {
+ content: "\f083"; }
+
+.fa-key:before {
+ content: "\f084"; }
+
+.fa-gears:before, .fa-cogs:before {
+ content: "\f085"; }
+
+.fa-comments:before {
+ content: "\f086"; }
+
+.fa-thumbs-o-up:before {
+ content: "\f087"; }
+
+.fa-thumbs-o-down:before {
+ content: "\f088"; }
+
+.fa-star-half:before {
+ content: "\f089"; }
+
+.fa-heart-o:before {
+ content: "\f08a"; }
+
+.fa-sign-out:before {
+ content: "\f08b"; }
+
+.fa-linkedin-square:before {
+ content: "\f08c"; }
+
+.fa-thumb-tack:before {
+ content: "\f08d"; }
+
+.fa-external-link:before {
+ content: "\f08e"; }
+
+.fa-sign-in:before {
+ content: "\f090"; }
+
+.fa-trophy:before {
+ content: "\f091"; }
+
+.fa-github-square:before {
+ content: "\f092"; }
+
+.fa-upload:before {
+ content: "\f093"; }
+
+.fa-lemon-o:before {
+ content: "\f094"; }
+
+.fa-phone:before {
+ content: "\f095"; }
+
+.fa-square-o:before {
+ content: "\f096"; }
+
+.fa-bookmark-o:before {
+ content: "\f097"; }
+
+.fa-phone-square:before {
+ content: "\f098"; }
+
+.fa-twitter:before {
+ content: "\f099"; }
+
+.fa-facebook-f:before, .fa-facebook:before {
+ content: "\f09a"; }
+
+.fa-github:before {
+ content: "\f09b"; }
+
+.fa-unlock:before {
+ content: "\f09c"; }
+
+.fa-credit-card:before {
+ content: "\f09d"; }
+
+.fa-rss:before {
+ content: "\f09e"; }
+
+.fa-hdd-o:before {
+ content: "\f0a0"; }
+
+.fa-bullhorn:before {
+ content: "\f0a1"; }
+
+.fa-bell:before {
+ content: "\f0f3"; }
+
+.fa-certificate:before {
+ content: "\f0a3"; }
+
+.fa-hand-o-right:before {
+ content: "\f0a4"; }
+
+.fa-hand-o-left:before {
+ content: "\f0a5"; }
+
+.fa-hand-o-up:before {
+ content: "\f0a6"; }
+
+.fa-hand-o-down:before {
+ content: "\f0a7"; }
+
+.fa-arrow-circle-left:before {
+ content: "\f0a8"; }
+
+.fa-arrow-circle-right:before {
+ content: "\f0a9"; }
+
+.fa-arrow-circle-up:before {
+ content: "\f0aa"; }
+
+.fa-arrow-circle-down:before {
+ content: "\f0ab"; }
+
+.fa-globe:before {
+ content: "\f0ac"; }
+
+.fa-wrench:before {
+ content: "\f0ad"; }
+
+.fa-tasks:before {
+ content: "\f0ae"; }
+
+.fa-filter:before {
+ content: "\f0b0"; }
+
+.fa-briefcase:before {
+ content: "\f0b1"; }
+
+.fa-arrows-alt:before {
+ content: "\f0b2"; }
+
+.fa-group:before, .fa-users:before {
+ content: "\f0c0"; }
+
+.fa-chain:before, .fa-link:before {
+ content: "\f0c1"; }
+
+.fa-cloud:before {
+ content: "\f0c2"; }
+
+.fa-flask:before {
+ content: "\f0c3"; }
+
+.fa-cut:before, .fa-scissors:before {
+ content: "\f0c4"; }
+
+.fa-copy:before, .fa-files-o:before {
+ content: "\f0c5"; }
+
+.fa-paperclip:before {
+ content: "\f0c6"; }
+
+.fa-save:before, .fa-floppy-o:before {
+ content: "\f0c7"; }
+
+.fa-square:before {
+ content: "\f0c8"; }
+
+.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
+ content: "\f0c9"; }
+
+.fa-list-ul:before {
+ content: "\f0ca"; }
+
+.fa-list-ol:before {
+ content: "\f0cb"; }
+
+.fa-strikethrough:before {
+ content: "\f0cc"; }
+
+.fa-underline:before {
+ content: "\f0cd"; }
+
+.fa-table:before {
+ content: "\f0ce"; }
+
+.fa-magic:before {
+ content: "\f0d0"; }
+
+.fa-truck:before {
+ content: "\f0d1"; }
+
+.fa-pinterest:before {
+ content: "\f0d2"; }
+
+.fa-pinterest-square:before {
+ content: "\f0d3"; }
+
+.fa-google-plus-square:before {
+ content: "\f0d4"; }
+
+.fa-google-plus:before {
+ content: "\f0d5"; }
+
+.fa-money:before {
+ content: "\f0d6"; }
+
+.fa-caret-down:before {
+ content: "\f0d7"; }
+
+.fa-caret-up:before {
+ content: "\f0d8"; }
+
+.fa-caret-left:before {
+ content: "\f0d9"; }
+
+.fa-caret-right:before {
+ content: "\f0da"; }
+
+.fa-columns:before {
+ content: "\f0db"; }
+
+.fa-unsorted:before, .fa-sort:before {
+ content: "\f0dc"; }
+
+.fa-sort-down:before, .fa-sort-desc:before {
+ content: "\f0dd"; }
+
+.fa-sort-up:before, .fa-sort-asc:before {
+ content: "\f0de"; }
+
+.fa-envelope:before {
+ content: "\f0e0"; }
+
+.fa-linkedin:before {
+ content: "\f0e1"; }
+
+.fa-rotate-left:before, .fa-undo:before {
+ content: "\f0e2"; }
+
+.fa-legal:before, .fa-gavel:before {
+ content: "\f0e3"; }
+
+.fa-dashboard:before, .fa-tachometer:before {
+ content: "\f0e4"; }
+
+.fa-comment-o:before {
+ content: "\f0e5"; }
+
+.fa-comments-o:before {
+ content: "\f0e6"; }
+
+.fa-flash:before, .fa-bolt:before {
+ content: "\f0e7"; }
+
+.fa-sitemap:before {
+ content: "\f0e8"; }
+
+.fa-umbrella:before {
+ content: "\f0e9"; }
+
+.fa-paste:before, .fa-clipboard:before {
+ content: "\f0ea"; }
+
+.fa-lightbulb-o:before {
+ content: "\f0eb"; }
+
+.fa-exchange:before {
+ content: "\f0ec"; }
+
+.fa-cloud-download:before {
+ content: "\f0ed"; }
+
+.fa-cloud-upload:before {
+ content: "\f0ee"; }
+
+.fa-user-md:before {
+ content: "\f0f0"; }
+
+.fa-stethoscope:before {
+ content: "\f0f1"; }
+
+.fa-suitcase:before {
+ content: "\f0f2"; }
+
+.fa-bell-o:before {
+ content: "\f0a2"; }
+
+.fa-coffee:before {
+ content: "\f0f4"; }
+
+.fa-cutlery:before {
+ content: "\f0f5"; }
+
+.fa-file-text-o:before {
+ content: "\f0f6"; }
+
+.fa-building-o:before {
+ content: "\f0f7"; }
+
+.fa-hospital-o:before {
+ content: "\f0f8"; }
+
+.fa-ambulance:before {
+ content: "\f0f9"; }
+
+.fa-medkit:before {
+ content: "\f0fa"; }
+
+.fa-fighter-jet:before {
+ content: "\f0fb"; }
+
+.fa-beer:before {
+ content: "\f0fc"; }
+
+.fa-h-square:before {
+ content: "\f0fd"; }
+
+.fa-plus-square:before {
+ content: "\f0fe"; }
+
+.fa-angle-double-left:before {
+ content: "\f100"; }
+
+.fa-angle-double-right:before {
+ content: "\f101"; }
+
+.fa-angle-double-up:before {
+ content: "\f102"; }
+
+.fa-angle-double-down:before {
+ content: "\f103"; }
+
+.fa-angle-left:before {
+ content: "\f104"; }
+
+.fa-angle-right:before {
+ content: "\f105"; }
+
+.fa-angle-up:before {
+ content: "\f106"; }
+
+.fa-angle-down:before {
+ content: "\f107"; }
+
+.fa-desktop:before {
+ content: "\f108"; }
+
+.fa-laptop:before {
+ content: "\f109"; }
+
+.fa-tablet:before {
+ content: "\f10a"; }
+
+.fa-mobile-phone:before, .fa-mobile:before {
+ content: "\f10b"; }
+
+.fa-circle-o:before {
+ content: "\f10c"; }
+
+.fa-quote-left:before {
+ content: "\f10d"; }
+
+.fa-quote-right:before {
+ content: "\f10e"; }
+
+.fa-spinner:before {
+ content: "\f110"; }
+
+.fa-circle:before {
+ content: "\f111"; }
+
+.fa-mail-reply:before, .fa-reply:before {
+ content: "\f112"; }
+
+.fa-github-alt:before {
+ content: "\f113"; }
+
+.fa-folder-o:before {
+ content: "\f114"; }
+
+.fa-folder-open-o:before {
+ content: "\f115"; }
+
+.fa-smile-o:before {
+ content: "\f118"; }
+
+.fa-frown-o:before {
+ content: "\f119"; }
+
+.fa-meh-o:before {
+ content: "\f11a"; }
+
+.fa-gamepad:before {
+ content: "\f11b"; }
+
+.fa-keyboard-o:before {
+ content: "\f11c"; }
+
+.fa-flag-o:before {
+ content: "\f11d"; }
+
+.fa-flag-checkered:before {
+ content: "\f11e"; }
+
+.fa-terminal:before {
+ content: "\f120"; }
+
+.fa-code:before {
+ content: "\f121"; }
+
+.fa-mail-reply-all:before, .fa-reply-all:before {
+ content: "\f122"; }
+
+.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
+ content: "\f123"; }
+
+.fa-location-arrow:before {
+ content: "\f124"; }
+
+.fa-crop:before {
+ content: "\f125"; }
+
+.fa-code-fork:before {
+ content: "\f126"; }
+
+.fa-unlink:before, .fa-chain-broken:before {
+ content: "\f127"; }
+
+.fa-question:before {
+ content: "\f128"; }
+
+.fa-info:before {
+ content: "\f129"; }
+
+.fa-exclamation:before {
+ content: "\f12a"; }
+
+.fa-superscript:before {
+ content: "\f12b"; }
+
+.fa-subscript:before {
+ content: "\f12c"; }
+
+.fa-eraser:before {
+ content: "\f12d"; }
+
+.fa-puzzle-piece:before {
+ content: "\f12e"; }
+
+.fa-microphone:before {
+ content: "\f130"; }
+
+.fa-microphone-slash:before {
+ content: "\f131"; }
+
+.fa-shield:before {
+ content: "\f132"; }
+
+.fa-calendar-o:before {
+ content: "\f133"; }
+
+.fa-fire-extinguisher:before {
+ content: "\f134"; }
+
+.fa-rocket:before {
+ content: "\f135"; }
+
+.fa-maxcdn:before {
+ content: "\f136"; }
+
+.fa-chevron-circle-left:before {
+ content: "\f137"; }
+
+.fa-chevron-circle-right:before {
+ content: "\f138"; }
+
+.fa-chevron-circle-up:before {
+ content: "\f139"; }
+
+.fa-chevron-circle-down:before {
+ content: "\f13a"; }
+
+.fa-html5:before {
+ content: "\f13b"; }
+
+.fa-css3:before {
+ content: "\f13c"; }
+
+.fa-anchor:before {
+ content: "\f13d"; }
+
+.fa-unlock-alt:before {
+ content: "\f13e"; }
+
+.fa-bullseye:before {
+ content: "\f140"; }
+
+.fa-ellipsis-h:before {
+ content: "\f141"; }
+
+.fa-ellipsis-v:before {
+ content: "\f142"; }
+
+.fa-rss-square:before {
+ content: "\f143"; }
+
+.fa-play-circle:before {
+ content: "\f144"; }
+
+.fa-ticket:before {
+ content: "\f145"; }
+
+.fa-minus-square:before {
+ content: "\f146"; }
+
+.fa-minus-square-o:before {
+ content: "\f147"; }
+
+.fa-level-up:before {
+ content: "\f148"; }
+
+.fa-level-down:before {
+ content: "\f149"; }
+
+.fa-check-square:before {
+ content: "\f14a"; }
+
+.fa-pencil-square:before {
+ content: "\f14b"; }
+
+.fa-external-link-square:before {
+ content: "\f14c"; }
+
+.fa-share-square:before {
+ content: "\f14d"; }
+
+.fa-compass:before {
+ content: "\f14e"; }
+
+.fa-toggle-down:before, .fa-caret-square-o-down:before {
+ content: "\f150"; }
+
+.fa-toggle-up:before, .fa-caret-square-o-up:before {
+ content: "\f151"; }
+
+.fa-toggle-right:before, .fa-caret-square-o-right:before {
+ content: "\f152"; }
+
+.fa-euro:before, .fa-eur:before {
+ content: "\f153"; }
+
+.fa-gbp:before {
+ content: "\f154"; }
+
+.fa-dollar:before, .fa-usd:before {
+ content: "\f155"; }
+
+.fa-rupee:before, .fa-inr:before {
+ content: "\f156"; }
+
+.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
+ content: "\f157"; }
+
+.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
+ content: "\f158"; }
+
+.fa-won:before, .fa-krw:before {
+ content: "\f159"; }
+
+.fa-bitcoin:before, .fa-btc:before {
+ content: "\f15a"; }
+
+.fa-file:before {
+ content: "\f15b"; }
+
+.fa-file-text:before {
+ content: "\f15c"; }
+
+.fa-sort-alpha-asc:before {
+ content: "\f15d"; }
+
+.fa-sort-alpha-desc:before {
+ content: "\f15e"; }
+
+.fa-sort-amount-asc:before {
+ content: "\f160"; }
+
+.fa-sort-amount-desc:before {
+ content: "\f161"; }
+
+.fa-sort-numeric-asc:before {
+ content: "\f162"; }
+
+.fa-sort-numeric-desc:before {
+ content: "\f163"; }
+
+.fa-thumbs-up:before {
+ content: "\f164"; }
+
+.fa-thumbs-down:before {
+ content: "\f165"; }
+
+.fa-youtube-square:before {
+ content: "\f166"; }
+
+.fa-youtube:before {
+ content: "\f167"; }
+
+.fa-xing:before {
+ content: "\f168"; }
+
+.fa-xing-square:before {
+ content: "\f169"; }
+
+.fa-youtube-play:before {
+ content: "\f16a"; }
+
+.fa-dropbox:before {
+ content: "\f16b"; }
+
+.fa-stack-overflow:before {
+ content: "\f16c"; }
+
+.fa-instagram:before {
+ content: "\f16d"; }
+
+.fa-flickr:before {
+ content: "\f16e"; }
+
+.fa-adn:before {
+ content: "\f170"; }
+
+.fa-bitbucket:before {
+ content: "\f171"; }
+
+.fa-bitbucket-square:before {
+ content: "\f172"; }
+
+.fa-tumblr:before {
+ content: "\f173"; }
+
+.fa-tumblr-square:before {
+ content: "\f174"; }
+
+.fa-long-arrow-down:before {
+ content: "\f175"; }
+
+.fa-long-arrow-up:before {
+ content: "\f176"; }
+
+.fa-long-arrow-left:before {
+ content: "\f177"; }
+
+.fa-long-arrow-right:before {
+ content: "\f178"; }
+
+.fa-apple:before {
+ content: "\f179"; }
+
+.fa-windows:before {
+ content: "\f17a"; }
+
+.fa-android:before {
+ content: "\f17b"; }
+
+.fa-linux:before {
+ content: "\f17c"; }
+
+.fa-dribbble:before {
+ content: "\f17d"; }
+
+.fa-skype:before {
+ content: "\f17e"; }
+
+.fa-foursquare:before {
+ content: "\f180"; }
+
+.fa-trello:before {
+ content: "\f181"; }
+
+.fa-female:before {
+ content: "\f182"; }
+
+.fa-male:before {
+ content: "\f183"; }
+
+.fa-gittip:before, .fa-gratipay:before {
+ content: "\f184"; }
+
+.fa-sun-o:before {
+ content: "\f185"; }
+
+.fa-moon-o:before {
+ content: "\f186"; }
+
+.fa-archive:before {
+ content: "\f187"; }
+
+.fa-bug:before {
+ content: "\f188"; }
+
+.fa-vk:before {
+ content: "\f189"; }
+
+.fa-weibo:before {
+ content: "\f18a"; }
+
+.fa-renren:before {
+ content: "\f18b"; }
+
+.fa-pagelines:before {
+ content: "\f18c"; }
+
+.fa-stack-exchange:before {
+ content: "\f18d"; }
+
+.fa-arrow-circle-o-right:before {
+ content: "\f18e"; }
+
+.fa-arrow-circle-o-left:before {
+ content: "\f190"; }
+
+.fa-toggle-left:before, .fa-caret-square-o-left:before {
+ content: "\f191"; }
+
+.fa-dot-circle-o:before {
+ content: "\f192"; }
+
+.fa-wheelchair:before {
+ content: "\f193"; }
+
+.fa-vimeo-square:before {
+ content: "\f194"; }
+
+.fa-turkish-lira:before, .fa-try:before {
+ content: "\f195"; }
+
+.fa-plus-square-o:before {
+ content: "\f196"; }
+
+.fa-space-shuttle:before {
+ content: "\f197"; }
+
+.fa-slack:before {
+ content: "\f198"; }
+
+.fa-envelope-square:before {
+ content: "\f199"; }
+
+.fa-wordpress:before {
+ content: "\f19a"; }
+
+.fa-openid:before {
+ content: "\f19b"; }
+
+.fa-institution:before, .fa-bank:before, .fa-university:before {
+ content: "\f19c"; }
+
+.fa-mortar-board:before, .fa-graduation-cap:before {
+ content: "\f19d"; }
+
+.fa-yahoo:before {
+ content: "\f19e"; }
+
+.fa-google:before {
+ content: "\f1a0"; }
+
+.fa-reddit:before {
+ content: "\f1a1"; }
+
+.fa-reddit-square:before {
+ content: "\f1a2"; }
+
+.fa-stumbleupon-circle:before {
+ content: "\f1a3"; }
+
+.fa-stumbleupon:before {
+ content: "\f1a4"; }
+
+.fa-delicious:before {
+ content: "\f1a5"; }
+
+.fa-digg:before {
+ content: "\f1a6"; }
+
+.fa-pied-piper:before {
+ content: "\f1a7"; }
+
+.fa-pied-piper-alt:before {
+ content: "\f1a8"; }
+
+.fa-drupal:before {
+ content: "\f1a9"; }
+
+.fa-joomla:before {
+ content: "\f1aa"; }
+
+.fa-language:before {
+ content: "\f1ab"; }
+
+.fa-fax:before {
+ content: "\f1ac"; }
+
+.fa-building:before {
+ content: "\f1ad"; }
+
+.fa-child:before {
+ content: "\f1ae"; }
+
+.fa-paw:before {
+ content: "\f1b0"; }
+
+.fa-spoon:before {
+ content: "\f1b1"; }
+
+.fa-cube:before {
+ content: "\f1b2"; }
+
+.fa-cubes:before {
+ content: "\f1b3"; }
+
+.fa-behance:before {
+ content: "\f1b4"; }
+
+.fa-behance-square:before {
+ content: "\f1b5"; }
+
+.fa-steam:before {
+ content: "\f1b6"; }
+
+.fa-steam-square:before {
+ content: "\f1b7"; }
+
+.fa-recycle:before {
+ content: "\f1b8"; }
+
+.fa-automobile:before, .fa-car:before {
+ content: "\f1b9"; }
+
+.fa-cab:before, .fa-taxi:before {
+ content: "\f1ba"; }
+
+.fa-tree:before {
+ content: "\f1bb"; }
+
+.fa-spotify:before {
+ content: "\f1bc"; }
+
+.fa-deviantart:before {
+ content: "\f1bd"; }
+
+.fa-soundcloud:before {
+ content: "\f1be"; }
+
+.fa-database:before {
+ content: "\f1c0"; }
+
+.fa-file-pdf-o:before {
+ content: "\f1c1"; }
+
+.fa-file-word-o:before {
+ content: "\f1c2"; }
+
+.fa-file-excel-o:before {
+ content: "\f1c3"; }
+
+.fa-file-powerpoint-o:before {
+ content: "\f1c4"; }
+
+.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
+ content: "\f1c5"; }
+
+.fa-file-zip-o:before, .fa-file-archive-o:before {
+ content: "\f1c6"; }
+
+.fa-file-sound-o:before, .fa-file-audio-o:before {
+ content: "\f1c7"; }
+
+.fa-file-movie-o:before, .fa-file-video-o:before {
+ content: "\f1c8"; }
+
+.fa-file-code-o:before {
+ content: "\f1c9"; }
+
+.fa-vine:before {
+ content: "\f1ca"; }
+
+.fa-codepen:before {
+ content: "\f1cb"; }
+
+.fa-jsfiddle:before {
+ content: "\f1cc"; }
+
+.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
+ content: "\f1cd"; }
+
+.fa-circle-o-notch:before {
+ content: "\f1ce"; }
+
+.fa-ra:before, .fa-rebel:before {
+ content: "\f1d0"; }
+
+.fa-ge:before, .fa-empire:before {
+ content: "\f1d1"; }
+
+.fa-git-square:before {
+ content: "\f1d2"; }
+
+.fa-git:before {
+ content: "\f1d3"; }
+
+.fa-hacker-news:before {
+ content: "\f1d4"; }
+
+.fa-tencent-weibo:before {
+ content: "\f1d5"; }
+
+.fa-qq:before {
+ content: "\f1d6"; }
+
+.fa-wechat:before, .fa-weixin:before {
+ content: "\f1d7"; }
+
+.fa-send:before, .fa-paper-plane:before {
+ content: "\f1d8"; }
+
+.fa-send-o:before, .fa-paper-plane-o:before {
+ content: "\f1d9"; }
+
+.fa-history:before {
+ content: "\f1da"; }
+
+.fa-genderless:before, .fa-circle-thin:before {
+ content: "\f1db"; }
+
+.fa-header:before {
+ content: "\f1dc"; }
+
+.fa-paragraph:before {
+ content: "\f1dd"; }
+
+.fa-sliders:before {
+ content: "\f1de"; }
+
+.fa-share-alt:before {
+ content: "\f1e0"; }
+
+.fa-share-alt-square:before {
+ content: "\f1e1"; }
+
+.fa-bomb:before {
+ content: "\f1e2"; }
+
+.fa-soccer-ball-o:before, .fa-futbol-o:before {
+ content: "\f1e3"; }
+
+.fa-tty:before {
+ content: "\f1e4"; }
+
+.fa-binoculars:before {
+ content: "\f1e5"; }
+
+.fa-plug:before {
+ content: "\f1e6"; }
+
+.fa-slideshare:before {
+ content: "\f1e7"; }
+
+.fa-twitch:before {
+ content: "\f1e8"; }
+
+.fa-yelp:before {
+ content: "\f1e9"; }
+
+.fa-newspaper-o:before {
+ content: "\f1ea"; }
+
+.fa-wifi:before {
+ content: "\f1eb"; }
+
+.fa-calculator:before {
+ content: "\f1ec"; }
+
+.fa-paypal:before {
+ content: "\f1ed"; }
+
+.fa-google-wallet:before {
+ content: "\f1ee"; }
+
+.fa-cc-visa:before {
+ content: "\f1f0"; }
+
+.fa-cc-mastercard:before {
+ content: "\f1f1"; }
+
+.fa-cc-discover:before {
+ content: "\f1f2"; }
+
+.fa-cc-amex:before {
+ content: "\f1f3"; }
+
+.fa-cc-paypal:before {
+ content: "\f1f4"; }
+
+.fa-cc-stripe:before {
+ content: "\f1f5"; }
+
+.fa-bell-slash:before {
+ content: "\f1f6"; }
+
+.fa-bell-slash-o:before {
+ content: "\f1f7"; }
+
+.fa-trash:before {
+ content: "\f1f8"; }
+
+.fa-copyright:before {
+ content: "\f1f9"; }
+
+.fa-at:before {
+ content: "\f1fa"; }
+
+.fa-eyedropper:before {
+ content: "\f1fb"; }
+
+.fa-paint-brush:before {
+ content: "\f1fc"; }
+
+.fa-birthday-cake:before {
+ content: "\f1fd"; }
+
+.fa-area-chart:before {
+ content: "\f1fe"; }
+
+.fa-pie-chart:before {
+ content: "\f200"; }
+
+.fa-line-chart:before {
+ content: "\f201"; }
+
+.fa-lastfm:before {
+ content: "\f202"; }
+
+.fa-lastfm-square:before {
+ content: "\f203"; }
+
+.fa-toggle-off:before {
+ content: "\f204"; }
+
+.fa-toggle-on:before {
+ content: "\f205"; }
+
+.fa-bicycle:before {
+ content: "\f206"; }
+
+.fa-bus:before {
+ content: "\f207"; }
+
+.fa-ioxhost:before {
+ content: "\f208"; }
+
+.fa-angellist:before {
+ content: "\f209"; }
+
+.fa-cc:before {
+ content: "\f20a"; }
+
+.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
+ content: "\f20b"; }
+
+.fa-meanpath:before {
+ content: "\f20c"; }
+
+.fa-buysellads:before {
+ content: "\f20d"; }
+
+.fa-connectdevelop:before {
+ content: "\f20e"; }
+
+.fa-dashcube:before {
+ content: "\f210"; }
+
+.fa-forumbee:before {
+ content: "\f211"; }
+
+.fa-leanpub:before {
+ content: "\f212"; }
+
+.fa-sellsy:before {
+ content: "\f213"; }
+
+.fa-shirtsinbulk:before {
+ content: "\f214"; }
+
+.fa-simplybuilt:before {
+ content: "\f215"; }
+
+.fa-skyatlas:before {
+ content: "\f216"; }
+
+.fa-cart-plus:before {
+ content: "\f217"; }
+
+.fa-cart-arrow-down:before {
+ content: "\f218"; }
+
+.fa-diamond:before {
+ content: "\f219"; }
+
+.fa-ship:before {
+ content: "\f21a"; }
+
+.fa-user-secret:before {
+ content: "\f21b"; }
+
+.fa-motorcycle:before {
+ content: "\f21c"; }
+
+.fa-street-view:before {
+ content: "\f21d"; }
+
+.fa-heartbeat:before {
+ content: "\f21e"; }
+
+.fa-venus:before {
+ content: "\f221"; }
+
+.fa-mars:before {
+ content: "\f222"; }
+
+.fa-mercury:before {
+ content: "\f223"; }
+
+.fa-transgender:before {
+ content: "\f224"; }
+
+.fa-transgender-alt:before {
+ content: "\f225"; }
+
+.fa-venus-double:before {
+ content: "\f226"; }
+
+.fa-mars-double:before {
+ content: "\f227"; }
+
+.fa-venus-mars:before {
+ content: "\f228"; }
+
+.fa-mars-stroke:before {
+ content: "\f229"; }
+
+.fa-mars-stroke-v:before {
+ content: "\f22a"; }
+
+.fa-mars-stroke-h:before {
+ content: "\f22b"; }
+
+.fa-neuter:before {
+ content: "\f22c"; }
+
+.fa-facebook-official:before {
+ content: "\f230"; }
+
+.fa-pinterest-p:before {
+ content: "\f231"; }
+
+.fa-whatsapp:before {
+ content: "\f232"; }
+
+.fa-server:before {
+ content: "\f233"; }
+
+.fa-user-plus:before {
+ content: "\f234"; }
+
+.fa-user-times:before {
+ content: "\f235"; }
+
+.fa-hotel:before, .fa-bed:before {
+ content: "\f236"; }
+
+.fa-viacoin:before {
+ content: "\f237"; }
+
+.fa-train:before {
+ content: "\f238"; }
+
+.fa-subway:before {
+ content: "\f239"; }
+
+.fa-medium:before {
+ content: "\f23a"; }
+
+/*!
+*
+* IPython base
+*
+*/
+.modal.fade .modal-dialog {
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0); }
+
+code {
+ color: #000; }
+
+pre {
+ font-size: inherit;
+ line-height: inherit; }
+
+label {
+ font-weight: normal; }
+
+.border-box-sizing {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box; }
+
+.corner-all {
+ -webkit-border-radius: 2px;
+ border-radius: 2px; }
+
+.no-padding {
+ padding: 0; }
+
+.hbox {
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+.hbox > * {
+ -webkit-box-flex: 0;
+ box-flex: 0;
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none; }
+
+.vbox {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+.vbox > * {
+ -webkit-box-flex: 0;
+ box-flex: 0;
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none; }
+
+.hbox.reverse, .vbox.reverse, .reverse {
+ -webkit-box-direction: reverse;
+ box-direction: reverse;
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse; }
+
+.hbox.box-flex0, .vbox.box-flex0, .box-flex0 {
+ -webkit-box-flex: 0;
+ box-flex: 0;
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none;
+ width: auto; }
+
+.hbox.box-flex1, .vbox.box-flex1, .box-flex1 {
+ -webkit-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+
+.hbox.box-flex, .vbox.box-flex, .box-flex {
+ -webkit-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+
+.hbox.box-flex2, .vbox.box-flex2, .box-flex2 {
+ -webkit-box-flex: 2;
+ box-flex: 2;
+ -webkit-flex: 2;
+ -ms-flex: 2;
+ flex: 2; }
+
+.box-group1 {
+ -webkit-box-flex-group: 1;
+ -moz-box-flex-group: 1;
+ box-flex-group: 1; }
+
+.box-group2 {
+ -webkit-box-flex-group: 2;
+ -moz-box-flex-group: 2;
+ box-flex-group: 2; }
+
+.hbox.start, .vbox.start, .start {
+ -webkit-box-pack: start;
+ box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+
+.hbox.end, .vbox.end, .end {
+ -webkit-box-pack: end;
+ box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+
+.hbox.center, .vbox.center, .center {
+ -webkit-box-pack: center;
+ box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+
+.hbox.baseline, .vbox.baseline, .baseline {
+ -webkit-box-pack: baseline;
+ box-pack: baseline;
+ -webkit-justify-content: baseline;
+ -ms-flex-pack: baseline;
+ justify-content: baseline; }
+
+.hbox.stretch, .vbox.stretch, .stretch {
+ -webkit-box-pack: stretch;
+ box-pack: stretch;
+ -webkit-justify-content: stretch;
+ -ms-flex-pack: stretch;
+ justify-content: stretch; }
+
+.hbox.align-start, .vbox.align-start, .align-start {
+ -webkit-box-align: start;
+ box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start; }
+
+.hbox.align-end, .vbox.align-end, .align-end {
+ -webkit-box-align: end;
+ box-align: end;
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end; }
+
+.hbox.align-center, .vbox.align-center, .align-center {
+ -webkit-box-align: center;
+ box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+.hbox.align-baseline, .vbox.align-baseline, .align-baseline {
+ -webkit-box-align: baseline;
+ box-align: baseline;
+ -webkit-align-items: baseline;
+ -ms-flex-align: baseline;
+ align-items: baseline; }
+
+.hbox.align-stretch, .vbox.align-stretch, .align-stretch {
+ -webkit-box-align: stretch;
+ box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+div.error {
+ margin: 2em;
+ text-align: center; }
+
+div.error > h1, section.section div.error > h2 {
+ font-size: 500%;
+ line-height: normal; }
+
+div.error > p, section.section div.error > div.content-box {
+ font-size: 200%;
+ line-height: normal; }
+
+div.traceback-wrapper {
+ text-align: left;
+ max-width: 800px;
+ margin: auto; }
+
+body {
+ background-color: #fff;
+ color: #20293d !important;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow: visible; }
+
+#header {
+ background-color: #fff;
+ position: relative;
+ z-index: 100; }
+
+#header #header-container {
+ padding-bottom: 5px;
+ padding-top: 5px;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box; }
+
+#header .header-bar {
+ width: 100%;
+ height: 1px;
+ background: #e7e7e7;
+ margin-bottom: -1px; }
+
+@media print {
+ #header {
+ display: none !important; } }
+
+#header-spacer {
+ width: 100%;
+ visibility: hidden; }
+
+@media print {
+ #header-spacer {
+ display: none; } }
+
+#ipython_notebook {
+ padding-left: 0;
+ padding-top: 1px;
+ padding-bottom: 1px; }
+
+@media (max-width: 991px) {
+ #ipython_notebook {
+ margin-left: 10px; } }
+
+#noscript {
+ width: auto;
+ padding-top: 16px;
+ padding-bottom: 16px;
+ text-align: center;
+ font-size: 22px;
+ color: red;
+ font-weight: bold; }
+
+#ipython_notebook img {
+ height: 28px; }
+
+#site {
+ width: 100%;
+ display: none;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ overflow: auto; }
+
+@media print {
+ #site {
+ height: auto !important; } }
+
+.ui-button .ui-button-text {
+ padding: .2em .8em;
+ font-size: 77%; }
+
+input.ui-button {
+ padding: .3em .9em; }
+
+span#login_widget {
+ float: right; }
+
+span#login_widget > .button, #logout {
+ color: #333;
+ background-color: #fff;
+ border-color: #ccc; }
+
+span#login_widget > .button:hover, #logout:hover, span#login_widget > .button:focus, #logout:focus, span#login_widget > .button.focus, #logout.focus, span#login_widget > .button:active, #logout:active, span#login_widget > .button.active, #logout.active, .open > .dropdown-togglespan#login_widget > .button, .open > .dropdown-toggle#logout {
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #adadad; }
+
+span#login_widget > .button:active, #logout:active, span#login_widget > .button.active, #logout.active, .open > .dropdown-togglespan#login_widget > .button, .open > .dropdown-toggle#logout {
+ background-image: none; }
+
+span#login_widget > .button.disabled, #logout.disabled, span#login_widget > .button[disabled], #logout[disabled], fieldset[disabled] span#login_widget > .button, fieldset[disabled] #logout, span#login_widget > .button.disabled:hover, #logout.disabled:hover, span#login_widget > .button[disabled]:hover, #logout[disabled]:hover, fieldset[disabled] span#login_widget > .button:hover, fieldset[disabled] #logout:hover, span#login_widget > .button.disabled:focus, #logout.disabled:focus, span#login_widget > .button[disabled]:focus, #logout[disabled]:focus, fieldset[disabled] span#login_widget > .button:focus, fieldset[disabled] #logout:focus, span#login_widget > .button.disabled.focus, #logout.disabled.focus, span#login_widget > .button[disabled].focus, #logout[disabled].focus, fieldset[disabled] span#login_widget > .button.focus, fieldset[disabled] #logout.focus, span#login_widget > .button.disabled:active, #logout.disabled:active, span#login_widget > .button[disabled]:active, #logout[disabled]:active, fieldset[disabled] span#login_widget > .button:active, fieldset[disabled] #logout:active, span#login_widget > .button.disabled.active, #logout.disabled.active, span#login_widget > .button[disabled].active, #logout[disabled].active, fieldset[disabled] span#login_widget > .button.active, fieldset[disabled] #logout.active {
+ background-color: #fff;
+ border-color: #ccc; }
+
+span#login_widget > .button .badge, #logout .badge {
+ color: #fff;
+ background-color: #333; }
+
+.nav-header {
+ text-transform: none; }
+
+#header > span {
+ margin-top: 10px; }
+
+.modal_stretch .modal-dialog {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ min-height: 80vh; }
+
+.modal_stretch .modal-dialog .modal-body {
+ max-height: -webkit-calc(100vh - 200px);
+ max-height: calc(100vh - 200px);
+ overflow: auto;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+
+@media (min-width: 768px) {
+ .modal .modal-dialog {
+ width: 700px; } }
+
+@media (min-width: 768px) {
+ select.form-control {
+ margin-left: 12px;
+ margin-right: 12px; } }
+
+/*!
+*
+* IPython auth
+*
+*/
+.center-nav {
+ display: inline-block;
+ margin-bottom: -4px; }
+
+/*!
+*
+* IPython tree view
+*
+*/
+.alternate_upload {
+ background-color: none;
+ display: inline; }
+
+.alternate_upload.form {
+ padding: 0;
+ margin: 0; }
+
+.alternate_upload input.fileinput {
+ display: inline;
+ opacity: 0;
+ z-index: 2;
+ width: 12ex;
+ margin-right: -12ex; }
+
+.alternate_upload .btn-upload {
+ height: 22px; }
+
+ul#tabs {
+ margin-bottom: 4px; }
+
+ul#tabs a {
+ padding-top: 6px;
+ padding-bottom: 4px; }
+
+ul.breadcrumb a:focus, ul.breadcrumb a:hover {
+ text-decoration: none; }
+
+ul.breadcrumb i.icon-home {
+ font-size: 16px;
+ margin-right: 4px; }
+
+ul.breadcrumb span {
+ color: #5e5e5e; }
+
+.list_toolbar {
+ padding: 4px 0 4px 0;
+ vertical-align: middle; }
+
+.list_toolbar .tree-buttons {
+ padding-top: 1px; }
+
+.dynamic-buttons {
+ padding-top: 3px;
+ display: inline-block; }
+
+.list_toolbar [class*="span"] {
+ min-height: 24px; }
+
+.list_header {
+ font-weight: bold;
+ background-color: #eee; }
+
+.list_placeholder {
+ font-weight: bold;
+ padding-top: 4px;
+ padding-bottom: 4px;
+ padding-left: 7px;
+ padding-right: 7px; }
+
+.list_container {
+ margin-top: 4px;
+ margin-bottom: 20px;
+ border: 1px solid #ddd;
+ -webkit-border-radius: 2px;
+ border-radius: 2px; }
+
+.list_container > div {
+ border-bottom: 1px solid #ddd; }
+
+.list_container > div:hover .list-item {
+ background-color: red; }
+
+.list_container > div:last-child {
+ border: none; }
+
+.list_item:hover .list_item {
+ background-color: #ddd; }
+
+.list_item a {
+ text-decoration: none; }
+
+.list_item:hover {
+ background-color: #fafafa; }
+
+.action_col {
+ text-align: right; }
+
+.list_header > div, .list_item > div {
+ padding-top: 4px;
+ padding-bottom: 4px;
+ padding-left: 7px;
+ padding-right: 7px;
+ line-height: 22px; }
+
+.list_header > div input, .list_item > div input {
+ margin-right: 7px;
+ margin-left: 14px;
+ vertical-align: baseline;
+ line-height: 22px;
+ position: relative;
+ top: -1px; }
+
+.list_header > div .item_link, .list_item > div .item_link {
+ margin-left: -1px;
+ vertical-align: baseline;
+ line-height: 22px; }
+
+.new-file input[type=checkbox] {
+ visibility: hidden; }
+
+.item_name {
+ line-height: 22px;
+ height: 24px; }
+
+.item_icon {
+ font-size: 14px;
+ color: #5e5e5e;
+ margin-right: 7px;
+ margin-left: 7px;
+ line-height: 22px;
+ vertical-align: baseline; }
+
+.item_buttons {
+ line-height: 1em;
+ margin-left: -5px; }
+
+.item_buttons .btn-group, .item_buttons .input-group {
+ float: left; }
+
+.item_buttons > .btn, .item_buttons > .btn-group, .item_buttons > .input-group {
+ margin-left: 5px; }
+
+.item_buttons .btn {
+ min-width: 13ex; }
+
+.item_buttons .running-indicator {
+ padding-top: 4px;
+ color: #5cb85c; }
+
+.toolbar_info {
+ height: 24px;
+ line-height: 24px; }
+
+input.nbname_input, input.engine_num_input {
+ padding-top: 3px;
+ padding-bottom: 3px;
+ height: 22px;
+ line-height: 14px;
+ margin: 0; }
+
+input.engine_num_input {
+ width: 60px; }
+
+.highlight_text {
+ color: blue; }
+
+#project_name {
+ display: inline-block;
+ padding-left: 7px;
+ margin-left: -2px; }
+
+#project_name > .breadcrumb {
+ padding: 0;
+ margin-bottom: 0;
+ background-color: transparent;
+ font-weight: bold; }
+
+#tree-selector {
+ padding-right: 0; }
+
+#button-select-all {
+ min-width: 50px; }
+
+#select-all {
+ margin-left: 7px;
+ margin-right: 2px; }
+
+.menu_icon {
+ margin-right: 2px; }
+
+.tab-content .row {
+ margin-left: 0;
+ margin-right: 0; }
+
+.folder_icon:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: "\f114"; }
+
+.folder_icon:before.pull-left {
+ margin-right: .3em; }
+
+.folder_icon:before.pull-right {
+ margin-left: .3em; }
+
+.notebook_icon:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: "\f02d";
+ position: relative;
+ top: -1px; }
+
+.notebook_icon:before.pull-left {
+ margin-right: .3em; }
+
+.notebook_icon:before.pull-right {
+ margin-left: .3em; }
+
+.running_notebook_icon:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: "\f02d";
+ position: relative;
+ top: -1px;
+ color: #5cb85c; }
+
+.running_notebook_icon:before.pull-left {
+ margin-right: .3em; }
+
+.running_notebook_icon:before.pull-right {
+ margin-left: .3em; }
+
+.file_icon:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: "\f016";
+ position: relative;
+ top: -2px; }
+
+.file_icon:before.pull-left {
+ margin-right: .3em; }
+
+.file_icon:before.pull-right {
+ margin-left: .3em; }
+
+#notebook_toolbar .pull-right {
+ padding-top: 0;
+ margin-right: -1px; }
+
+ul#new-menu {
+ left: auto;
+ right: 0; }
+
+.kernel-menu-icon {
+ padding-right: 12px;
+ width: 24px;
+ content: "\f096"; }
+
+.kernel-menu-icon:before {
+ content: "\f096"; }
+
+.kernel-menu-icon-current:before {
+ content: "\f00c"; }
+
+#tab_content {
+ padding-top: 20px; }
+
+#running .panel-group .panel {
+ margin-top: 3px;
+ margin-bottom: 1em; }
+
+#running .panel-group .panel .panel-heading {
+ background-color: #eee;
+ padding-top: 4px;
+ padding-bottom: 4px;
+ padding-left: 7px;
+ padding-right: 7px;
+ line-height: 22px; }
+
+#running .panel-group .panel .panel-heading a:focus, #running .panel-group .panel .panel-heading a:hover {
+ text-decoration: none; }
+
+#running .panel-group .panel .panel-body {
+ padding: 0; }
+
+#running .panel-group .panel .panel-body .list_container {
+ margin-top: 0;
+ margin-bottom: 0;
+ border: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0; }
+
+#running .panel-group .panel .panel-body .list_container .list_item {
+ border-bottom: 1px solid #ddd; }
+
+#running .panel-group .panel .panel-body .list_container .list_item:last-child {
+ border-bottom: 0; }
+
+.delete-button {
+ display: none; }
+
+.duplicate-button {
+ display: none; }
+
+.rename-button {
+ display: none; }
+
+.shutdown-button {
+ display: none; }
+
+.dynamic-instructions {
+ display: inline-block;
+ padding-top: 4px; }
+
+/*!
+*
+* IPython text editor webapp
+*
+*/
+.selected-keymap i.fa {
+ padding: 0 5px; }
+
+.selected-keymap i.fa:before {
+ content: "\f00c"; }
+
+#mode-menu {
+ overflow: auto;
+ max-height: 20em; }
+
+.edit_app #header {
+ -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
+ box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2); }
+
+.edit_app #menubar .navbar {
+ margin-bottom: -1px; }
+
+.dirty-indicator {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ width: 20px; }
+
+.dirty-indicator.pull-left {
+ margin-right: .3em; }
+
+.dirty-indicator.pull-right {
+ margin-left: .3em; }
+
+.dirty-indicator-dirty {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ width: 20px; }
+
+.dirty-indicator-dirty.pull-left {
+ margin-right: .3em; }
+
+.dirty-indicator-dirty.pull-right {
+ margin-left: .3em; }
+
+.dirty-indicator-clean {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ width: 20px; }
+
+.dirty-indicator-clean.pull-left {
+ margin-right: .3em; }
+
+.dirty-indicator-clean.pull-right {
+ margin-left: .3em; }
+
+.dirty-indicator-clean:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: "\f00c"; }
+
+.dirty-indicator-clean:before.pull-left {
+ margin-right: .3em; }
+
+.dirty-indicator-clean:before.pull-right {
+ margin-left: .3em; }
+
+#filename {
+ font-size: 16pt;
+ display: table;
+ padding: 0 5px; }
+
+#current-mode {
+ padding-left: 5px;
+ padding-right: 5px; }
+
+#texteditor-backdrop {
+ padding-top: 20px;
+ padding-bottom: 20px; }
+
+@media not print {
+ #texteditor-backdrop {
+ background-color: #eee; } }
+
+@media print {
+ #texteditor-backdrop #texteditor-container .CodeMirror-gutter, #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
+ background-color: #fff; } }
+
+@media not print {
+ #texteditor-backdrop #texteditor-container .CodeMirror-gutter, #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
+ background-color: #fff; } }
+
+@media not print {
+ #texteditor-backdrop #texteditor-container {
+ padding: 0;
+ background-color: #fff;
+ -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
+ box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2); } }
+
+/*!
+*
+* IPython notebook
+*
+*/
+.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 {
+ border: 1px solid transparent;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ border-width: thin;
+ border-style: solid;
+ width: 100%;
+ padding: 5px;
+ padding-left: 0;
+ margin: 0;
+ outline: none; }
+
+div.cell.selected {
+ border-color: #ababab; }
+
+@media print {
+ div.cell.selected {
+ border-color: transparent; } }
+
+.edit_mode div.cell.selected {
+ border-color: green; }
+
+@media print {
+ .edit_mode div.cell.selected {
+ border-color: transparent; } }
+
+.prompt {
+ min-width: 14ex;
+ padding: .4em;
+ margin: 0;
+ font-family: monospace;
+ text-align: right;
+ line-height: 1.21429em; }
+
+@media (max-width: 540px) {
+ .prompt {
+ text-align: left; } }
+
+div.inner_cell {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+
+@-moz-document url-prefix() {
+ div.inner_cell {
+ overflow-x: hidden; } }
+
+div.input_area {
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ 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-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+div.unrecognized_cell .inner_cell {
+ -webkit-border-radius: 2px;
+ 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; } }
+
+@media print {
+ div.code_cell {
+ page-break-inside: avoid; } }
+
+pre {
+ padding: 20px !important; }
+
+div.input {
+ page-break-inside: avoid;
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ 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-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; } }
+
+div.input_prompt {
+ color: #626262;
+ border-top: 1px solid transparent;
+ padding-right: 10px !important; }
+
+div.input_area > div.highlight {
+ border: none;
+ padding: 0;
+ background-color: transparent; }
+
+.CodeMirror {
+ line-height: 1.21429em;
+ font-size: 14px;
+ height: auto;
+ background: none; }
+
+.CodeMirror-scroll {
+ overflow-y: hidden;
+ overflow-x: auto; }
+
+.CodeMirror-lines {
+ padding: .4em; }
+
+.CodeMirror-linenumber {
+ padding: 0 8px 0 4px; }
+
+.CodeMirror-gutters {
+ -webkit-border-bottom-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+ -webkit-border-top-left-radius: 2px;
+ border-top-left-radius: 2px; }
+
+.CodeMirror pre {
+ padding: 0;
+ border: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0; }
+
+.highlight-base {
+ color: #000; }
+
+.highlight-variable {
+ color: #000; }
+
+.highlight-variable-2 {
+ color: #1a1a1a; }
+
+.highlight-variable-3 {
+ color: #333; }
+
+.highlight-string {
+ color: #ba2121; }
+
+.highlight-comment {
+ color: #408080;
+ font-style: italic; }
+
+.highlight-number {
+ color: #080; }
+
+.highlight-atom {
+ color: #88f; }
+
+.highlight-keyword {
+ color: #008000;
+ font-weight: bold; }
+
+.highlight-builtin {
+ color: #008000; }
+
+.highlight-error {
+ color: #f00; }
+
+.highlight-operator {
+ color: #a2f;
+ font-weight: bold; }
+
+.highlight-meta {
+ color: #a2f; }
+
+.highlight-def {
+ color: #00f; }
+
+.highlight-string-2 {
+ color: #f50; }
+
+.highlight-qualifier {
+ color: #555; }
+
+.highlight-bracket {
+ color: #997; }
+
+.highlight-tag {
+ color: #170; }
+
+.highlight-attribute {
+ color: #00c; }
+
+.highlight-header {
+ color: blue; }
+
+.highlight-quote {
+ color: #090; }
+
+.highlight-link {
+ color: #00c; }
+
+.cm-s-ipython span.cm-keyword {
+ color: #008000;
+ font-weight: bold; }
+
+.cm-s-ipython span.cm-atom {
+ color: #88f; }
+
+.cm-s-ipython span.cm-number {
+ color: #080; }
+
+.cm-s-ipython span.cm-def {
+ color: #00f; }
+
+.cm-s-ipython span.cm-variable {
+ color: #000; }
+
+.cm-s-ipython span.cm-operator {
+ color: #a2f;
+ font-weight: bold; }
+
+.cm-s-ipython span.cm-variable-2 {
+ color: #1a1a1a; }
+
+.cm-s-ipython span.cm-variable-3 {
+ color: #333; }
+
+.cm-s-ipython span.cm-comment {
+ color: #408080;
+ font-style: italic; }
+
+.cm-s-ipython span.cm-string {
+ color: #ba2121; }
+
+.cm-s-ipython span.cm-string-2 {
+ color: #f50; }
+
+.cm-s-ipython span.cm-meta {
+ color: #a2f; }
+
+.cm-s-ipython span.cm-qualifier {
+ color: #555; }
+
+.cm-s-ipython span.cm-builtin {
+ color: #008000; }
+
+.cm-s-ipython span.cm-bracket {
+ color: #997; }
+
+.cm-s-ipython span.cm-tag {
+ color: #170; }
+
+.cm-s-ipython span.cm-attribute {
+ color: #00c; }
+
+.cm-s-ipython span.cm-header {
+ color: blue; }
+
+.cm-s-ipython span.cm-quote {
+ color: #090; }
+
+.cm-s-ipython span.cm-link {
+ color: #00c; }
+
+.cm-s-ipython span.cm-error {
+ color: #f00; }
+
+.cm-s-ipython span.cm-tab {
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
+ background-position: right;
+ background-repeat: no-repeat; }
+
+div.output_wrapper {
+ position: relative;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ z-index: 1; }
+
+div.output_scroll {
+ height: 24em;
+ width: 100%;
+ overflow: auto;
+ -webkit-border-radius: 2px;
+ 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-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+div.out_prompt_overlay {
+ height: 100%;
+ padding: 0 .4em;
+ position: absolute;
+ -webkit-border-radius: 2px;
+ 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 {
+ border-top: 1px solid transparent;
+ padding-right: 10px !important;
+ color: darkred; }
+
+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-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ 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; }
+
+.output {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ 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-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; } }
+
+div.output_area pre {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ vertical-align: baseline;
+ color: black;
+ background-color: transparent;
+ -webkit-border-radius: 0;
+ border-radius: 0; }
+
+div.output_subarea {
+ overflow-x: auto;
+ padding: .4em 0;
+ -webkit-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ max-width: -webkit-calc(100%);
+ max-width: calc(100%); }
+
+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; }
+
+div.raw_input_container {
+ font-family: monospace;
+ padding-top: 5px; }
+
+input.raw_input {
+ font-family: inherit;
+ font-size: inherit;
+ color: inherit;
+ width: auto;
+ vertical-align: baseline;
+ padding: 0 .25em;
+ margin: 0 .25em; }
+
+input.raw_input:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+
+p.p-space, section.section div.p-space.content-box {
+ margin-bottom: 10px; }
+
+div.output_unrecognized {
+ padding: 5px;
+ font-weight: bold;
+ color: red; }
+
+div.output_unrecognized a {
+ color: inherit;
+ text-decoration: none; }
+
+div.output_unrecognized a:hover {
+ color: inherit;
+ text-decoration: none; }
+
+.rendered_html {
+ color: #000; }
+
+.rendered_html em {
+ font-style: italic; }
+
+.rendered_html strong {
+ font-weight: bold; }
+
+.rendered_html u {
+ text-decoration: underline; }
+
+.rendered_html :link {
+ text-decoration: underline;
+ }
+
+.rendered_html :visited {
+ text-decoration: underline; }
+
+.rendered_html h1, .rendered_html section.section h2, section.section .rendered_html h2 {
+ font-size: 185.7%;
+ margin: 1.08em 0 0 0;
+ font-weight: bold;
+ line-height: 1; }
+
+.rendered_html h2 {
+ font-size: 157.1%;
+ margin: 1.27em 0 0 0;
+ font-weight: bold;
+ line-height: 1; }
+
+.rendered_html h3 {
+ font-size: 128.6%;
+ margin: 1.55em 0 0 0;
+ font-weight: bold;
+ line-height: 1; }
+
+.rendered_html h4, .rendered_html .js-splash--section-title {
+ font-size: 100%;
+ margin: 2em 0 0 0;
+ font-weight: bold;
+ line-height: 1; }
+
+.rendered_html h5 {
+ font-size: 100%;
+ margin: 2em 0 0 0;
+ font-weight: bold;
+ line-height: 1;
+ font-style: italic; }
+
+.rendered_html h6 {
+ font-size: 100%;
+ margin: 2em 0 0 0;
+ font-weight: bold;
+ line-height: 1;
+ font-style: italic; }
+
+.rendered_html h1:first-child, .rendered_html section.section h2:first-child, section.section .rendered_html h2:first-child {
+ margin-top: .538em; }
+
+.rendered_html h2:first-child {
+ margin-top: .636em; }
+
+.rendered_html h3:first-child {
+ margin-top: .777em; }
+
+.rendered_html h4:first-child, .rendered_html .js-splash--section-title:first-child {
+ margin-top: 1em; }
+
+.rendered_html h5:first-child {
+ margin-top: 1em; }
+
+.rendered_html h6:first-child {
+ margin-top: 1em; }
+
+.rendered_html ul {
+ list-style: disc;
+ margin: 0 2em;
+ padding-left: 0; }
+
+.rendered_html ul ul {
+ list-style: square;
+ margin: 0 2em; }
+
+.rendered_html ul ul ul {
+ list-style: circle;
+ margin: 0 2em; }
+
+.rendered_html ol {
+ list-style: decimal;
+ margin: 0 2em;
+ padding-left: 0; }
+
+.rendered_html ol ol {
+ list-style: upper-alpha;
+ margin: 0 2em; }
+
+.rendered_html ol ol ol {
+ list-style: lower-alpha;
+ margin: 0 2em; }
+
+.rendered_html ol ol ol ol {
+ list-style: lower-roman;
+ margin: 0 2em; }
+
+.rendered_html ol ol ol ol ol {
+ list-style: decimal;
+ margin: 0 2em; }
+
+.rendered_html * + ul {
+ margin-top: 1em; }
+
+.rendered_html * + ol {
+ margin-top: 1em; }
+
+.rendered_html hr {
+ color: black;
+ background-color: black; }
+
+.rendered_html pre {
+ margin: 1em 2em;
+ margin-left: 0; }
+
+.rendered_html pre, .rendered_html code {
+ border: 0;
+ background-color: #fff;
+ color: #000;
+ font-size: 100%;
+ padding: 0; }
+
+.rendered_html blockquote {
+ margin: 1em 2em;
+ margin-left: 0; }
+
+.rendered_html table {
+ margin-left: auto;
+ margin-right: auto;
+ border-collapse: collapse; }
+
+.rendered_html td, .rendered_html th {
+ text-align: left;
+ vertical-align: middle; }
+
+.rendered_html th {
+ font-weight: bold; }
+
+.rendered_html * + table {
+ margin-top: 1em; }
+
+.rendered_html p, .rendered_html section.section div.content-box, section.section .rendered_html div.content-box {
+ text-align: left; }
+
+.rendered_html * + p, .rendered_html section.section * + div.content-box, section.section .rendered_html * + div.content-box {
+ margin-top: 1em; }
+
+.rendered_html img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto; }
+
+.rendered_html * + img {
+ margin-top: 1em; }
+
+.rendered_html img, .rendered_html svg {
+ max-width: 100%;
+ height: auto; }
+
+.rendered_html img.unconfined, .rendered_html svg.unconfined {
+ max-width: none; }
+
+div.text_cell {
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+@media (max-width: 540px) {
+ div.text_cell > div.prompt {
+ display: none; } }
+
+div.text_cell_render {
+ outline: none;
+ resize: none;
+ width: inherit;
+ border-style: none;
+ padding: .5em .5em .5em 0;
+ color: #333;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box; }
+
+a.anchor-link:link {
+ text-decoration: none;
+ padding: 0 20px;
+ visibility: hidden; }
+
+h1:hover .anchor-link, section.section h2:hover .anchor-link, h2:hover .anchor-link, h3:hover .anchor-link, h4:hover .anchor-link, .js-splash--section-title:hover .anchor-link, h5:hover .anchor-link, h6:hover .anchor-link {
+ visibility: visible; }
+
+.rendered_html h2 div.icon {
+ display: none; }
+
+.text_cell.rendered .input_area {
+ display: none; }
+
+.text_cell.unrendered .text_cell_render {
+ display: none; }
+
+.cm-header-1, .cm-header-2, .cm-header-3, .cm-header-4, .cm-header-5, .cm-header-6 {
+ font-weight: bold;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
+
+.cm-header-1 {
+ font-size: 185.7%; }
+
+.cm-header-2 {
+ font-size: 157.1%; }
+
+.cm-header-3 {
+ font-size: 128.6%; }
+
+.cm-header-4 {
+ font-size: 110%; }
+
+.cm-header-5 {
+ font-size: 100%;
+ font-style: italic; }
+
+.cm-header-6 {
+ font-size: 100%;
+ font-style: italic; }
+
+.widget-interact > div, .widget-interact > input {
+ padding: 2.5px; }
+
+.widget-area {
+ page-break-inside: avoid;
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+.widget-area .widget-subarea {
+ padding: .44em .4em .4em 1px;
+ margin-left: 6px;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-flex: 2;
+ box-flex: 2;
+ -webkit-flex: 2;
+ -ms-flex: 2;
+ flex: 2;
+ -webkit-box-align: start;
+ box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start; }
+
+.widget-area.connection-problems .prompt:after {
+ content: "\f127";
+ font-family: 'FontAwesome';
+ color: #d9534f;
+ font-size: 14px;
+ top: 3px;
+ padding: 3px; }
+
+.slide-track {
+ border: 1px solid #ccc;
+ background: #fff;
+ -webkit-border-radius: 2px;
+ border-radius: 2px; }
+
+.widget-hslider {
+ padding-left: 8px;
+ padding-right: 2px;
+ overflow: visible;
+ width: 350px;
+ height: 5px;
+ max-height: 5px;
+ margin-top: 13px;
+ margin-bottom: 10px;
+ border: 1px solid #ccc;
+ background: #fff;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+.widget-hslider .ui-slider {
+ border: 0;
+ background: none;
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+
+.widget-hslider .ui-slider .ui-slider-handle {
+ width: 12px;
+ height: 28px;
+ margin-top: -8px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px; }
+
+.widget-hslider .ui-slider .ui-slider-range {
+ height: 12px;
+ margin-top: -4px;
+ background: #eee; }
+
+.widget-vslider {
+ padding-bottom: 5px;
+ overflow: visible;
+ width: 5px;
+ max-width: 5px;
+ height: 250px;
+ margin-left: 12px;
+ border: 1px solid #ccc;
+ background: #fff;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+.widget-vslider .ui-slider {
+ border: 0;
+ background: none;
+ margin-left: -4px;
+ margin-top: 5px;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+
+.widget-vslider .ui-slider .ui-slider-handle {
+ width: 28px;
+ height: 12px;
+ margin-left: -9px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px; }
+
+.widget-vslider .ui-slider .ui-slider-range {
+ width: 12px;
+ margin-left: -1px;
+ background: #eee; }
+
+.widget-text {
+ width: 350px;
+ margin: 0; }
+
+.widget-listbox {
+ width: 350px;
+ margin-bottom: 0; }
+
+.widget-numeric-text {
+ width: 150px;
+ margin: 0; }
+
+.widget-progress {
+ margin-top: 6px;
+ min-width: 350px; }
+
+.widget-progress .progress-bar {
+ -webkit-transition: none;
+ transition: none; }
+
+.widget-combo-btn {
+ min-width: 125px; }
+
+.widget_item .dropdown-menu li a {
+ color: inherit; }
+
+.widget-hbox {
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+.widget-hbox input[type="checkbox"] {
+ margin-top: 9px;
+ margin-bottom: 10px; }
+
+.widget-hbox .widget-label {
+ min-width: 10ex;
+ padding-right: 8px;
+ padding-top: 5px;
+ text-align: right;
+ vertical-align: text-top; }
+
+.widget-hbox .widget-readout {
+ padding-left: 8px;
+ padding-top: 5px;
+ text-align: left;
+ vertical-align: text-top; }
+
+.widget-vbox {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+.widget-vbox .widget-label {
+ padding-bottom: 5px;
+ text-align: center;
+ vertical-align: text-bottom; }
+
+.widget-vbox .widget-readout {
+ padding-top: 5px;
+ text-align: center;
+ vertical-align: text-top; }
+
+.widget-box {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -webkit-box-align: start;
+ box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start; }
+
+.widget-radio-box {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: vertical;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ padding-top: 4px; }
+
+.widget-radio-box label {
+ margin-top: 0;
+ margin-left: 20px; }
+
+/*!
+*
+* IPython notebook webapp
+*
+*/
+@media (max-width: 767px) {
+ .notebook_app {
+ padding-left: 0;
+ padding-right: 0; } }
+
+#ipython-main-app {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ height: 100%; }
+
+div#notebook_panel {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ height: 100%; }
+
+#notebook {
+ font-size: 14px;
+ line-height: 20px;
+ overflow-y: hidden;
+ overflow-x: auto;
+ width: 100%;
+ padding-top: 20px;
+ margin: 0;
+ outline: none;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ min-height: 100%; }
+
+@media not print {
+ #notebook-container {
+ padding: 15px;
+ background-color: #fff;
+ min-height: 0;
+ -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
+ box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2); } }
+
+div.ui-widget-content {
+ border: 1px solid #ababab;
+ outline: none; }
+
+pre.dialog {
+ background-color: #f7f7f7;
+ border: 1px solid #ddd;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ padding: .4em;
+ padding-left: 2em; }
+
+p.dialog, section.section div.dialog.content-box {
+ padding: .2em; }
+
+pre, code, kbd, samp {
+ white-space: pre-wrap; }
+
+#fonttest {
+ font-family: monospace; }
+
+p, section.section div.content-box {
+ margin-bottom: 0; }
+
+.end_space {
+ min-height: 100px;
+ -webkit-transition: height .2s ease;
+ transition: height .2s ease; }
+
+.notebook_app #header {
+ -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
+ box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2); }
+
+@media not print {
+ .notebook_app {
+ background-color: #eee; } }
+
+.celltoolbar {
+ border: thin solid #cfcfcf;
+ border-bottom: none;
+ background: #eee;
+ -webkit-border-radius: 2px 2px 0 0;
+ border-radius: 2px 2px 0 0;
+ width: 100%;
+ height: 29px;
+ padding-right: 4px;
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-pack: end;
+ box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+
+@media print {
+ .celltoolbar {
+ display: none; } }
+
+.ctb_hideshow {
+ display: none;
+ vertical-align: bottom; }
+
+.ctb_global_show .ctb_show.ctb_hideshow {
+ display: block; }
+
+.ctb_global_show .ctb_show + .input_area, .ctb_global_show .ctb_show + div.text_cell_input, .ctb_global_show .ctb_show ~ div.text_cell_render {
+ -webkit-border-top-right-radius: 0;
+ border-top-right-radius: 0;
+ -webkit-border-top-left-radius: 0;
+ border-top-left-radius: 0; }
+
+.ctb_global_show .ctb_show ~ div.text_cell_render {
+ border: 1px solid #cfcfcf; }
+
+.celltoolbar {
+ font-size: 87%;
+ padding-top: 3px; }
+
+.celltoolbar select {
+ display: block;
+ width: 100%;
+ height: 32px;
+ padding: 6px 12px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ color: #555;
+ background-color: #fff;
+ background-image: none;
+ border: 1px solid #ccc;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ -webkit-border-radius: 1px;
+ border-radius: 1px;
+ width: inherit;
+ font-size: inherit;
+ height: 22px;
+ padding: 0;
+ display: inline-block; }
+
+.celltoolbar select:focus {
+ border-color: #66afe9;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
+
+.celltoolbar select::-moz-placeholder {
+ color: #999;
+ opacity: 1; }
+
+.celltoolbar select:-ms-input-placeholder {
+ color: #999; }
+
+.celltoolbar select::-webkit-input-placeholder {
+ color: #999; }
+
+.celltoolbar select[disabled], .celltoolbar select[readonly], fieldset[disabled] .celltoolbar select {
+ cursor: not-allowed;
+ background-color: #eee;
+ opacity: 1; }
+
+textarea.celltoolbar select {
+ height: auto; }
+
+select.celltoolbar select {
+ height: 30px;
+ line-height: 30px; }
+
+textarea.celltoolbar select, select[multiple].celltoolbar select {
+ height: auto; }
+
+.celltoolbar label {
+ margin-left: 5px;
+ margin-right: 5px; }
+
+.completions {
+ position: absolute;
+ z-index: 10;
+ overflow: hidden;
+ border: 1px solid #ababab;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-box-shadow: 0 6px 10px -1px #adadad;
+ box-shadow: 0 6px 10px -1px #adadad; }
+
+.completions select {
+ background: white;
+ outline: none;
+ border: none;
+ padding: 0;
+ margin: 0;
+ overflow: auto;
+ font-family: monospace;
+ font-size: 110%;
+ color: #000;
+ width: auto; }
+
+.completions select option.context {
+ color: #286090; }
+
+#kernel_logo_widget {
+ float: right !important;
+ float: right; }
+
+#kernel_logo_widget .current_kernel_logo {
+ display: none;
+ margin-top: -1px;
+ margin-bottom: -1px;
+ width: 32px;
+ height: 32px; }
+
+#menubar {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ margin-top: 1px; }
+
+#menubar .navbar {
+ border-top: 1px;
+ -webkit-border-radius: 0 0 2px 2px;
+ border-radius: 0 0 2px 2px;
+ margin-bottom: 0; }
+
+#menubar .navbar-toggle {
+ float: left;
+ padding-top: 7px;
+ padding-bottom: 7px;
+ border: none; }
+
+#menubar .navbar-collapse {
+ clear: left; }
+
+.nav-wrapper {
+ border-bottom: 1px solid #e7e7e7; }
+
+i.menu-icon {
+ padding-top: 4px; }
+
+ul#help_menu li a {
+ overflow: hidden;
+ padding-right: 2.2em; }
+
+ul#help_menu li a i {
+ margin-right: -1.2em; }
+
+.dropdown-submenu {
+ position: relative; }
+
+.dropdown-submenu > .dropdown-menu {
+ top: 0;
+ left: 100%;
+ margin-top: -6px;
+ margin-left: -1px; }
+
+.dropdown-submenu:hover > .dropdown-menu {
+ display: block; }
+
+.dropdown-submenu > a:after {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ display: block;
+ content: "\f0da";
+ float: right;
+ color: #333;
+ margin-top: 2px;
+ margin-right: -10px; }
+
+.dropdown-submenu > a:after.pull-left {
+ margin-right: .3em; }
+
+.dropdown-submenu > a:after.pull-right {
+ margin-left: .3em; }
+
+.dropdown-submenu:hover > a:after {
+ color: #262626; }
+
+.dropdown-submenu.pull-left {
+ float: none; }
+
+.dropdown-submenu.pull-left > .dropdown-menu {
+ left: -100%;
+ margin-left: 10px; }
+
+#notification_area {
+ float: right !important;
+ float: right;
+ z-index: 10; }
+
+.indicator_area {
+ float: right !important;
+ float: right;
+ color: #777;
+ margin-left: 5px;
+ margin-right: 5px;
+ width: 11px;
+ z-index: 10;
+ text-align: center;
+ width: auto; }
+
+#kernel_indicator {
+ float: right !important;
+ float: right;
+ color: #777;
+ margin-left: 5px;
+ margin-right: 5px;
+ width: 11px;
+ z-index: 10;
+ text-align: center;
+ width: auto;
+ border-left: 1px solid; }
+
+#kernel_indicator .kernel_indicator_name {
+ padding-left: 5px;
+ padding-right: 5px; }
+
+#modal_indicator {
+ float: right !important;
+ float: right;
+ color: #777;
+ margin-left: 5px;
+ margin-right: 5px;
+ width: 11px;
+ z-index: 10;
+ text-align: center;
+ width: auto; }
+
+#readonly-indicator {
+ float: right !important;
+ float: right;
+ color: #777;
+ margin-left: 5px;
+ margin-right: 5px;
+ width: 11px;
+ z-index: 10;
+ text-align: center;
+ width: auto;
+ margin-top: 2px;
+ margin-bottom: 0;
+ margin-left: 0;
+ margin-right: 0;
+ display: none; }
+
+.modal_indicator:before {
+ width: 1.28571429em;
+ text-align: center; }
+
+.edit_mode .modal_indicator:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: "\f040"; }
+
+.edit_mode .modal_indicator:before.pull-left {
+ margin-right: .3em; }
+
+.edit_mode .modal_indicator:before.pull-right {
+ margin-left: .3em; }
+
+.command_mode .modal_indicator:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: ' '; }
+
+.command_mode .modal_indicator:before.pull-left {
+ margin-right: .3em; }
+
+.command_mode .modal_indicator:before.pull-right {
+ margin-left: .3em; }
+
+.kernel_idle_icon:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: "\f10c"; }
+
+.kernel_idle_icon:before.pull-left {
+ margin-right: .3em; }
+
+.kernel_idle_icon:before.pull-right {
+ margin-left: .3em; }
+
+.kernel_busy_icon:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: "\f111"; }
+
+.kernel_busy_icon:before.pull-left {
+ margin-right: .3em; }
+
+.kernel_busy_icon:before.pull-right {
+ margin-left: .3em; }
+
+.kernel_dead_icon:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: "\f1e2"; }
+
+.kernel_dead_icon:before.pull-left {
+ margin-right: .3em; }
+
+.kernel_dead_icon:before.pull-right {
+ margin-left: .3em; }
+
+.kernel_disconnected_icon:before {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ content: "\f127"; }
+
+.kernel_disconnected_icon:before.pull-left {
+ margin-right: .3em; }
+
+.kernel_disconnected_icon:before.pull-right {
+ margin-left: .3em; }
+
+.notification_widget {
+ color: #777;
+ z-index: 10;
+ background: rgba(240, 240, 240, 0.5);
+ margin-right: 4px;
+ color: #333;
+ background-color: #fff;
+ border-color: #ccc; }
+
+.notification_widget:hover, .notification_widget:focus, .notification_widget.focus, .notification_widget:active, .notification_widget.active, .open > .dropdown-toggle.notification_widget {
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #adadad; }
+
+.notification_widget:active, .notification_widget.active, .open > .dropdown-toggle.notification_widget {
+ background-image: none; }
+
+.notification_widget.disabled, .notification_widget[disabled], fieldset[disabled] .notification_widget, .notification_widget.disabled:hover, .notification_widget[disabled]:hover, fieldset[disabled] .notification_widget:hover, .notification_widget.disabled:focus, .notification_widget[disabled]:focus, fieldset[disabled] .notification_widget:focus, .notification_widget.disabled.focus, .notification_widget[disabled].focus, fieldset[disabled] .notification_widget.focus, .notification_widget.disabled:active, .notification_widget[disabled]:active, fieldset[disabled] .notification_widget:active, .notification_widget.disabled.active, .notification_widget[disabled].active, fieldset[disabled] .notification_widget.active {
+ background-color: #fff;
+ border-color: #ccc; }
+
+.notification_widget .badge {
+ color: #fff;
+ background-color: #333; }
+
+.notification_widget.warning {
+ color: #fff;
+ background-color: #f0ad4e;
+ border-color: #eea236; }
+
+.notification_widget.warning:hover, .notification_widget.warning:focus, .notification_widget.warning.focus, .notification_widget.warning:active, .notification_widget.warning.active, .open > .dropdown-toggle.notification_widget.warning {
+ color: #fff;
+ background-color: #ec971f;
+ border-color: #d58512; }
+
+.notification_widget.warning:active, .notification_widget.warning.active, .open > .dropdown-toggle.notification_widget.warning {
+ background-image: none; }
+
+.notification_widget.warning.disabled, .notification_widget.warning[disabled], fieldset[disabled] .notification_widget.warning, .notification_widget.warning.disabled:hover, .notification_widget.warning[disabled]:hover, fieldset[disabled] .notification_widget.warning:hover, .notification_widget.warning.disabled:focus, .notification_widget.warning[disabled]:focus, fieldset[disabled] .notification_widget.warning:focus, .notification_widget.warning.disabled.focus, .notification_widget.warning[disabled].focus, fieldset[disabled] .notification_widget.warning.focus, .notification_widget.warning.disabled:active, .notification_widget.warning[disabled]:active, fieldset[disabled] .notification_widget.warning:active, .notification_widget.warning.disabled.active, .notification_widget.warning[disabled].active, fieldset[disabled] .notification_widget.warning.active {
+ background-color: #f0ad4e;
+ border-color: #eea236; }
+
+.notification_widget.warning .badge {
+ color: #f0ad4e;
+ background-color: #fff; }
+
+.notification_widget.success {
+ color: #fff;
+ background-color: #5cb85c;
+ border-color: #4cae4c; }
+
+.notification_widget.success:hover, .notification_widget.success:focus, .notification_widget.success.focus, .notification_widget.success:active, .notification_widget.success.active, .open > .dropdown-toggle.notification_widget.success {
+ color: #fff;
+ background-color: #449d44;
+ border-color: #398439; }
+
+.notification_widget.success:active, .notification_widget.success.active, .open > .dropdown-toggle.notification_widget.success {
+ background-image: none; }
+
+.notification_widget.success.disabled, .notification_widget.success[disabled], fieldset[disabled] .notification_widget.success, .notification_widget.success.disabled:hover, .notification_widget.success[disabled]:hover, fieldset[disabled] .notification_widget.success:hover, .notification_widget.success.disabled:focus, .notification_widget.success[disabled]:focus, fieldset[disabled] .notification_widget.success:focus, .notification_widget.success.disabled.focus, .notification_widget.success[disabled].focus, fieldset[disabled] .notification_widget.success.focus, .notification_widget.success.disabled:active, .notification_widget.success[disabled]:active, fieldset[disabled] .notification_widget.success:active, .notification_widget.success.disabled.active, .notification_widget.success[disabled].active, fieldset[disabled] .notification_widget.success.active {
+ background-color: #5cb85c;
+ border-color: #4cae4c; }
+
+.notification_widget.success .badge {
+ color: #5cb85c;
+ background-color: #fff; }
+
+.notification_widget.info {
+ color: #fff;
+ background-color: #5bc0de;
+ border-color: #46b8da; }
+
+.notification_widget.info:hover, .notification_widget.info:focus, .notification_widget.info.focus, .notification_widget.info:active, .notification_widget.info.active, .open > .dropdown-toggle.notification_widget.info {
+ color: #fff;
+ background-color: #31b0d5;
+ border-color: #269abc; }
+
+.notification_widget.info:active, .notification_widget.info.active, .open > .dropdown-toggle.notification_widget.info {
+ background-image: none; }
+
+.notification_widget.info.disabled, .notification_widget.info[disabled], fieldset[disabled] .notification_widget.info, .notification_widget.info.disabled:hover, .notification_widget.info[disabled]:hover, fieldset[disabled] .notification_widget.info:hover, .notification_widget.info.disabled:focus, .notification_widget.info[disabled]:focus, fieldset[disabled] .notification_widget.info:focus, .notification_widget.info.disabled.focus, .notification_widget.info[disabled].focus, fieldset[disabled] .notification_widget.info.focus, .notification_widget.info.disabled:active, .notification_widget.info[disabled]:active, fieldset[disabled] .notification_widget.info:active, .notification_widget.info.disabled.active, .notification_widget.info[disabled].active, fieldset[disabled] .notification_widget.info.active {
+ background-color: #5bc0de;
+ border-color: #46b8da; }
+
+.notification_widget.info .badge {
+ color: #5bc0de;
+ background-color: #fff; }
+
+.notification_widget.danger {
+ color: #fff;
+ background-color: #d9534f;
+ border-color: #d43f3a; }
+
+.notification_widget.danger:hover, .notification_widget.danger:focus, .notification_widget.danger.focus, .notification_widget.danger:active, .notification_widget.danger.active, .open > .dropdown-toggle.notification_widget.danger {
+ color: #fff;
+ background-color: #c9302c;
+ border-color: #ac2925; }
+
+.notification_widget.danger:active, .notification_widget.danger.active, .open > .dropdown-toggle.notification_widget.danger {
+ background-image: none; }
+
+.notification_widget.danger.disabled, .notification_widget.danger[disabled], fieldset[disabled] .notification_widget.danger, .notification_widget.danger.disabled:hover, .notification_widget.danger[disabled]:hover, fieldset[disabled] .notification_widget.danger:hover, .notification_widget.danger.disabled:focus, .notification_widget.danger[disabled]:focus, fieldset[disabled] .notification_widget.danger:focus, .notification_widget.danger.disabled.focus, .notification_widget.danger[disabled].focus, fieldset[disabled] .notification_widget.danger.focus, .notification_widget.danger.disabled:active, .notification_widget.danger[disabled]:active, fieldset[disabled] .notification_widget.danger:active, .notification_widget.danger.disabled.active, .notification_widget.danger[disabled].active, fieldset[disabled] .notification_widget.danger.active {
+ background-color: #d9534f;
+ border-color: #d43f3a; }
+
+.notification_widget.danger .badge {
+ color: #d9534f;
+ background-color: #fff; }
+
+div#pager {
+ background-color: #fff;
+ font-size: 14px;
+ line-height: 20px;
+ overflow: hidden;
+ display: none;
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ max-height: 50%;
+ padding-top: 8px;
+ -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
+ box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
+ z-index: 100;
+ top: auto !important; }
+
+div#pager pre {
+ line-height: 1.21429em;
+ color: #000;
+ background-color: #f7f7f7;
+ padding: .4em; }
+
+div#pager #pager-button-area {
+ position: absolute;
+ top: 8px;
+ right: 20px; }
+
+div#pager #pager-contents {
+ position: relative;
+ overflow: auto;
+ width: 100%;
+ height: 100%; }
+
+div#pager #pager-contents #pager-container {
+ position: relative;
+ padding: 15px 0;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box; }
+
+div#pager .ui-resizable-handle {
+ top: 0;
+ height: 8px;
+ background: #f7f7f7;
+ border-top: 1px solid #cfcfcf;
+ border-bottom: 1px solid #cfcfcf; }
+
+div#pager .ui-resizable-handle::after {
+ content: '';
+ top: 2px;
+ left: 50%;
+ height: 3px;
+ width: 30px;
+ margin-left: -15px;
+ position: absolute;
+ border-top: 1px solid #cfcfcf; }
+
+.quickhelp {
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-align: stretch;
+ display: -moz-box;
+ -moz-box-align: stretch;
+ display: box;
+ box-orient: horizontal;
+ box-align: stretch;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+.shortcut_key {
+ display: inline-block;
+ width: 20ex;
+ text-align: right;
+ font-family: monospace; }
+
+.shortcut_descr {
+ display: inline-block;
+ -webkit-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+
+span.save_widget {
+ margin-top: 6px; }
+
+span.save_widget span.filename {
+ height: 1em;
+ line-height: 1em;
+ padding: 3px;
+ margin-left: 16px;
+ border: none;
+ font-size: 146.5%;
+ -webkit-border-radius: 2px;
+ border-radius: 2px; }
+
+span.save_widget span.filename:hover {
+ background-color: #e6e6e6; }
+
+span.checkpoint_status, span.autosave_status {
+ font-size: small; }
+
+@media (max-width: 767px) {
+ span.save_widget {
+ font-size: small; }
+ span.checkpoint_status, span.autosave_status {
+ display: none; } }
+
+@media (min-width: 768px) and (max-width: 991px) {
+ span.checkpoint_status {
+ display: none; }
+ span.autosave_status {
+ font-size: x-small; } }
+
+.toolbar {
+ padding: 0;
+ margin-left: -5px;
+ margin-top: 2px;
+ margin-bottom: 5px;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box; }
+
+.toolbar select, .toolbar label {
+ width: auto;
+ vertical-align: middle;
+ margin-right: 2px;
+ margin-bottom: 0;
+ display: inline;
+ font-size: 92%;
+ margin-left: .3em;
+ margin-right: .3em;
+ padding: 0;
+ padding-top: 3px; }
+
+.toolbar .btn {
+ padding: 2px 8px; }
+
+.toolbar .btn-group {
+ margin-top: 0;
+ margin-left: 5px; }
+
+#maintoolbar {
+ margin-bottom: -3px;
+ margin-top: -8px;
+ border: 0;
+ min-height: 27px;
+ margin-left: 0;
+ padding-top: 11px;
+ padding-bottom: 3px; }
+
+#maintoolbar .navbar-text {
+ float: none;
+ vertical-align: middle;
+ text-align: right;
+ margin-left: 5px;
+ margin-right: 0;
+ margin-top: 0; }
+
+.select-xs {
+ height: 24px; }
+
+@-webkit-keyframes fadeOut {
+ from {
+ opacity: 1; }
+ to {
+ opacity: 0; } }
+
+@-webkit-keyframes fadeIn {
+ from {
+ opacity: 0; }
+ to {
+ opacity: 1; } }
+
+.bigtooltip {
+ overflow: auto;
+ height: 200px;
+ -webkit-transition-property: height;
+ -webkit-transition-duration: 500ms;
+ -moz-transition-property: height;
+ -moz-transition-duration: 500ms;
+ transition-property: height;
+ transition-duration: 500ms; }
+
+.smalltooltip {
+ -webkit-transition-property: height;
+ -webkit-transition-duration: 500ms;
+ -moz-transition-property: height;
+ -moz-transition-duration: 500ms;
+ transition-property: height;
+ transition-duration: 500ms;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ height: 80px; }
+
+.tooltipbuttons {
+ position: absolute;
+ padding-right: 15px;
+ top: 0;
+ right: 0; }
+
+.tooltiptext {
+ padding-right: 30px; }
+
+.ipython_tooltip {
+ max-width: 700px;
+ -webkit-animation: fadeOut 400ms;
+ animation: fadeOut 400ms;
+ -webkit-animation: fadeIn 400ms;
+ animation: fadeIn 400ms;
+ vertical-align: middle;
+ background-color: #f7f7f7;
+ overflow: visible;
+ border: #ababab 1px solid;
+ outline: none;
+ padding: 3px;
+ margin: 0;
+ padding-left: 7px;
+ font-family: monospace;
+ min-height: 50px;
+ -webkit-box-shadow: 0 6px 10px -1px #adadad;
+ box-shadow: 0 6px 10px -1px #adadad;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ position: absolute;
+ z-index: 1000; }
+
+.ipython_tooltip a {
+ float: right; }
+
+.ipython_tooltip .tooltiptext pre {
+ border: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ font-size: 100%;
+ background-color: #f7f7f7; }
+
+.pretooltiparrow {
+ left: 0;
+ margin: 0;
+ top: -16px;
+ width: 40px;
+ height: 16px;
+ overflow: hidden;
+ position: absolute; }
+
+.pretooltiparrow:before {
+ background-color: #f7f7f7;
+ border: 1px #ababab solid;
+ z-index: 11;
+ content: "";
+ position: absolute;
+ left: 15px;
+ top: 10px;
+ width: 25px;
+ height: 25px;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -o-transform: rotate(45deg); }
+
+.terminal-app {
+ background: #eee; }
+
+.terminal-app #header {
+ background: #fff;
+ -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
+ box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2); }
+
+.terminal-app .terminal {
+ float: left;
+ font-family: monospace;
+ color: white;
+ background: black;
+ padding: .4em;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.4);
+ box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.4); }
+
+.terminal-app .terminal, .terminal-app .terminal dummy-screen {
+ line-height: 1em;
+ font-size: 14px; }
+
+.terminal-app .terminal-cursor {
+ color: black;
+ background: white; }
+
+.terminal-app #terminado-container {
+ margin-top: 20px; }
+.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 .cm {
+ color: #408080;
+ font-style: italic; }
+
+/* Comment.Multiline */
+.highlight .cp {
+ color: #BC7A00; }
+
+/* Comment.Preproc */
+.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: #00979D;
+ 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: #8A7B52; }
+
+/* Literal.String */
+.highlight .na {
+ color: #005C5F; }
+
+/* Name.Attribute */
+.highlight .nb {
+ color: #008000; }
+
+/* Name.Builtin */
+.highlight .nc {
+ color: #00979D; }
+
+/* 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: #728E00; }
+
+/* Name.Function */
+.highlight .nl {
+ color: #A0A000; }
+
+/* Name.Label */
+.highlight .nn { }
+
+/* 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 .sb {
+ color: #BA2121; }
+
+/* Literal.String.Backtick */
+.highlight .sc {
+ color: #BA2121; }
+
+/* Literal.String.Char */
+.highlight .sd {
+ color: #BA2121;
+ font-style: italic; }
+
+/* Literal.String.Doc */
+.highlight .s2 {
+ color: #005C5F; }
+
+/* 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: #005C5F; }
+
+/* Literal.String.Single */
+.highlight .ss {
+ color: #19177C; }
+
+/* Literal.String.Symbol */
+.highlight .bp {
+ color: #008000; }
+
+/* Name.Builtin.Pseudo */
+.highlight .vc {
+ color: #19177C; }
+
+/* Name.Variable.Class */
+.highlight .vg {
+ color: #19177C; }
+
+/* Name.Variable.Global */
+.highlight .vi {
+ color: #19177C; }
+
+/* Name.Variable.Instance */
+.highlight .il {
+ color: #666666; }
+
+/* Literal.Number.Integer.Long */
+/* Overrides of notebook CSS for static HTML export */
+body {
+ overflow: visible; }
+
+div#notebook {
+ overflow: visible;
+ border-top: none; }
+
+@media print {
+ div.cell {
+ display: block;
+ page-break-inside: avoid; }
+ div.output_wrapper {
+ display: block;
+ page-break-inside: avoid; }
+ div.output {
+ display: block;
+ page-break-inside: avoid; } }
+
+#carbonads {
+ display: block;
+ overflow: hidden;
+ padding: 1em;
+ font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif;
+ line-height: 1.5; }
+
+#carbonads span {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ overflow: hidden;
+ padding: 10px;
+ position: relative; }
+ #carbonads span.carbon-wrap {
+ max-width: 480px;
+ min-width: 100%;
+ border: 1px solid rgba(245, 245, 245, 0.3); }
+
+.carbon-text {
+ margin-bottom: 1em;
+ text-align: left;
+ font-size: 1rem;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding: 10px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-bottom: 20px; }
+
+.carbon-img {
+ max-width: 130px;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 130px;
+ -ms-flex: 1 1 130px;
+ flex: 1 1 130px;
+ display: block;
+ text-align: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+.carbon-poweredby {
+ display: block;
+ text-align: right;
+ font-size: .8rem;
+ width: 100%;
+ position: absolute;
+ bottom: 25px;
+ right: 15px; }
+
+.search-header {
+ font-weight: 400;
+ font-size: 2.5rem;
+ padding-top: 10px;
+ padding-bottom: 10px; }
+
+.algolia__input {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
+ padding: .25rem .5rem;
+ border-color: #357e94;
+ width: 250px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px; }
+
+/* Search results container */
+.algolia__initial-content {
+ display: block; }
+
+.algolia__initial-content--hidden {
+ display: none; }
+
+.algolia__search-content {
+ display: none; }
+
+.algolia__search-content--active {
+ display: block; }
+
+/* Search results */
+.algolia__result {
+ margin-bottom: 1rem; }
+
+.algolia__result-link {
+ font-size: 1.2rem;
+ font-weight: bold; }
+
+.algolia__result-text {
+ font-size: 0.9rem; }
+
+.algolia__result-link .algolia__result-highlight {
+ background-color: #D3E8F6;
+ background-color: rgba(38, 139, 210, 0.2); }
+
+.algolia__result-text .algolia__result-highlight {
+ font-weight: bold; }
+
+.page.\--home .hero {
+ width: 100%;
+ height: 250px;
+ max-height: 400px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ position: relative;
+ overflow: hidden;
+ }
+ @media (max-width: 584px) {
+ .page.\--home .hero {
+ height: 100vh;
+ background-size: cover; } }
+ .page.\--home .hero .\--welcome {
+ position: relative;
+ z-index: 2;
+ width: 100vw;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ color: #fff;
+ max-width: 700px;
+ text-align: center; }
+ .page.\--home .hero .\--welcome h2 {
+ font-size: 60px;
+ font-family: "jubilat", sans-serif;
+ margin-bottom: 15px;
+ margin-top: 0;
+ color: #20293d !important;
+ }
+ .page.\--home .hero .\--welcome h1, .page.\--home .hero .\--welcome section.section h2, section.section .page.\--home .hero .\--welcome h2 {
+ width: 100%;
+ margin: 0;
+ font-weight: 100;
+ color: #20293d;
+ padding-top: 10px;
+ padding-bottom: 20px; }
+ @media (max-width: 584px) {
+ .page.\--home .hero .\--welcome h1, .page.\--home .hero .\--welcome section.section h2, section.section .page.\--home .hero .\--welcome h2 {
+ font-size: 3rem;
+ padding: 10px 40px;
+ margin-bottom: 0;
+ padding-bottom: 0;
+ } }
+ @media (max-width: 584px) {
+ .page.\--home .hero .\--welcome p, .page.\--home .hero .\--welcome section.section div.content-box, section.section .page.\--home .hero .\--welcome div.content-box {
+ padding: 0 40px; } }
+ .page.\--home .hero .\--welcome span {
+ color: #20293d;
+ font-size: 20px;
+ font-weight: 500;
+ line-height: 1.2;
+ /* text-transform: uppercase; */
+ }
+
+.page.\--home .\--documentation-categories {
+ position: relative;
+ z-index: 2;
+ background-color: #f4f4f8;
+ padding: 20px;
+ width: 100%;
+ border-top: 1px solid #e7e7e7; }
+ .page.\--home .\--documentation-categories a::before {
+ display: none; }
+ .page.\--home .\--documentation-categories .category-wrap {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 10px;
+ max-width: 100%;
+ }
+ .page.\--home .\--documentation-categories .category-wrap .github-stars {
+ padding-top: 20px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ max-width: 100%; }
+ .page.\--home .\--documentation-categories ul {
+ list-style-type: none;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+ .page.\--home .\--documentation-categories ul li {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ background: white;
+ -webkit-box-align: baseline;
+ -webkit-align-items: baseline;
+ -ms-flex-align: baseline;
+ align-items: baseline;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ position: relative;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 22%;
+ -ms-flex: 1 1 22%;
+ flex: 1 1 22%;
+ margin: 10px;
+ -webkit-transition: 0.2s all ease-in-out;
+ transition: 0.2s all ease-in-out;
+ border: 1px solid #e7e7e7; }
+ @media (max-width: 1023px) {
+ .page.\--home .\--documentation-categories ul li {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 -webkit-calc(50% - 20px);
+ -ms-flex: 1 1 calc(50% - 20px);
+ flex: 1 1 calc(50% - 20px); } }
+ @media (max-width: 584px) {
+ .page.\--home .\--documentation-categories ul li {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 100%;
+ -ms-flex: 1 1 100%;
+ flex: 1 1 100%;
+ margin: 10px 0; } }
+ .page.\--home .\--documentation-categories ul li .category-meta {
+ width: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .page.\--home .\--documentation-categories ul li .category-img {
+ height: 100px;
+ width: 100px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ background-color: white;
+ padding: 10px;
+ -webkit-transition: 0.2s all ease-in-out;
+ transition: 0.2s all ease-in-out; }
+ .page.\--home .\--documentation-categories ul li .category-img img,
+ .page.\--home .\--documentation-categories ul li .category-img svg {
+ width: 70%;
+ max-width: 70%;
+ max-height: 90px; }
+ .page.\--home .\--documentation-categories ul li::before {
+ content: "";
+ position: absolute;
+ height: 6px;
+ width: 100%;
+ background: transparent;
+ top: 100%;
+ left: 0;
+ margin-top: -6px;
+ -webkit-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out; }
+ .page.\--home .\--documentation-categories ul li:hover {
+ opacity: 1;
+ cursor: pointer; }
+ .page.\--home .\--documentation-categories ul li:hover .category-img {
+ background: white;
+ border-color: #357e94;
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1); }
+ .page.\--home .\--documentation-categories ul li:hover h2 {
+ color: #357e94; }
+ .page.\--home .\--documentation-categories ul li:hover::before {
+ /* background: #2391fe; */
+ /* height: 6px; */
+ }
+ .page.\--home .\--documentation-categories ul li p, .page.\--home .\--documentation-categories ul li section.section div.content-box, section.section .page.\--home .\--documentation-categories ul li div.content-box {
+ text-align: center;
+ margin: 0;
+ padding: 0;
+ max-width: 80%; }
+ .page.\--home .\--documentation-categories ul li h2 {
+ width: 100%;
+ font-size: 1.4rem;
+ font-family: "campaign", sans-serif;
+ line-height: 1.7rem;
+ text-align: center;
+ font-weight: 500;
+ padding: 0;
+ margin: 0;
+ letter-spacing: 1px;
+ color: #626262;
+ }
+
+.\--page-body {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding-left: 0 !important;
+ max-width: -webkit-calc(100% - 220px);
+ max-width: calc(100% - 220px);
+ overflow-x: hidden; }
+ @media (max-width: 584px) {
+ .\--page-body {
+ min-width: 100%; } }
+
+body:-moz-handler-blocked .\--page-body {
+ flex: 1;
+ padding-left: 0 !important; }
+
+body:not(:-moz-handler-blocked) main.\--page .\--page-body {
+ max-width: calc(100% - 220px); }
+
+.\--index {
+ min-height: -webkit-calc(100vh - 660px);
+ min-height: calc(100vh - 660px); }
+
+.\--tutorial-index {
+ padding-bottom: 20px;
+ padding-left: 60px !important;
+ }
+ .\--tutorial-index.tutorial-content, .\--tutorial-index .tutorial-content {
+ padding: 0 !important; }
+ .\--tutorial-index .\--welcome {
+ padding: 20px 0;
+ padding-top: 0;
+ padding-left: 0 !important;
+ position: relative; }
+ .\--tutorial-index .\--welcome::before {
+ content: '';
+ left: 0;
+ top: 100%;
+ width: -webkit-calc(100% - 20px);
+ width: calc(100% - 20px);
+ background: #e4e4ee;
+ height: 1px;
+ margin-top: -1px;
+ position: absolute; }
+ .\--tutorial-index .\--welcome .\--title {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ padding-bottom: 10px;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .\--tutorial-index .\--welcome .\--title .\--body {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ @media (max-width: 584px) {
+ .\--tutorial-index .\--welcome .\--title .\--body {
+ padding-right: 0; } }
+ .\--tutorial-index .\--welcome .\--title .\--category-img {
+ background: white;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 120px !important;
+ margin-right: 20px; }
+ @media (max-width: 584px) {
+ .\--tutorial-index .\--welcome .\--title .\--category-img {
+ display: none; } }
+ .\--tutorial-index .\--welcome .\--title .\--category-img img {
+ max-width: 100%;
+ margin: 0 !important; }
+ .\--tutorial-index .\--welcome .\--title h1, .\--tutorial-index .\--welcome .\--title section.section h2, section.section .\--tutorial-index .\--welcome .\--title h2 {
+ font-weight: 300;
+ font-size: 3rem;
+ font-family: "jubilat", sans-serif;
+ margin: 0;
+ }
+ .\--tutorial-index .\--welcome .\--title .sub {
+ font-size: 1.5rem; }
+ .\--tutorial-index .\--section {
+ margin: 20px 0;
+ padding: 20px;
+ border-bottom: 1px solid #e7e7e7; }
+ .\--tutorial-index .\--section h5 {
+ font-size: 2rem;
+ padding: 10px 0; }
+ .\--tutorial-index .\--section img {
+ padding: 20px 0; }
+ .\--tutorial-index .\--section a {
+ display: inline-block;
+ padding: 0 4px; }
+ @media (max-width: 584px) {
+ .\--tutorial-index .\--tutorial-section {
+ overflow: hidden !important; } }
+ .\--tutorial-index .\--tutorial-section:not(:last-of-type) {
+ position: relative; }
+ .\--tutorial-index .\--tutorial-section header.\--section-header {
+ padding: 20px;
+ font-size: 2rem;
+ color: black !important;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ padding-left: 0;
+ position: relative; }
+ .\--tutorial-index .\--tutorial-section header.\--section-header::before {
+ content: '';
+ left: 0;
+ top: 100%;
+ width: 25%;
+ background: #ebebf2;
+ height: 1px;
+ margin-top: -1px;
+ position: absolute; }
+ .\--tutorial-index .\--tutorial-section header.\--section-header a::before {
+ display: none; }
+ .\--tutorial-index .\--tutorial-section header.\--section-header div.icon {
+ margin-top: 4px;
+ margin-left: 5px; }
+ .\--tutorial-index .\--tutorial-section header.\--section-header div.icon:hover {
+ cursor: pointer; }
+ .\--tutorial-index .\--tutorial-section header.\--section-header div.icon:hover svg path {
+ fill: #447bdc; }
+ .\--tutorial-index .\--tutorial-section header.\--section-header div.icon svg path {
+ fill: #afafaf; }
+
+body {
+ position: relative; }
+
+.\--wrap.category-buttons h2 {
+ font-weight: 100;
+ padding: 0 15px;
+ text-align: center; }
+
+.\--wrap.category-buttons a {
+ width: 100%; }
+
+.\--more-categories {
+ background: #f4f4f8;
+ border-top: 1px solid #e7e7e7;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+ .\--more-categories .\--wrap {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+ .\--more-categories > header {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ background: white;
+ padding: 20px 40px;
+ border-bottom: 1px solid #e7e7e7;
+ width: 100%;
+ margin-bottom: 10px; }
+ .\--more-categories > header *:not(.\--wrap) {
+ margin: 0;
+ padding: 0;
+ font-weight: 100;
+ font-size: 2rem; }
+ .\--more-categories .\--wrap {
+ padding: 10px; }
+ .\--more-categories article {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 50%;
+ -ms-flex: 1 1 50%;
+ flex: 1 1 50%;
+ padding: 10px 10px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: nowrap !important;
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+ .\--more-categories article header {
+ width: 100%;
+ background: #447bdc;
+ padding: 10px; }
+ .\--more-categories article header * {
+ margin: 0;
+ color: white;
+ font-size: 1rem; }
+ .\--more-categories article p, .\--more-categories article section.section div.content-box, section.section .\--more-categories article div.content-box {
+ padding: 10px;
+ margin: 0 !important;
+ border: 1px solid #e7e7e7; }
+ .\--more-categories article ul {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 100%;
+ -ms-flex: 1 1 100%;
+ flex: 1 1 100%;
+ border: 1px solid #e7e7e7;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin: 0;
+ padding: 0;
+ border-bottom: 0;
+ border-top: 0; }
+ .\--more-categories article ul li {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+ .\--more-categories article ul li a {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding: 10px;
+ background: white;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-bottom: 1px solid #e7e7e7;
+ text-decoration: none; }
+ .\--more-categories article ul li a:hover {
+ background: #f4f4f8; }
+
+.\--api .hero {
+ border-bottom: 1px solid #e7e7e7; }
+
+.\--api .\--breadcrumb-container {
+ border-bottom: 0; }
+
+.js-splash--section-title {
+ font-weight: 600 !important;
+ text-transform: capitalize; }
+
+.js-splash--feature-block .block-title {
+ font-weight: 300;
+ padding: 20px;
+ padding-bottom: 0;
+ font-size: 2rem;
+ margin-top: 10px;
+ text-transform: capitalize; }
+
+.js-splash--feature-block .js-splash--inline-text-right, .js-splash--feature-block .js-splash--inline-text-left {
+ padding: 20px;
+ background: #f4f4f8;
+ border: 1px solid #e7e7e7; }
+
+.js-splash--feature-block .block-content {
+ padding: 20px;
+ font-weight: 400; }
+
+.\--grid p, .\--grid section.section div.content-box, section.section .\--grid div.content-box {
+ padding: 20px;
+ padding-bottom: 0; }
+
+h2 {
+ font-weight: 100;
+ font-size: 2.5rem; }
+
+hr {
+ display: none !important; }
+
+div.row {
+ margin-left: 0;
+ padding-left: 0 !important;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+ div.row h1, div.row section.section h2, section.section div.row h2, div.row h2, div.row h3, div.row h4, div.row .js-splash--section-title, div.row h5, div.row h6 {
+ width: 100%; }
+ div.row h1 a br, div.row section.section h2 a br, section.section div.row h2 a br, div.row h2 a br, div.row h3 a br, div.row h4 a br, div.row .js-splash--section-title a br, div.row h5 a br, div.row h6 a br {
+ display: none; }
+ div.row h6 {
+ font-size: 2rem;
+ font-weight: 100;
+ padding: 20px; }
+ div.row h6::before {
+ display: none; }
+ div.row h6 pre {
+ width: 100%; }
+ div.row div.border {
+ margin: 20px 0;
+ border: 1px solid #e7e7e7; }
+ div.row div.columns {
+ max-width: 700px;
+ width: 100%; }
+ div.row > p, section.section div.row > div.content-box {
+ width: 100%; }
+ div.row > pre {
+ padding: 20px;
+ width: 100%; }
+ div.row .four {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 25%;
+ -ms-flex: 1 1 25%;
+ flex: 1 1 25%;
+ border: 1px solid #e7e7e7;
+ background: #f4f4f8;
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start; }
+ div.row .eight {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 75%;
+ -ms-flex: 1 1 75%;
+ flex: 1 1 75%;
+ padding-right: 20px; }
+ div.row .eight code {
+ white-space: normal !important; }
+ div.row .eight h4, div.row .eight .js-splash--section-title {
+ font-weight: 100;
+ font-size: 2rem;
+ border-bottom: 1px solid #e7e7e7;
+ padding-bottom: 20px; }
+ div.row .eight ul li {
+ margin: 20px 0;
+ margin-bottom: 20px;
+ padding-bottom: 20px;
+ line-height: 2;
+ overflow-x: auto; }
+ div.row .eight ul li ul {
+ margin-left: 20px;
+ padding-left: 20px;
+ border-left: 5px solid rgba(244, 244, 248, 0.8); }
+ div.row .eight ul li a {
+ color: #357e94 !important;
+ display: inline-block;
+ font-size: 1.5rem; }
+ div.row .toc h4, div.row .toc .js-splash--section-title {
+ padding: 20px;
+ margin: 0;
+ border-bottom: 1px solid #e7e7e7; }
+ div.row .toc ul {
+ margin: 0;
+ background: #ebebf2;
+ width: 100%; }
+ div.row .toc ul li {
+ margin: 0;
+ width: 100%; }
+ div.row .toc ul li li {
+ padding-left: 20px; }
+ div.row .toc ul li a {
+ background: #f4f4f8;
+ padding: 10px 20px;
+ width: 100%;
+ display: block;
+ margin: 0;
+ border-bottom: 1px solid #e7e7e7; }
+ div.row .toc ul li a:hover {
+ background: white; }
+ div.row .toc ul li a::before {
+ display: none; }
+
+div.tipbox.row {
+ background: #f4f4f8;
+ padding: 20px;
+ padding-right: 20px !important;
+ padding-left: 20px !important;
+ border: 1px solid #e7e7e7;
+ margin-top: 20px; }
+ div.tipbox.row h4, div.tipbox.row .js-splash--section-title {
+ font-size: 1.5rem;
+ border-bottom: 0;
+ background: #ebebf2; }
+ div.tipbox.row h4 div.icon, div.tipbox.row .js-splash--section-title div.icon {
+ display: none; }
+ div.tipbox.row a {
+ display: inline-block;
+ padding: 20px;
+ background: #fdfdfe;
+ border: 1px solid #e7e7e7;
+ margin-right: 10px;
+ margin-top: 10px; }
+
+section.section h4, section.section .js-splash--section-title {
+ margin-bottom: 20px; }
+ section.section h4 a, section.section .js-splash--section-title a {
+ padding: 0 6.66667px; }
+
+section.section b {
+ font-weight: 600 !important; }
+
+section.section div.content-box p, section.section div.content-box div.content-box {
+ padding: 20px 0; }
+
+div.prompt {
+ display: none; }
+
+div.output_subarea::-webkit-scrollbar {
+ background: white !important; }
+
+.highlight pre, .output_text pre {
+ padding: 20px; }
+
+h2.special-header {
+ padding-bottom: 20px;
+ margin: 0; }
+
+.z-depth-1 {
+ width: 100%; }
+
+pre {
+ width: 100%; }
+ pre code {
+ width: 100%; }
+
+.page--single .tutorial-content {
+ padding-left: 20px; }
+ .page--single .tutorial-content strong {
+ display: inline !important; }
+ .page--single .tutorial-content p, .page--single .tutorial-content section.section div.content-box, section.section .page--single .tutorial-content div.content-box {
+ padding: 10px;
+ padding-left: 0;
+ margin: 0;
+ position: relative; }
+ .page--single .tutorial-content p img, .page--single .tutorial-content section.section div.content-box img, section.section .page--single .tutorial-content div.content-box img {
+ max-width: 100%; }
+ .page--single .tutorial-content p.last + h4, .page--single .tutorial-content section.section div.last.content-box + h4, section.section .page--single .tutorial-content div.last.content-box + h4, .page--single .tutorial-content p.last + .js-splash--section-title, .page--single .tutorial-content section.section div.last.content-box + .js-splash--section-title, section.section .page--single .tutorial-content div.last.content-box + .js-splash--section-title {
+ border-top: 1px solid #e7e7e7 !important; }
+ .page--single .tutorial-content p.last + h3, .page--single .tutorial-content section.section div.last.content-box + h3, section.section .page--single .tutorial-content div.last.content-box + h3 {
+ border-top: 1px solid #e7e7e7 !important; }
+ .page--single .tutorial-content a:hover {
+ text-decoration: underline; }
+ .page--single .tutorial-content ul li {
+ padding: 10px; }
+ .page--single .tutorial-content p strong, .page--single .tutorial-content section.section div.content-box strong, section.section .page--single .tutorial-content div.content-box strong {
+ font-weight: 700 !important; }
+ .page--single .tutorial-content table {
+ width: 100%; }
+ .page--single .tutorial-content table tr {
+ width: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ .page--single .tutorial-content table td {
+ border-bottom: 1px solid #e7e7e7; }
+ .page--single .tutorial-content table td ~ td {
+ border-left: 1px solid #e7e7e7; }
+ .page--single .tutorial-content table td, .page--single .tutorial-content table th {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ .page--single .tutorial-content table td img, .page--single .tutorial-content table th img {
+ max-width: 100%; }
+ .page--single .tutorial-content h1:first-of-type, .page--single .tutorial-content section.section h2:first-of-type, section.section .page--single .tutorial-content h2:first-of-type {
+ border-top: 0; }
+ .page--single .tutorial-content p + table, .page--single .tutorial-content section.section div.content-box + table, section.section .page--single .tutorial-content div.content-box + table {
+ border-top: 1px solid #e7e7e7; }
+ .page--single .tutorial-content p + h1, .page--single .tutorial-content section.section div.content-box + h1, section.section .page--single .tutorial-content div.content-box + h1, .page--single .tutorial-content section.section p + h2, section.section .page--single .tutorial-content p + h2, .page--single .tutorial-content section.section div.content-box + h2, section.section .page--single .tutorial-content div.content-box + h2, .page--single .tutorial-content p h2, .page--single .tutorial-content section.section div.content-box h2, section.section .page--single .tutorial-content div.content-box h2, .page--single .tutorial-content p h3, .page--single .tutorial-content section.section div.content-box h3, section.section .page--single .tutorial-content div.content-box h3, .page--single .tutorial-content p h4, .page--single .tutorial-content section.section div.content-box h4, section.section .page--single .tutorial-content div.content-box h4, .page--single .tutorial-content p .js-splash--section-title, .page--single .tutorial-content section.section div.content-box .js-splash--section-title, section.section .page--single .tutorial-content div.content-box .js-splash--section-title {
+ border-top: 1px solid #e7e7e7; }
+ .page--single .tutorial-content h1, .page--single .tutorial-content section.section h2, section.section .page--single .tutorial-content h2 {
+ font-size: 2.5rem; }
+ .page--single .tutorial-content h2 {
+ font-size: 2.5rem; }
+ .page--single .tutorial-content h3 {
+ font-size: 2.5rem; }
+ .page--single .tutorial-content h4, .page--single .tutorial-content .js-splash--section-title {
+ font-size: 2rem; }
+ .page--single .tutorial-content h5 {
+ font-size: 2rem; }
+ .page--single .tutorial-content h1, .page--single .tutorial-content section.section h2, section.section .page--single .tutorial-content h2, .page--single .tutorial-content h3, .page--single .tutorial-content h4, .page--single .tutorial-content .js-splash--section-title, .page--single .tutorial-content h5 {
+ padding: 15px;
+ color: #20293d !important;
+ padding-left: 0;
+ font-weight: 300;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ margin: 0; }
+ .page--single .tutorial-content h1 strong, .page--single .tutorial-content section.section h2 strong, section.section .page--single .tutorial-content h2 strong, .page--single .tutorial-content h3 strong, .page--single .tutorial-content h4 strong, .page--single .tutorial-content .js-splash--section-title strong, .page--single .tutorial-content h5 strong {
+ font-weight: inherit;
+ font-size: 1rem;
+ display: inline-block;
+ padding-right: 10px; }
+ .page--single .tutorial-content h1 div.icon, .page--single .tutorial-content section.section h2 div.icon, section.section .page--single .tutorial-content h2 div.icon, .page--single .tutorial-content h3 div.icon, .page--single .tutorial-content h4 div.icon, .page--single .tutorial-content .js-splash--section-title div.icon, .page--single .tutorial-content h5 div.icon {
+ margin-top: 4px;
+ margin-left: 5px; }
+ .page--single .tutorial-content h1 div.icon:hover, .page--single .tutorial-content section.section h2 div.icon:hover, section.section .page--single .tutorial-content h2 div.icon:hover, .page--single .tutorial-content h3 div.icon:hover, .page--single .tutorial-content h4 div.icon:hover, .page--single .tutorial-content .js-splash--section-title div.icon:hover, .page--single .tutorial-content h5 div.icon:hover {
+ cursor: pointer; }
+ .page--single .tutorial-content h1 div.icon:hover svg path, .page--single .tutorial-content section.section h2 div.icon:hover svg path, section.section .page--single .tutorial-content h2 div.icon:hover svg path, .page--single .tutorial-content h3 div.icon:hover svg path, .page--single .tutorial-content h4 div.icon:hover svg path, .page--single .tutorial-content .js-splash--section-title div.icon:hover svg path, .page--single .tutorial-content h5 div.icon:hover svg path {
+ fill: #447bdc; }
+ .page--single .tutorial-content h1 div.icon svg path, .page--single .tutorial-content section.section h2 div.icon svg path, section.section .page--single .tutorial-content h2 div.icon svg path, .page--single .tutorial-content h3 div.icon svg path, .page--single .tutorial-content h4 div.icon svg path, .page--single .tutorial-content .js-splash--section-title div.icon svg path, .page--single .tutorial-content h5 div.icon svg path {
+ fill: #afafaf; }
+ .page--single .tutorial-content th {
+ border-bottom: 1px solid #e7e7e7;
+ border-top: 1px solid #e7e7e7; }
+ .page--single .tutorial-content h5 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ .page--single .tutorial-content h5 a {
+ font-size: 2rem; }
+ .page--single .tutorial-content h5 a::before {
+ display: none; }
+
+div.help-links a {
+ display: inline-block;
+ border: 1px solid #e7e7e7;
+ padding: 10px; }
+ div.help-links a:hover {
+ background: #fafafc; }
+
+article img {
+ margin: 20px 0; }
+
+article ul.toc {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-bottom: 20px;
+ border-top: 1px solid #e7e7e7;
+ border-right: 1px solid #e7e7e7; }
+ article ul.toc li {
+ border-bottom: 1px solid #e7e7e7;
+ border-left: 1px solid #e7e7e7;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 50%;
+ -ms-flex: 1 1 50%;
+ flex: 1 1 50%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ article ul.toc li a {
+ width: 100%;
+ padding: 15px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ article ul.toc li a:hover {
+ background: #fafafc; }
+
+div.output_html > div {
+ overflow-x: auto; }
+
+section.sponsor--wrap {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ margin-top: 20px;
+ padding: 40px;
+ background: #f4f4f8;
+ max-width: 1400px;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+section.meta {
+ background: #f4f4f8;
+ padding: 40px;
+ border: 1px solid #e7e7e7; }
+ section.meta div.wrap {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+ section.meta div.wrap img {
+ margin: 0 auto; }
+
+main.getting-started section.tutorial-content > h1:first-of-type, main.getting-started section.section section.tutorial-content > h2:first-of-type, section.section main.getting-started section.tutorial-content > h2:first-of-type {
+ border-bottom: 0;
+ display: none; }
+
+main.getting-started div.content-box {
+ margin: 20px !important;
+ border: 1px solid #e7e7e7;
+ padding: 20px; }
+ main.getting-started div.content-box p, main.getting-started div.content-box section.section div.content-box, section.section main.getting-started div.content-box div.content-box {
+ padding: 5px 0 !important; }
+
+main.getting-started *[class*="-download"].button {
+ padding: 10px;
+ border: 1px solid #e7e7e7;
+ font-size: 1.5rem;
+ text-decoration: none; }
+
+main.getting-started h4, main.getting-started .js-splash--section-title {
+ margin: 20px 0;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+h1, section.section h2, h2, h3, h4, .js-splash--section-title, h5, h6 {
+ display: block !important; }
+ h1 div.icon.copy, section.section h2 div.icon.copy, h2 div.icon.copy, h3 div.icon.copy, h4 div.icon.copy, .js-splash--section-title div.icon.copy, h5 div.icon.copy, h6 div.icon.copy {
+ display: inline-block !important; }
+
+.rendered_html h2 div.icon.copy {
+ display: none !important; }
+
+a.anchor-link {
+ display: none !important; }
+
+.btnrow .button {
+ padding: 10px;
+ text-decoration: none;
+ background: #f4f4f8;
+ border: 1px solid #e7e7e7;
+ margin-right: 10px;
+ display: block;
+ margin-top: 10px; }
+ .btnrow .button:hover {
+ background: white; }
+
+h2#getting-started {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ h2#getting-started div.icon {
+ display: none; }
+
+pre, code, .hljs {
+ background: #FFFFFF !important;
+ color: #434f54;
+ line-height: 1.5rem; }
+
+
+
+.\--tutorial-section:not(.no-image) .\--grid {
+ max-width: 1130px;
+ padding-top: 20px; }
+ .\--tutorial-section:not(.no-image) .\--grid-list {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ padding: 5px;
+ padding-bottom: 20px; }
+ @media (max-width: 584px) {
+ .\--tutorial-section:not(.no-image) .\--grid-list {
+ padding: 0;
+ padding-bottom: 20px;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; } }
+ .\--tutorial-section:not(.no-image) .\--grid-item {
+ -webkit-box-flex: 1;
+ -webkit-flex: auto;
+ -ms-flex: auto;
+ flex: auto;
+ width: -webkit-calc(162px - 20px);
+ width: calc(162px - 20px);
+ max-width: 162px;
+ background: #f4f4f8 !important;
+ border: 1px solid #e7e7e7;
+ margin-right: 20px;
+ margin-top: 20px;
+ padding: 0 !important; }
+ @media (max-width: 1023px) {
+ .\--tutorial-section:not(.no-image) .\--grid-item {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 -webkit-calc(162px);
+ -ms-flex: 1 1 calc(162px);
+ flex: 1 1 calc(162px);
+ width: -webkit-calc(162px);
+ width: calc(162px);
+ max-width: -webkit-calc(162px);
+ max-width: calc(162px);
+ min-width: -webkit-calc(162px);
+ min-width: calc(162px);
+ margin: 0;
+ margin-bottom: 20px;
+ margin-right: 20px; } }
+ @media (max-width: 584px) {
+ .\--tutorial-section:not(.no-image) .\--grid-item {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 -webkit-calc(50% - 20px);
+ -ms-flex: 1 1 calc(50% - 20px);
+ flex: 1 1 calc(50% - 20px);
+ width: -webkit-calc(162px);
+ width: calc(162px);
+ max-width: -webkit-calc(162px);
+ max-width: calc(162px);
+ min-width: -webkit-calc(162px);
+ min-width: calc(162px);
+ margin: 0;
+ margin-bottom: 20px; }
+ .\--tutorial-section:not(.no-image) .\--grid-item:nth-of-type(odd) {
+ margin-right: 20px; } }
+ .\--tutorial-section:not(.no-image) .\--grid-item img {
+ max-width: 160px;
+ height: 160px;
+ width: 160px !important; }
+ .\--tutorial-section:not(.no-image) .\--grid-item a {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+ .\--tutorial-section:not(.no-image) .\--grid-item a::before {
+ display: none; }
+ .\--tutorial-section:not(.no-image) .\--grid-item .\--item-meta {
+ min-height: 130px;
+ padding: 20px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-ordinal-group: 3 !important;
+ -webkit-order: 2 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ border-top: 1px solid #e7e7e7;
+ font-size: 1.2rem;
+ }
+ .\--tutorial-section:not(.no-image) .\--grid-item .\--item-image {
+ position: relative;
+ background: #447bdc;
+ width: 160px;
+ min-width: 160px;
+ max-width: 160px;
+ height: 160px;
+ min-height: 160px;
+ max-height: 160px;
+ -webkit-transition: 0.2s ease-in-out all;
+ transition: 0.2s ease-in-out all; }
+ .\--tutorial-section:not(.no-image) .\--grid-item .\--item-image span {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-left: 20px;
+ margin-left: 0px;
+ color: white;
+ font-size: 1.25rem;
+ font-weight: 300;
+ opacity: 0;
+ -webkit-transition: 0.2s all ease-in-out;
+ transition: 0.2s all ease-in-out; }
+ .\--tutorial-section:not(.no-image) .\--grid-item .\--item-image span::before {
+ content: '';
+ position: absolute;
+ left: 20px;
+ top: 50%;
+ margin-top: 1.5rem;
+ width: 40%;
+ height: 4px;
+ background: #e4e4ee;
+ opacity: 0.3;
+ -webkit-transform-origin: left;
+ -ms-transform-origin: left;
+ transform-origin: left;
+ -webkit-transform: scaleX(0);
+ -ms-transform: scaleX(0);
+ transform: scaleX(0);
+ -webkit-transition: 0.2s -webkit-transform ease-in-out 0.15s;
+ transition: 0.2s -webkit-transform ease-in-out 0.15s;
+ transition: 0.2s transform ease-in-out 0.15s;
+ transition: 0.2s transform ease-in-out 0.15s, 0.2s -webkit-transform ease-in-out 0.15s; }
+ .\--tutorial-section:not(.no-image) .\--grid-item .\--item-image img {
+ -webkit-transition: 0.2s ease-in-out all;
+ transition: 0.2s ease-in-out all;
+ display: block; }
+ @media (min-width: 1024px) {
+ .\--tutorial-section:not(.no-image) .\--grid-item:hover {
+ background: white !important; }
+ .\--tutorial-section:not(.no-image) .\--grid-item:hover .\--item-image span::before {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1); }
+ .\--tutorial-section:not(.no-image) .\--grid-item:hover .\--item-image img {
+ opacity: 0; }
+ .\--tutorial-section:not(.no-image) .\--grid-item:hover .\--item-image span {
+ opacity: 1;
+ margin-left: 0; } }
+
+.\--tutorial-section.no-image .\--grid {
+ display: block; }
+ .\--tutorial-section.no-image .\--grid-list {
+ -webkit-columns: 2;
+ -moz-columns: 2;
+ columns: 2;
+ border: 1px solid #e7e7e7;
+ margin-top: 20px;
+ -webkit-column-gap: 0;
+ -moz-column-gap: 0;
+ column-gap: 0; }
+ @media (max-width: 1023px) {
+ .\--tutorial-section.no-image .\--grid-list {
+ -webkit-columns: 1;
+ -moz-columns: 1;
+ columns: 1; } }
+ .\--tutorial-section.no-image .\--grid-item {
+ background: white;
+ width: 100%;
+ margin: 0;
+ border: 0;
+ -webkit-column-break-inside: avoid;
+ /* Chrome, Safari */
+ page-break-inside: avoid;
+ /* Theoretically FF 20+ */
+ break-inside: avoid-column;
+ /* IE 11 */
+ display: table; }
+ @media (max-width: 1023px) {
+ .\--tutorial-section.no-image .\--grid-item:not(:last-of-type) a {
+ border-bottom: 1px solid #e7e7e7; } }
+ .\--tutorial-section.no-image .\--grid-item a {
+ padding: 15px;
+ display: block; }
+ .\--tutorial-section.no-image .\--grid-item a:hover {
+ background: whitesmoke; }
+
+.\--tutorial-section.no-image .\--item-meta {
+ padding: 0; }
+
+.\--page {
+ position: relative;
+ z-index: 3;
+ background: white; }
+
+.upgrade#carbonads {
+ width: 100%;
+ max-width: 1400px;
+ margin: 0 auto; }
+ @media (max-width: 584px) {
+ .upgrade#carbonads {
+ margin: 0 !important;
+ padding: 0 !important; } }
+
+.upgrade span {
+ display: block; }
+
+.upgrade .carbon-wrap {
+ display: block; }
+
+.upgrade--cta {
+ margin: 0 auto;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ background: rgba(68, 123, 220, 0.5);
+ border-top: 1px solid #447bdc;
+ position: absolute;
+ width: 100vw;
+ left: 0;
+ z-index: 5;
+ min-height: 160px;
+ bottom: 0; }
+ .upgrade--cta:hover {
+ background: rgba(68, 123, 220, 0.8); }
+
+.upgrade--header {
+ font-size: 1.5rem;
+ text-align: center;
+ padding-bottom: 20px;
+ color: #9AD1FD; }
+ @media (max-width: 1023px) {
+ .upgrade--header {
+ padding-bottom: 0;
+ padding: 0 10px;
+ text-align: center;
+ width: 100%; } }
+
+.upgrade--wrap {
+ padding: 20px;
+ opacity: 1 !important;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ font-size: 1rem;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ max-width: 1120px;
+ padding: 0;
+ width: 100%;
+ margin: 0 auto; }
+ @media (min-width: 1024px) {
+ .upgrade--wrap {
+ padding-top: 20px;
+ padding-bottom: 10px; } }
+ .upgrade--wrap:hover {
+ text-decoration: none !important; }
+ .upgrade--wrap:hover .header {
+ color: white !important; }
+ .upgrade--wrap:hover .body {
+ color: white; }
+ .upgrade--wrap:hover .upgrade--header {
+ color: white; }
+ .upgrade--wrap .columns--three {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ @media (max-width: 1023px) {
+ .upgrade--wrap .columns--three {
+ display: none; } }
+ .upgrade--wrap .columns--three li {
+ text-align: center; }
+ .upgrade--wrap .columns--three li.image {
+ max-width: 180px;
+ width: 180px;
+ margin-right: 20px; }
+ .upgrade--wrap .columns--three li.image img {
+ -webkit-transform: translateY(-20px);
+ -ms-transform: translateY(-20px);
+ transform: translateY(-20px);
+ max-width: 100%; }
+ .upgrade--wrap .columns--three .header {
+ font-weight: bold;
+ color: white;
+ text-align: left;
+ padding-bottom: 10px; }
+ .upgrade--wrap .columns--three .body {
+ opacity: 0.75;
+ text-align: left;
+ padding-right: 20px; }
+
+.modal{
+ top: 50px;
+}
+
+#modal-input{
+ background-color: #fff;
+ border-radius: 5px;
+ margin-top: 25px;
+ border: 1px solid lightgrey;
+ box-sizing: border-box;
+ display: block;
+ font-size: inherit;
+ height: 38px;
+ line-height: 1.42857143;
+ padding-left: 10px !important;
+ width: calc(100%);
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+ -webkit-transition: -webkit-box-shadow ease-in-out .15s;
+ transition: -webkit-box-shadow ease-in-out .15s;
+ -o-transition: box-shadow ease-in-out .15s;
+ transition: box-shadow ease-in-out .15s;
+ transition: box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+}
+
+.search-results{
+ display:flex;
+}
+
+#modal-button{
+ padding-top: 10px;
+ background-color: #e4f5f2;
+ border: none;
+ padding-left: 0;
+}
+
+.ais-hits{
+ margin: 30px;
+ margin-top: 0;
+ padding: 20px;
+}
+
+.primary-search-results > .ais-hits::before{
+ content: "Documentation Results";
+ font-size: 1.7rem;
+}
+
+.schema-search-results > .ais-hits::before{
+ content: "Figure Reference Results";
+ font-size: 1.7rem;
+}
+
+.ais-hits--item:first-of-type{
+ padding-top: 30px;
+}
+
+.algolia__result-link{
+ color: #357e94 !important;
+}
+
+.modal-body{
+ background: white;
+ padding: 0 !important;
+ max-height: calc(100vh - 200px);
+ overflow-y: scroll;
+}
+
+.primary-search-results, .schema-search-results{
+ width: 45%;
+}
+
+.search-input{
+ width: 90%;
+ border: none;
+ margin: auto;
+ font-size: 2rem;
+}
+
+.modal-content{
+ border-radius: 0px !important;
+ border: none !important;
+}
+
+.ais-hits--item{
+ padding-bottom: 20px;
+}
+
+.modal-header{
+ background: #fff;
+}
+
+.modal > .modal-dialog{
+ width: 1050px;
+ max-width: 1050px;
+}
+
+@media (max-width: 1025px) {
+ .modal > .modal-dialog{
+ width: 80%;
+ }
+}
+
+.\--body > h1, .\--body > h2 {
+ margin-bottom: 0.5em !important;
+}
+
+#installation, #rendering-charts, #note-for-rstudio-users, #download-from-github, #download-from-cran {
+ margin-bottom: 0.5em !important;
+ margin-top: 0.5em !important;
+}
+
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
+ color: #20293d !important;
+ font-family: "jubilat", sans-serif;
+}
+
+.\--welcome-body{
+ padding-top: 20px;
+}
+
+@media (max-width: 1023px) {
+ .\--breadcrumb-container {
+ display: none;
+ height: 0px;
+ }
+
+ .\--tutorial-index {
+ padding-top: 0;
+ }
+}
+
+@media (max-width: 767px) {
+ .\--wrap {
+ margin: 0;
+ }
+}
+
+/*
+ * The Typekit service used to deliver this font or fonts for use on websites
+ * is provided by Adobe and is subject to these Terms of Use
+ * http://www.adobe.com/products/eulas/tou_typekit. For font license
+ * information, see the list below.
+ *
+ * campaign:
+ * - http://typekit.com/eulas/00000000000000003b9afbc2
+ * - http://typekit.com/eulas/00000000000000003b9afbc3
+ * - http://typekit.com/eulas/00000000000000003b9afbc4
+ * - http://typekit.com/eulas/00000000000000003b9afbc6
+ * - http://typekit.com/eulas/00000000000000003b9afbc7
+ * jubilat:
+ * - http://typekit.com/eulas/00000000000000003b9b0d24
+ * - http://typekit.com/eulas/00000000000000003b9b0d22
+ *
+ * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
+ */
+/*{"last_published":"2020-02-05 02:30:33 UTC"}*/
+
+@import url("https://p.typekit.net/p.css?s=1&k=dsx1rks&ht=tk&f=9882.9892.34284.34285.34286.34288.34289&a=37708615&app=typekit&e=css");
+
+@font-face {
+font-family:"jubilat";
+src:url("https://use.typekit.net/af/275f06/00000000000000003b9b0d24/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/275f06/00000000000000003b9b0d24/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/275f06/00000000000000003b9b0d24/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
+font-display:auto;font-style:normal;font-weight:400;
+}
+
+@font-face {
+font-family:"jubilat";
+src:url("https://use.typekit.net/af/d16a24/00000000000000003b9b0d22/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/d16a24/00000000000000003b9b0d22/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/d16a24/00000000000000003b9b0d22/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
+font-display:auto;font-style:normal;font-weight:500;
+}
+
+@font-face {
+font-family:"campaign";
+src:url("https://use.typekit.net/af/881a79/00000000000000003b9afbc2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/881a79/00000000000000003b9afbc2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/881a79/00000000000000003b9afbc2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
+font-display:auto;font-style:normal;font-weight:400;
+}
+
+@font-face {
+font-family:"campaign";
+src:url("https://use.typekit.net/af/a058b0/00000000000000003b9afbc3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/a058b0/00000000000000003b9afbc3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/a058b0/00000000000000003b9afbc3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
+font-display:auto;font-style:italic;font-weight:400;
+}
+
+@font-face {
+font-family:"campaign";
+src:url("https://use.typekit.net/af/24201b/00000000000000003b9afbc4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/24201b/00000000000000003b9afbc4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/24201b/00000000000000003b9afbc4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
+font-display:auto;font-style:normal;font-weight:500;
+}
+
+@font-face {
+font-family:"campaign";
+src:url("https://use.typekit.net/af/454d84/00000000000000003b9afbc6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/454d84/00000000000000003b9afbc6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/454d84/00000000000000003b9afbc6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
+font-display:auto;font-style:normal;font-weight:700;
+}
+
+@font-face {
+font-family:"campaign";
+src:url("https://use.typekit.net/af/3fc953/00000000000000003b9afbc7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/3fc953/00000000000000003b9afbc7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/3fc953/00000000000000003b9afbc7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
+font-display:auto;font-style:italic;font-weight:700;
+}
+
+.close {
+ font-size: 30px;
+}
+
+.html-widget-static-bound{
+ padding-top: 20px;
+ margin-bottom: 20px;
+}
+
+.codepen-submit{
+ color: white;
+ background-color: #506784;
+}
+
+.nav-breadcrumb-container{
+ width: 100%;
+ display: flex;
+ padding-bottom: 5px;
+}
+
+.nav-breadcrumb-right{
+ margin-left: auto;
+}
+
+#forklink{
+ display: flex;
+}
+
+#forklink > .icon {
+ margin-right: 5px;
+
+}
+
+.\--btn > .icon:hover {
+ /* background-color: #0FA0CE; */
+}
+
+section > .nav-breadcrumb-container {
+ padding-top: 20px;
+}
+
+@media (max-width: 1025px) {
+ .nav-breadcrumb-container {
+ display: none;
+ }
+}
+
+.-identity a {
+ height: 59px;
+ padding-top: 7px;
+ border-bottom: 2px solid white;
+}
+
+.-identity a:hover {
+ border-bottom: 2px solid #506784;
+}
+
+#covid-banner {
+ width: 100%;
+ min-height: 30px;
+ line-height: 30px;
+ background-color: #e4f5f2;
+ text-align: center;
+}
+
+#covid-banner a {
+ color: #f4564e;
+}
diff --git a/all_static/css/main.css b/all_static/css/main.css
index f21f3a1c5..23ee28a79 100644
--- a/all_static/css/main.css
+++ b/all_static/css/main.css
@@ -7991,13 +7991,9 @@ div#notebook {
font-weight: bold; }
.page.\--home .hero {
- background-position: center;
- background-repeat: no-repeat;
- background-size: 110% 110%;
- background-image: url(https://images.prismic.io/plotly-marketing-website/9f59f272-4658-491f-a618-c8e353eb77c1_homepage-hero-1500.jpg?auto=compress,format);
width: 100%;
- height: 400px;
- max-height: 500px;
+ height: 250px;
+ max-height: 400px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -8014,7 +8010,8 @@ div#notebook {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
- overflow: hidden; }
+ overflow: hidden;
+ }
@media (max-width: 584px) {
.page.\--home .hero {
height: 100vh;
@@ -8039,23 +8036,20 @@ div#notebook {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #fff;
- margin-top: 60px;
max-width: 700px;
text-align: center; }
- @media (max-width: 584px) {
- .page.\--home .hero .\--welcome {
- margin-top: 110px; } }
.page.\--home .hero .\--welcome h2 {
font-size: 60px;
font-family: "jubilat", sans-serif;
- margin-bottom: 0;
- color: white !important;
+ margin-bottom: 15px;
+ margin-top: 0;
+ color: #20293d !important;
}
.page.\--home .hero .\--welcome h1, .page.\--home .hero .\--welcome section.section h2, section.section .page.\--home .hero .\--welcome h2 {
width: 100%;
margin: 0;
font-weight: 100;
- color: #357e94;
+ color: #20293d;
padding-top: 10px;
padding-bottom: 20px; }
@media (max-width: 584px) {
@@ -8063,7 +8057,8 @@ div#notebook {
font-size: 3rem;
padding: 10px 40px;
margin-bottom: 0;
- padding-bottom: 0; } }
+ padding-bottom: 0;
+ } }
@media (max-width: 584px) {
.page.\--home .hero .\--welcome p, .page.\--home .hero .\--welcome section.section div.content-box, section.section .page.\--home .hero .\--welcome div.content-box {
padding: 0 40px; } }
@@ -8100,8 +8095,9 @@ div#notebook {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
- padding: 30px;
- max-width: 100%; }
+ padding: 10px;
+ max-width: 100%;
+ }
.page.\--home .\--documentation-categories .category-wrap .github-stars {
padding-top: 20px;
display: -webkit-box;
@@ -8230,8 +8226,9 @@ div#notebook {
.page.\--home .\--documentation-categories ul li:hover h2 {
color: #357e94; }
.page.\--home .\--documentation-categories ul li:hover::before {
- background: #2391fe;
- height: 6px; }
+ /* background: #2391fe; */
+ /* height: 6px; */
+ }
.page.\--home .\--documentation-categories ul li p, .page.\--home .\--documentation-categories ul li section.section div.content-box, section.section .page.\--home .\--documentation-categories ul li div.content-box {
text-align: center;
margin: 0;
@@ -8245,7 +8242,7 @@ div#notebook {
text-align: center;
font-weight: 500;
padding: 0;
- margin: 25px 0 10px;
+ margin: 0;
letter-spacing: 1px;
color: #626262;
}
diff --git a/all_static/images/header_graphing library.png b/all_static/images/header_graphing library.png
new file mode 100644
index 000000000..98694ba3c
Binary files /dev/null and b/all_static/images/header_graphing library.png differ