diff --git a/setup.py b/setup.py
index 825269e..d3e5b48 100644
--- a/setup.py
+++ b/setup.py
@@ -1,17 +1,23 @@
"""
jupyterlab-interactive-dashboard-editor setup
"""
+import sys
import json
-from os import path
+import os
from jupyter_packaging import (
create_cmdclass, install_npm, ensure_targets,
combine_commands, skip_if_exists
)
+try:
+ import jupyter_core.paths as jupyter_core_paths
+except:
+ jupyter_core_paths = None
+
import setuptools
-HERE = path.abspath(path.dirname(__file__))
+HERE = os.path.abspath(os.path.dirname(__file__))
# The name of the project
name = "jupyterlab-interactive-dashboard-editor"
@@ -19,14 +25,14 @@
labext_name = "jupyterlab-interactive-dashboard-editor"
# Get our version
-with open(path.join(HERE, 'package.json')) as f:
+with open(os.path.join(HERE, 'package.json')) as f:
version = json.load(f)['version']
-lab_path = path.join(HERE, module, "labextension")
+lab_path = os.path.join(HERE, module, "labextension")
# Representative files that should exist after a successful build
jstargets = [
- path.join(lab_path, "package.json"),
+ os.path.join(lab_path, "package.json"),
]
package_data_spec = {
@@ -51,12 +57,44 @@
path=HERE,
npm=["jlpm"],
build_cmd="build:labextension",
- build_dir=path.join(HERE, 'dist'),
- source_dir=path.join(HERE, 'src')
+ build_dir=os.path.join(HERE, 'dist'),
+ source_dir=os.path.join(HERE, 'src')
),
ensure_targets(jstargets),
)
+base_develop_cmd = cmdclass["develop"]
+
+class DevelopCmd(base_develop_cmd):
+ prefix_targets = [
+ ("nbconvert/templates", 'presto'),
+ ("voila/templates", 'presto')
+ ]
+
+ def run(self):
+ target_dir = os.path.join(sys.prefix, "share", "jupyter")
+ if "--user" in sys.prefix:
+ target_dir = jupyter_core_paths.user_dir()
+ target_dir = os.path.join(target_dir)
+
+ for prefix_target, name in self.prefix_targets:
+ source = os.path.join("share", "jupyter", prefix_target, name)
+ target = os.path.join(target_dir, prefix_target, name)
+ target_subdir = os.path.dirname(target)
+ if not os.path.exists(target_subdir):
+ os.makedirs(target_subdir)
+ rel_source = os.path.relpath(os.path.abspath(source), os.path.abspath(target_subdir))
+ try:
+ os.remove(target)
+ except:
+ pass
+ print(rel_source, "->", target)
+ os.symlink(rel_source, target)
+
+ super(DevelopCmd, self).run()
+
+cmdclass['develop'] = DevelopCmd if jupyter_core_paths else base_develop_cmd
+
with open("README.md", "r") as fh:
long_description = fh.read()
diff --git a/share/jupyter/nbconvert/templates/presto/base.html.j2 b/share/jupyter/nbconvert/templates/presto/base.html.j2
new file mode 100644
index 0000000..b932554
--- /dev/null
+++ b/share/jupyter/nbconvert/templates/presto/base.html.j2
@@ -0,0 +1,270 @@
+{%- extends 'display_priority.j2' -%}
+{% from 'celltags.j2' import celltags %}
+
+{% block codecell %}
+{%- if not cell.outputs -%}
+{%- set no_output_class="jp-mod-noOutputs" -%}
+{%- endif -%}
+{%- if not resources.global_content_filter.include_input -%}
+{%- set no_input_class="jp-mod-noInput" -%}
+{%- endif -%}
+
+{{ super() }}
+
+{%- endblock codecell %}
+
+{% block input_group -%}
+
+{% endblock input_group %}
+
+{% block input %}
+
+{%- endblock input %}
+
+{% block output_group %}
+
+{{ super() }}
+
+{% endblock output_group %}
+
+{% block outputs %}
+
+{{ super() }}
+
+{% endblock outputs %}
+
+{% block in_prompt -%}
+
+ {%- if cell.execution_count is defined -%}
+ In [{{ cell.execution_count|replace(None, " ") }}]:
+ {%- else -%}
+ In [ ]:
+ {%- endif -%}
+
+{%- endblock in_prompt %}
+
+{% block empty_in_prompt -%}
+
+
+{%- endblock empty_in_prompt %}
+
+{#
+ output_prompt doesn't do anything in HTML,
+ because there is a prompt div in each output area (see output block)
+ #}
+{% block output_prompt %}
+{% endblock output_prompt %}
+
+{% block output_area_prompt %}
+
+{%- if output.output_type == 'execute_result' -%}
+ {%- if cell.execution_count is defined -%}
+ Out[{{ cell.execution_count|replace(None, " ") }}]:
+ {%- else -%}
+ Out[ ]:
+ {%- endif -%}
+{%- endif -%}
+
+{% endblock output_area_prompt %}
+
+{% block output %}
+
+{% if resources.global_content_filter.include_output_prompt %}
+ {{ self.output_area_prompt() }}
+{% endif %}
+{{ super() }}
+
+{% endblock output %}
+
+{% block markdowncell scoped %}
+
+{%- endblock markdowncell %}
+
+{% block unknowncell scoped %}
+unknown type {{ cell.type }}
+{% endblock unknowncell %}
+
+{% block execute_result -%}
+{%- set extra_class="jp-OutputArea-executeResult" -%}
+{% block data_priority scoped %}
+{{ super() }}
+{% endblock data_priority %}
+{%- set extra_class="" -%}
+{%- endblock execute_result %}
+
+{% block stream_stdout -%}
+
+
+{{- output.text | ansi2html -}}
+
+
+{%- endblock stream_stdout %}
+
+{% block stream_stderr -%}
+
+
+{{- output.text | ansi2html -}}
+
+
+{%- endblock stream_stderr %}
+
+{% block data_svg scoped -%}
+
+{%- endblock data_svg %}
+
+{% block data_html scoped -%}
+
+{%- endblock data_html %}
+
+{% block data_markdown scoped -%}
+
+{%- endblock data_markdown %}
+
+{% block data_png scoped %}
+
+{%- endblock data_png %}
+
+{% block data_jpg scoped %}
+
+{%- endblock data_jpg %}
+
+{% block data_latex scoped %}
+
+{%- endblock data_latex %}
+
+{% block error -%}
+
+{%- endblock error %}
+
+{%- block traceback_line %}
+{{ line | ansi2html }}
+{%- endblock traceback_line %}
+
+{%- block data_text scoped %}
+
+{%- endblock -%}
+
+{#
+ ###############################################################################
+ # TODO: how to better handle JavaScript repr? #
+ ###############################################################################
+ #}
+
+{% set div_id = uuid4() %}
+{%- block data_javascript scoped %}
+
+{%- endblock -%}
+
+{%- block data_widget_state scoped %}
+{% set div_id = uuid4() %}
+{% set datatype_list = output.data | filter_data_type %}
+{% set datatype = datatype_list[0]%}
+
+{%- endblock data_widget_state -%}
+
+{%- block data_widget_view scoped %}
+{% set div_id = uuid4() %}
+{% set datatype_list = output.data | filter_data_type %}
+{% set datatype = datatype_list[0]%}
+
+{%- endblock data_widget_view -%}
+
+{%- block footer %}
+{% set mimetype = 'application/vnd.jupyter.widget-state+json'%}
+{% if mimetype in nb.metadata.get("widgets",{})%}
+
+{% endif %}
+{{ super() }}
+{%- endblock footer-%}
diff --git a/share/jupyter/nbconvert/templates/presto/conf.json b/share/jupyter/nbconvert/templates/presto/conf.json
new file mode 100644
index 0000000..fc1a5b8
--- /dev/null
+++ b/share/jupyter/nbconvert/templates/presto/conf.json
@@ -0,0 +1,12 @@
+{
+ "base_template": "base",
+ "mimetypes": {
+ "text/html": true
+ },
+ "preprocessors": {
+ "100-pygments": {
+ "type": "nbconvert.preprocessors.CSSHTMLHeaderPreprocessor",
+ "enabled": true
+ }
+ }
+}
diff --git a/share/jupyter/nbconvert/templates/presto/index.html.j2 b/share/jupyter/nbconvert/templates/presto/index.html.j2
new file mode 100644
index 0000000..271df53
--- /dev/null
+++ b/share/jupyter/nbconvert/templates/presto/index.html.j2
@@ -0,0 +1,96 @@
+{%- extends 'base.html.j2' -%}
+{% from 'mathjax.html.j2' import mathjax %}
+{% from 'jupyter_widgets.html.j2' import jupyter_widgets %}
+
+{%- block header -%}
+
+
+
+{%- block html_head -%}
+
+
+{% set nb_title = nb.metadata.get('title', '') or resources['metadata']['name'] %}
+{{nb_title}}
+
+{%- block html_head_js -%}
+{%- block html_head_js_requirejs -%}
+
+{%- endblock html_head_js_requirejs -%}
+{%- endblock html_head_js -%}
+
+{% block jupyter_widgets %}
+ {%- if "widgets" in nb.metadata -%}
+ {{ jupyter_widgets(resources.jupyter_widgets_base_url, resources.html_manager_semver_range) }}
+ {%- endif -%}
+{% endblock jupyter_widgets %}
+
+{% block extra_css %}
+{% endblock extra_css %}
+
+{% for css in resources.inlining.css -%}
+
+{% endfor %}
+
+{% block notebook_css %}
+{{ resources.include_css("static/index.css") }}
+{% if resources.theme == 'dark' %}
+ {{ resources.include_css("static/theme-dark.css") }}
+{% else %}
+ {{ resources.include_css("static/theme-light.css") }}
+{% endif %}
+
+
+{% endblock notebook_css %}
+
+{{ mathjax() }}
+
+{%- block html_head_css -%}
+{%- endblock html_head_css -%}
+
+{%- endblock html_head -%}
+
+{%- endblock header -%}
+
+{%- block body_header -%}
+{% if resources.theme == 'dark' %}
+
+{% else %}
+
+{% endif %}
+{%- endblock body_header -%}
+
+{% block body_footer %}
+
+{% endblock body_footer %}
+
+{% block footer %}
+{% block footer_js %}
+{% endblock footer_js %}
+{{ super() }}
+
+{% endblock footer %}
+
diff --git a/share/jupyter/nbconvert/templates/presto/static/index.css b/share/jupyter/nbconvert/templates/presto/static/index.css
new file mode 100644
index 0000000..4c7dc70
--- /dev/null
+++ b/share/jupyter/nbconvert/templates/presto/static/index.css
@@ -0,0 +1,18485 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*
+ * Mozilla scrollbar styling
+ */
+
+/* use standard opaque scrollbars for most nodes */
+[data-jp-theme-scrollbars='true'] {
+ scrollbar-color: rgb(var(--jp-scrollbar-thumb-color))
+ var(--jp-scrollbar-background-color);
+}
+
+/* for code nodes, use a transparent style of scrollbar. These selectors
+ * will match lower in the tree, and so will override the above */
+[data-jp-theme-scrollbars='true'] .CodeMirror-hscrollbar,
+[data-jp-theme-scrollbars='true'] .CodeMirror-vscrollbar {
+ scrollbar-color: rgba(var(--jp-scrollbar-thumb-color), 0.5) transparent;
+}
+
+/*
+ * Webkit scrollbar styling
+ */
+
+/* use standard opaque scrollbars for most nodes */
+
+[data-jp-theme-scrollbars='true'] ::-webkit-scrollbar,
+[data-jp-theme-scrollbars='true'] ::-webkit-scrollbar-corner {
+ background: var(--jp-scrollbar-background-color);
+}
+
+[data-jp-theme-scrollbars='true'] ::-webkit-scrollbar-thumb {
+ background: rgb(var(--jp-scrollbar-thumb-color));
+ border: var(--jp-scrollbar-thumb-margin) solid transparent;
+ background-clip: content-box;
+ border-radius: var(--jp-scrollbar-thumb-radius);
+}
+
+[data-jp-theme-scrollbars='true'] ::-webkit-scrollbar-track:horizontal {
+ border-left: var(--jp-scrollbar-endpad) solid
+ var(--jp-scrollbar-background-color);
+ border-right: var(--jp-scrollbar-endpad) solid
+ var(--jp-scrollbar-background-color);
+}
+
+[data-jp-theme-scrollbars='true'] ::-webkit-scrollbar-track:vertical {
+ border-top: var(--jp-scrollbar-endpad) solid
+ var(--jp-scrollbar-background-color);
+ border-bottom: var(--jp-scrollbar-endpad) solid
+ var(--jp-scrollbar-background-color);
+}
+
+/* for code nodes, use a transparent style of scrollbar */
+
+[data-jp-theme-scrollbars='true'] .CodeMirror-hscrollbar::-webkit-scrollbar,
+[data-jp-theme-scrollbars='true'] .CodeMirror-vscrollbar::-webkit-scrollbar,
+[data-jp-theme-scrollbars='true']
+ .CodeMirror-hscrollbar::-webkit-scrollbar-corner,
+[data-jp-theme-scrollbars='true']
+ .CodeMirror-vscrollbar::-webkit-scrollbar-corner {
+ background-color: transparent;
+}
+
+[data-jp-theme-scrollbars='true']
+ .CodeMirror-hscrollbar::-webkit-scrollbar-thumb,
+[data-jp-theme-scrollbars='true']
+ .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
+ background: rgba(var(--jp-scrollbar-thumb-color), 0.5);
+ border: var(--jp-scrollbar-thumb-margin) solid transparent;
+ background-clip: content-box;
+ border-radius: var(--jp-scrollbar-thumb-radius);
+}
+
+[data-jp-theme-scrollbars='true']
+ .CodeMirror-hscrollbar::-webkit-scrollbar-track:horizontal {
+ border-left: var(--jp-scrollbar-endpad) solid transparent;
+ border-right: var(--jp-scrollbar-endpad) solid transparent;
+}
+
+[data-jp-theme-scrollbars='true']
+ .CodeMirror-vscrollbar::-webkit-scrollbar-track:vertical {
+ border-top: var(--jp-scrollbar-endpad) solid transparent;
+ border-bottom: var(--jp-scrollbar-endpad) solid transparent;
+}
+
+/*
+ * Phosphor
+ */
+
+.lm-ScrollBar[data-orientation='horizontal'] {
+ min-height: 16px;
+ max-height: 16px;
+ min-width: 45px;
+ border-top: 1px solid #a0a0a0;
+}
+
+.lm-ScrollBar[data-orientation='vertical'] {
+ min-width: 16px;
+ max-width: 16px;
+ min-height: 45px;
+ border-left: 1px solid #a0a0a0;
+}
+
+.lm-ScrollBar-button {
+ background-color: #f0f0f0;
+ background-position: center center;
+ min-height: 15px;
+ max-height: 15px;
+ min-width: 15px;
+ max-width: 15px;
+}
+
+.lm-ScrollBar-button:hover {
+ background-color: #dadada;
+}
+
+.lm-ScrollBar-button.lm-mod-active {
+ background-color: #cdcdcd;
+}
+
+.lm-ScrollBar-track {
+ background: #f0f0f0;
+}
+
+.lm-ScrollBar-thumb {
+ background: #cdcdcd;
+}
+
+.lm-ScrollBar-thumb:hover {
+ background: #bababa;
+}
+
+.lm-ScrollBar-thumb.lm-mod-active {
+ background: #a0a0a0;
+}
+
+.lm-ScrollBar[data-orientation='horizontal'] .lm-ScrollBar-thumb {
+ height: 100%;
+ min-width: 15px;
+ border-left: 1px solid #a0a0a0;
+ border-right: 1px solid #a0a0a0;
+}
+
+.lm-ScrollBar[data-orientation='vertical'] .lm-ScrollBar-thumb {
+ width: 100%;
+ min-height: 15px;
+ border-top: 1px solid #a0a0a0;
+ border-bottom: 1px solid #a0a0a0;
+}
+
+.lm-ScrollBar[data-orientation='horizontal']
+ .lm-ScrollBar-button[data-action='decrement'] {
+ background-image: var(--jp-icon-caret-left);
+ background-size: 17px;
+}
+
+.lm-ScrollBar[data-orientation='horizontal']
+ .lm-ScrollBar-button[data-action='increment'] {
+ background-image: var(--jp-icon-caret-right);
+ background-size: 17px;
+}
+
+.lm-ScrollBar[data-orientation='vertical']
+ .lm-ScrollBar-button[data-action='decrement'] {
+ background-image: var(--jp-icon-caret-up);
+ background-size: 17px;
+}
+
+.lm-ScrollBar[data-orientation='vertical']
+ .lm-ScrollBar-button[data-action='increment'] {
+ background-image: var(--jp-icon-caret-down);
+ background-size: 17px;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+/* */
+.p-Widget, /* */
+.lm-Widget {
+ box-sizing: border-box;
+ position: relative;
+ overflow: hidden;
+ cursor: default;
+}
+
+/* */
+.p-Widget.p-mod-hidden, /* */
+.lm-Widget.lm-mod-hidden {
+ display: none !important;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+/* */
+.p-CommandPalette, /* */
+.lm-CommandPalette {
+ display: flex;
+ flex-direction: column;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/* */
+.p-CommandPalette-search, /* */
+.lm-CommandPalette-search {
+ flex: 0 0 auto;
+}
+
+/* */
+.p-CommandPalette-content, /* */
+.lm-CommandPalette-content {
+ flex: 1 1 auto;
+ margin: 0;
+ padding: 0;
+ min-height: 0;
+ overflow: auto;
+ list-style-type: none;
+}
+
+/* */
+.p-CommandPalette-header, /* */
+.lm-CommandPalette-header {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+/* */
+.p-CommandPalette-item, /* */
+.lm-CommandPalette-item {
+ display: flex;
+ flex-direction: row;
+}
+
+/* */
+.p-CommandPalette-itemIcon, /* */
+.lm-CommandPalette-itemIcon {
+ flex: 0 0 auto;
+}
+
+/* */
+.p-CommandPalette-itemContent, /* */
+.lm-CommandPalette-itemContent {
+ flex: 1 1 auto;
+ overflow: hidden;
+}
+
+/* */
+.p-CommandPalette-itemShortcut, /* */
+.lm-CommandPalette-itemShortcut {
+ flex: 0 0 auto;
+}
+
+/* */
+.p-CommandPalette-itemLabel, /* */
+.lm-CommandPalette-itemLabel {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+/* */
+.p-DockPanel, /* */
+.lm-DockPanel {
+ z-index: 0;
+}
+
+/* */
+.p-DockPanel-widget, /* */
+.lm-DockPanel-widget {
+ z-index: 0;
+}
+
+/* */
+.p-DockPanel-tabBar, /* */
+.lm-DockPanel-tabBar {
+ z-index: 1;
+}
+
+/* */
+.p-DockPanel-handle, /* */
+.lm-DockPanel-handle {
+ z-index: 2;
+}
+
+/* */
+.p-DockPanel-handle.p-mod-hidden, /* */
+.lm-DockPanel-handle.lm-mod-hidden {
+ display: none !important;
+}
+
+/* */
+.p-DockPanel-handle:after, /* */
+.lm-DockPanel-handle:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ content: '';
+}
+
+/* */
+.p-DockPanel-handle[data-orientation='horizontal'],
+/* */
+.lm-DockPanel-handle[data-orientation='horizontal'] {
+ cursor: ew-resize;
+}
+
+/* */
+.p-DockPanel-handle[data-orientation='vertical'],
+/* */
+.lm-DockPanel-handle[data-orientation='vertical'] {
+ cursor: ns-resize;
+}
+
+/* */
+.p-DockPanel-handle[data-orientation='horizontal']:after,
+/* */
+.lm-DockPanel-handle[data-orientation='horizontal']:after {
+ left: 50%;
+ min-width: 8px;
+ transform: translateX(-50%);
+}
+
+/* */
+.p-DockPanel-handle[data-orientation='vertical']:after,
+/* */
+.lm-DockPanel-handle[data-orientation='vertical']:after {
+ top: 50%;
+ min-height: 8px;
+ transform: translateY(-50%);
+}
+
+/* */
+.p-DockPanel-overlay, /* */
+.lm-DockPanel-overlay {
+ z-index: 3;
+ box-sizing: border-box;
+ pointer-events: none;
+}
+
+/* */
+.p-DockPanel-overlay.p-mod-hidden, /* */
+.lm-DockPanel-overlay.lm-mod-hidden {
+ display: none !important;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+/* */
+.p-Menu, /* */
+.lm-Menu {
+ z-index: 10000;
+ position: absolute;
+ white-space: nowrap;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/* */
+.p-Menu-content, /* */
+.lm-Menu-content {
+ margin: 0;
+ padding: 0;
+ display: table;
+ list-style-type: none;
+}
+
+/* */
+.p-Menu-item, /* */
+.lm-Menu-item {
+ display: table-row;
+}
+
+/* */
+.p-Menu-item.p-mod-hidden,
+.p-Menu-item.p-mod-collapsed,
+/* */
+.lm-Menu-item.lm-mod-hidden,
+.lm-Menu-item.lm-mod-collapsed {
+ display: none !important;
+}
+
+/* */
+.p-Menu-itemIcon,
+.p-Menu-itemSubmenuIcon,
+/* */
+.lm-Menu-itemIcon,
+.lm-Menu-itemSubmenuIcon {
+ display: table-cell;
+ text-align: center;
+}
+
+/* */
+.p-Menu-itemLabel, /* */
+.lm-Menu-itemLabel {
+ display: table-cell;
+ text-align: left;
+}
+
+/* */
+.p-Menu-itemShortcut, /* */
+.lm-Menu-itemShortcut {
+ display: table-cell;
+ text-align: right;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+/* */
+.p-MenuBar, /* */
+.lm-MenuBar {
+ outline: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/* */
+.p-MenuBar-content, /* */
+.lm-MenuBar-content {
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: row;
+ list-style-type: none;
+}
+
+/* */
+.p--MenuBar-item, /* */
+.lm-MenuBar-item {
+ box-sizing: border-box;
+}
+
+/* */
+.p-MenuBar-itemIcon,
+.p-MenuBar-itemLabel,
+/* */
+.lm-MenuBar-itemIcon,
+.lm-MenuBar-itemLabel {
+ display: inline-block;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+/* */
+.p-ScrollBar, /* */
+.lm-ScrollBar {
+ display: flex;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/* */
+.p-ScrollBar[data-orientation='horizontal'],
+/* */
+.lm-ScrollBar[data-orientation='horizontal'] {
+ flex-direction: row;
+}
+
+/* */
+.p-ScrollBar[data-orientation='vertical'],
+/* */
+.lm-ScrollBar[data-orientation='vertical'] {
+ flex-direction: column;
+}
+
+/* */
+.p-ScrollBar-button, /* */
+.lm-ScrollBar-button {
+ box-sizing: border-box;
+ flex: 0 0 auto;
+}
+
+/* */
+.p-ScrollBar-track, /* */
+.lm-ScrollBar-track {
+ box-sizing: border-box;
+ position: relative;
+ overflow: hidden;
+ flex: 1 1 auto;
+}
+
+/* */
+.p-ScrollBar-thumb, /* */
+.lm-ScrollBar-thumb {
+ box-sizing: border-box;
+ position: absolute;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+/* */
+.p-SplitPanel-child, /* */
+.lm-SplitPanel-child {
+ z-index: 0;
+}
+
+/* */
+.p-SplitPanel-handle, /* */
+.lm-SplitPanel-handle {
+ z-index: 1;
+}
+
+/* */
+.p-SplitPanel-handle.p-mod-hidden, /* */
+.lm-SplitPanel-handle.lm-mod-hidden {
+ display: none !important;
+}
+
+/* */
+.p-SplitPanel-handle:after, /* */
+.lm-SplitPanel-handle:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ content: '';
+}
+
+/* */
+.p-SplitPanel[data-orientation='horizontal'] > .p-SplitPanel-handle,
+/* */
+.lm-SplitPanel[data-orientation='horizontal'] > .lm-SplitPanel-handle {
+ cursor: ew-resize;
+}
+
+/* */
+.p-SplitPanel[data-orientation='vertical'] > .p-SplitPanel-handle,
+/* */
+.lm-SplitPanel[data-orientation='vertical'] > .lm-SplitPanel-handle {
+ cursor: ns-resize;
+}
+
+/* */
+.p-SplitPanel[data-orientation='horizontal'] > .p-SplitPanel-handle:after,
+/* */
+.lm-SplitPanel[data-orientation='horizontal'] > .lm-SplitPanel-handle:after {
+ left: 50%;
+ min-width: 8px;
+ transform: translateX(-50%);
+}
+
+/* */
+.p-SplitPanel[data-orientation='vertical'] > .p-SplitPanel-handle:after,
+/* */
+.lm-SplitPanel[data-orientation='vertical'] > .lm-SplitPanel-handle:after {
+ top: 50%;
+ min-height: 8px;
+ transform: translateY(-50%);
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+/* */
+.p-TabBar, /* */
+.lm-TabBar {
+ display: flex;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/* */
+.p-TabBar[data-orientation='horizontal'], /* */
+.lm-TabBar[data-orientation='horizontal'] {
+ flex-direction: row;
+}
+
+/* */
+.p-TabBar[data-orientation='vertical'], /* */
+.lm-TabBar[data-orientation='vertical'] {
+ flex-direction: column;
+}
+
+/* */
+.p-TabBar-content, /* */
+.lm-TabBar-content {
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex: 1 1 auto;
+ list-style-type: none;
+}
+
+/* */
+.p-TabBar[data-orientation='horizontal'] > .p-TabBar-content,
+/* */
+.lm-TabBar[data-orientation='horizontal'] > .lm-TabBar-content {
+ flex-direction: row;
+}
+
+/* */
+.p-TabBar[data-orientation='vertical'] > .p-TabBar-content,
+/* */
+.lm-TabBar[data-orientation='vertical'] > .lm-TabBar-content {
+ flex-direction: column;
+}
+
+/* */
+.p-TabBar-tab, /* */
+.lm-TabBar-tab {
+ display: flex;
+ flex-direction: row;
+ box-sizing: border-box;
+ overflow: hidden;
+}
+
+/* */
+.p-TabBar-tabIcon,
+.p-TabBar-tabCloseIcon,
+/* */
+.lm-TabBar-tabIcon,
+.lm-TabBar-tabCloseIcon {
+ flex: 0 0 auto;
+}
+
+/* */
+.p-TabBar-tabLabel, /* */
+.lm-TabBar-tabLabel {
+ flex: 1 1 auto;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+/* */
+.p-TabBar-tab.p-mod-hidden, /* */
+.lm-TabBar-tab.lm-mod-hidden {
+ display: none !important;
+}
+
+/* */
+.p-TabBar.p-mod-dragging .p-TabBar-tab, /* */
+.lm-TabBar.lm-mod-dragging .lm-TabBar-tab {
+ position: relative;
+}
+
+/* */
+.p-TabBar.p-mod-dragging[data-orientation='horizontal'] .p-TabBar-tab,
+/* */
+.lm-TabBar.lm-mod-dragging[data-orientation='horizontal'] .lm-TabBar-tab {
+ left: 0;
+ transition: left 150ms ease;
+}
+
+/* */
+.p-TabBar.p-mod-dragging[data-orientation='vertical'] .p-TabBar-tab,
+/* */
+.lm-TabBar.lm-mod-dragging[data-orientation='vertical'] .lm-TabBar-tab {
+ top: 0;
+ transition: top 150ms ease;
+}
+
+/* */
+.p-TabBar.p-mod-dragging .p-TabBar-tab.p-mod-dragging
+/* */
+.lm-TabBar.lm-mod-dragging .lm-TabBar-tab.lm-mod-dragging {
+ transition: none;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+/* */
+.p-TabPanel-tabBar, /* */
+.lm-TabPanel-tabBar {
+ z-index: 1;
+}
+
+/* */
+.p-TabPanel-stackedPanel, /* */
+.lm-TabPanel-stackedPanel {
+ z-index: 0;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+@charset "UTF-8";
+/*!
+
+Copyright 2015-present Palantir Technologies, Inc. All rights reserved.
+Licensed under the Apache License, Version 2.0.
+
+*/
+html {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after {
+ -webkit-box-sizing: inherit;
+ box-sizing: inherit;
+}
+
+body {
+ text-transform: none;
+ line-height: 1.28581;
+ letter-spacing: 0;
+ font-size: 14px;
+ font-weight: 400;
+ color: #182026;
+ font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto',
+ 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', 'Helvetica Neue', 'Icons16',
+ sans-serif;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 10px;
+}
+
+small {
+ font-size: 12px;
+}
+
+strong {
+ font-weight: 600;
+}
+
+::-moz-selection {
+ background: rgba(125, 188, 255, 0.6);
+}
+
+::selection {
+ background: rgba(125, 188, 255, 0.6);
+}
+.bp3-heading {
+ color: #182026;
+ font-weight: 600;
+ margin: 0 0 10px;
+ padding: 0;
+}
+.bp3-dark .bp3-heading {
+ color: #f5f8fa;
+}
+
+h1.bp3-heading,
+.bp3-running-text h1 {
+ line-height: 40px;
+ font-size: 36px;
+}
+
+h2.bp3-heading,
+.bp3-running-text h2 {
+ line-height: 32px;
+ font-size: 28px;
+}
+
+h3.bp3-heading,
+.bp3-running-text h3 {
+ line-height: 25px;
+ font-size: 22px;
+}
+
+h4.bp3-heading,
+.bp3-running-text h4 {
+ line-height: 21px;
+ font-size: 18px;
+}
+
+h5.bp3-heading,
+.bp3-running-text h5 {
+ line-height: 19px;
+ font-size: 16px;
+}
+
+h6.bp3-heading,
+.bp3-running-text h6 {
+ line-height: 16px;
+ font-size: 14px;
+}
+.bp3-ui-text {
+ text-transform: none;
+ line-height: 1.28581;
+ letter-spacing: 0;
+ font-size: 14px;
+ font-weight: 400;
+}
+
+.bp3-monospace-text {
+ text-transform: none;
+ font-family: monospace;
+}
+
+.bp3-text-muted {
+ color: #5c7080;
+}
+.bp3-dark .bp3-text-muted {
+ color: #a7b6c2;
+}
+
+.bp3-text-disabled {
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-dark .bp3-text-disabled {
+ color: rgba(167, 182, 194, 0.6);
+}
+
+.bp3-text-overflow-ellipsis {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
+}
+.bp3-running-text {
+ line-height: 1.5;
+ font-size: 14px;
+}
+.bp3-running-text h1 {
+ color: #182026;
+ font-weight: 600;
+ margin-top: 40px;
+ margin-bottom: 20px;
+}
+.bp3-dark .bp3-running-text h1 {
+ color: #f5f8fa;
+}
+.bp3-running-text h2 {
+ color: #182026;
+ font-weight: 600;
+ margin-top: 40px;
+ margin-bottom: 20px;
+}
+.bp3-dark .bp3-running-text h2 {
+ color: #f5f8fa;
+}
+.bp3-running-text h3 {
+ color: #182026;
+ font-weight: 600;
+ margin-top: 40px;
+ margin-bottom: 20px;
+}
+.bp3-dark .bp3-running-text h3 {
+ color: #f5f8fa;
+}
+.bp3-running-text h4 {
+ color: #182026;
+ font-weight: 600;
+ margin-top: 40px;
+ margin-bottom: 20px;
+}
+.bp3-dark .bp3-running-text h4 {
+ color: #f5f8fa;
+}
+.bp3-running-text h5 {
+ color: #182026;
+ font-weight: 600;
+ margin-top: 40px;
+ margin-bottom: 20px;
+}
+.bp3-dark .bp3-running-text h5 {
+ color: #f5f8fa;
+}
+.bp3-running-text h6 {
+ color: #182026;
+ font-weight: 600;
+ margin-top: 40px;
+ margin-bottom: 20px;
+}
+.bp3-dark .bp3-running-text h6 {
+ color: #f5f8fa;
+}
+.bp3-running-text hr {
+ margin: 20px 0;
+ border: none;
+ border-bottom: 1px solid rgba(16, 22, 26, 0.15);
+}
+.bp3-dark .bp3-running-text hr {
+ border-color: rgba(255, 255, 255, 0.15);
+}
+.bp3-running-text p {
+ margin: 0 0 10px;
+ padding: 0;
+}
+
+.bp3-text-large {
+ font-size: 16px;
+}
+
+.bp3-text-small {
+ font-size: 12px;
+}
+a {
+ text-decoration: none;
+ color: #106ba3;
+}
+a:hover {
+ cursor: pointer;
+ text-decoration: underline;
+ color: #106ba3;
+}
+a .bp3-icon,
+a .bp3-icon-standard,
+a .bp3-icon-large {
+ color: inherit;
+}
+a code,
+.bp3-dark a code {
+ color: inherit;
+}
+.bp3-dark a,
+.bp3-dark a:hover {
+ color: #48aff0;
+}
+.bp3-dark a .bp3-icon,
+.bp3-dark a .bp3-icon-standard,
+.bp3-dark a .bp3-icon-large,
+.bp3-dark a:hover .bp3-icon,
+.bp3-dark a:hover .bp3-icon-standard,
+.bp3-dark a:hover .bp3-icon-large {
+ color: inherit;
+}
+.bp3-running-text code,
+.bp3-code {
+ text-transform: none;
+ font-family: monospace;
+ border-radius: 3px;
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2);
+ background: rgba(255, 255, 255, 0.7);
+ padding: 2px 5px;
+ color: #5c7080;
+ font-size: smaller;
+}
+.bp3-dark .bp3-running-text code,
+.bp3-running-text .bp3-dark code,
+.bp3-dark .bp3-code {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background: rgba(16, 22, 26, 0.3);
+ color: #a7b6c2;
+}
+.bp3-running-text a > code,
+a > .bp3-code {
+ color: #137cbd;
+}
+.bp3-dark .bp3-running-text a > code,
+.bp3-running-text .bp3-dark a > code,
+.bp3-dark a > .bp3-code {
+ color: inherit;
+}
+
+.bp3-running-text pre,
+.bp3-code-block {
+ text-transform: none;
+ font-family: monospace;
+ display: block;
+ margin: 10px 0;
+ border-radius: 3px;
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
+ background: rgba(255, 255, 255, 0.7);
+ padding: 13px 15px 12px;
+ line-height: 1.4;
+ color: #182026;
+ font-size: 13px;
+ word-break: break-all;
+ word-wrap: break-word;
+}
+.bp3-dark .bp3-running-text pre,
+.bp3-running-text .bp3-dark pre,
+.bp3-dark .bp3-code-block {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background: rgba(16, 22, 26, 0.3);
+ color: #f5f8fa;
+}
+.bp3-running-text pre > code,
+.bp3-code-block > code {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ padding: 0;
+ color: inherit;
+ font-size: inherit;
+}
+
+.bp3-running-text kbd,
+.bp3-key {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+ background: #ffffff;
+ min-width: 24px;
+ height: 24px;
+ padding: 3px 6px;
+ vertical-align: middle;
+ line-height: 24px;
+ color: #5c7080;
+ font-family: inherit;
+ font-size: 12px;
+}
+.bp3-running-text kbd .bp3-icon,
+.bp3-key .bp3-icon,
+.bp3-running-text kbd .bp3-icon-standard,
+.bp3-key .bp3-icon-standard,
+.bp3-running-text kbd .bp3-icon-large,
+.bp3-key .bp3-icon-large {
+ margin-right: 5px;
+}
+.bp3-dark .bp3-running-text kbd,
+.bp3-running-text .bp3-dark kbd,
+.bp3-dark .bp3-key {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.4);
+ background: #394b59;
+ color: #a7b6c2;
+}
+.bp3-running-text blockquote,
+.bp3-blockquote {
+ margin: 0 0 10px;
+ border-left: solid 4px rgba(167, 182, 194, 0.5);
+ padding: 0 20px;
+}
+.bp3-dark .bp3-running-text blockquote,
+.bp3-running-text .bp3-dark blockquote,
+.bp3-dark .bp3-blockquote {
+ border-color: rgba(115, 134, 148, 0.5);
+}
+.bp3-running-text ul,
+.bp3-running-text ol,
+.bp3-list {
+ margin: 10px 0;
+ padding-left: 30px;
+}
+.bp3-running-text ul li:not(:last-child),
+.bp3-running-text ol li:not(:last-child),
+.bp3-list li:not(:last-child) {
+ margin-bottom: 5px;
+}
+.bp3-running-text ul ol,
+.bp3-running-text ol ol,
+.bp3-list ol,
+.bp3-running-text ul ul,
+.bp3-running-text ol ul,
+.bp3-list ul {
+ margin-top: 5px;
+}
+
+.bp3-list-unstyled {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.bp3-list-unstyled li {
+ padding: 0;
+}
+.bp3-rtl {
+ text-align: right;
+}
+
+.bp3-dark {
+ color: #f5f8fa;
+}
+
+:focus {
+ outline: rgba(19, 124, 189, 0.6) auto 2px;
+ outline-offset: 2px;
+ -moz-outline-radius: 6px;
+}
+
+.bp3-focus-disabled :focus {
+ outline: none !important;
+}
+.bp3-focus-disabled :focus ~ .bp3-control-indicator {
+ outline: none !important;
+}
+
+.bp3-alert {
+ max-width: 400px;
+ padding: 20px;
+}
+
+.bp3-alert-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.bp3-alert-body .bp3-icon {
+ margin-top: 0;
+ margin-right: 20px;
+ font-size: 40px;
+}
+
+.bp3-alert-footer {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ margin-top: 10px;
+}
+.bp3-alert-footer .bp3-button {
+ margin-left: 10px;
+}
+.bp3-breadcrumbs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: 0;
+ cursor: default;
+ height: 30px;
+ padding: 0;
+ list-style: none;
+}
+.bp3-breadcrumbs > li {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.bp3-breadcrumbs > li::after {
+ display: block;
+ margin: 0 5px;
+ background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.71 7.29l-4-4a1.003 1.003 0 0 0-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l4-4c.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71z' fill='%235C7080'/%3e%3c/svg%3e");
+ width: 16px;
+ height: 16px;
+ content: '';
+}
+.bp3-breadcrumbs > li:last-of-type::after {
+ display: none;
+}
+
+.bp3-breadcrumb,
+.bp3-breadcrumb-current,
+.bp3-breadcrumbs-collapsed {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 16px;
+}
+
+.bp3-breadcrumb,
+.bp3-breadcrumbs-collapsed {
+ color: #5c7080;
+}
+
+.bp3-breadcrumb:hover {
+ text-decoration: none;
+}
+
+.bp3-breadcrumb.bp3-disabled {
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+
+.bp3-breadcrumb .bp3-icon {
+ margin-right: 5px;
+}
+
+.bp3-breadcrumb-current {
+ color: inherit;
+ font-weight: 600;
+}
+.bp3-breadcrumb-current .bp3-input {
+ vertical-align: baseline;
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+.bp3-breadcrumbs-collapsed {
+ margin-right: 2px;
+ border: none;
+ border-radius: 3px;
+ background: #ced9e0;
+ cursor: pointer;
+ padding: 1px 5px;
+ vertical-align: text-bottom;
+}
+.bp3-breadcrumbs-collapsed::before {
+ display: block;
+ background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%235C7080'%3e%3ccircle cx='2' cy='8.03' r='2'/%3e%3ccircle cx='14' cy='8.03' r='2'/%3e%3ccircle cx='8' cy='8.03' r='2'/%3e%3c/g%3e%3c/svg%3e")
+ center no-repeat;
+ width: 16px;
+ height: 16px;
+ content: '';
+}
+.bp3-breadcrumbs-collapsed:hover {
+ background: #bfccd6;
+ text-decoration: none;
+ color: #182026;
+}
+
+.bp3-dark .bp3-breadcrumb,
+.bp3-dark .bp3-breadcrumbs-collapsed {
+ color: #a7b6c2;
+}
+
+.bp3-dark .bp3-breadcrumbs > li::after {
+ color: #a7b6c2;
+}
+
+.bp3-dark .bp3-breadcrumb.bp3-disabled {
+ color: rgba(167, 182, 194, 0.6);
+}
+
+.bp3-dark .bp3-breadcrumb-current {
+ color: #f5f8fa;
+}
+
+.bp3-dark .bp3-breadcrumbs-collapsed {
+ background: rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-breadcrumbs-collapsed:hover {
+ background: rgba(16, 22, 26, 0.6);
+ color: #f5f8fa;
+}
+.bp3-button {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ border: none;
+ border-radius: 3px;
+ cursor: pointer;
+ padding: 5px 10px;
+ vertical-align: middle;
+ text-align: left;
+ font-size: 14px;
+ min-width: 30px;
+ min-height: 30px;
+}
+.bp3-button > * {
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.bp3-button > .bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+}
+.bp3-button::before,
+.bp3-button > * {
+ margin-right: 7px;
+}
+.bp3-button:empty::before,
+.bp3-button > :last-child {
+ margin-right: 0;
+}
+.bp3-button:empty {
+ padding: 0 !important;
+}
+.bp3-button:disabled,
+.bp3-button.bp3-disabled {
+ cursor: not-allowed;
+}
+.bp3-button.bp3-fill {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+}
+.bp3-button.bp3-align-right,
+.bp3-align-right .bp3-button {
+ text-align: right;
+}
+.bp3-button.bp3-align-left,
+.bp3-align-left .bp3-button {
+ text-align: left;
+}
+.bp3-button:not([class*='bp3-intent-']) {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-color: #f5f8fa;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.8)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.8),
+ rgba(255, 255, 255, 0)
+ );
+ color: #182026;
+}
+.bp3-button:not([class*='bp3-intent-']):hover {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-clip: padding-box;
+ background-color: #ebf1f5;
+}
+.bp3-button:not([class*='bp3-intent-']):active,
+.bp3-button:not([class*='bp3-intent-']).bp3-active {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #d8e1e8;
+ background-image: none;
+}
+.bp3-button:not([class*='bp3-intent-']):disabled,
+.bp3-button:not([class*='bp3-intent-']).bp3-disabled {
+ outline: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(206, 217, 224, 0.5);
+ background-image: none;
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-button:not([class*='bp3-intent-']):disabled.bp3-active,
+.bp3-button:not([class*='bp3-intent-']):disabled.bp3-active:hover,
+.bp3-button:not([class*='bp3-intent-']).bp3-disabled.bp3-active,
+.bp3-button:not([class*='bp3-intent-']).bp3-disabled.bp3-active:hover {
+ background: rgba(206, 217, 224, 0.7);
+}
+.bp3-button.bp3-intent-primary {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #137cbd;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.1)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.1),
+ rgba(255, 255, 255, 0)
+ );
+ color: #ffffff;
+}
+.bp3-button.bp3-intent-primary:hover,
+.bp3-button.bp3-intent-primary:active,
+.bp3-button.bp3-intent-primary.bp3-active {
+ color: #ffffff;
+}
+.bp3-button.bp3-intent-primary:hover {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #106ba3;
+}
+.bp3-button.bp3-intent-primary:active,
+.bp3-button.bp3-intent-primary.bp3-active {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #0e5a8a;
+ background-image: none;
+}
+.bp3-button.bp3-intent-primary:disabled,
+.bp3-button.bp3-intent-primary.bp3-disabled {
+ border-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(19, 124, 189, 0.5);
+ background-image: none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.bp3-button.bp3-intent-success {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #0f9960;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.1)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.1),
+ rgba(255, 255, 255, 0)
+ );
+ color: #ffffff;
+}
+.bp3-button.bp3-intent-success:hover,
+.bp3-button.bp3-intent-success:active,
+.bp3-button.bp3-intent-success.bp3-active {
+ color: #ffffff;
+}
+.bp3-button.bp3-intent-success:hover {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #0d8050;
+}
+.bp3-button.bp3-intent-success:active,
+.bp3-button.bp3-intent-success.bp3-active {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #0a6640;
+ background-image: none;
+}
+.bp3-button.bp3-intent-success:disabled,
+.bp3-button.bp3-intent-success.bp3-disabled {
+ border-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(15, 153, 96, 0.5);
+ background-image: none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.bp3-button.bp3-intent-warning {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #d9822b;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.1)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.1),
+ rgba(255, 255, 255, 0)
+ );
+ color: #ffffff;
+}
+.bp3-button.bp3-intent-warning:hover,
+.bp3-button.bp3-intent-warning:active,
+.bp3-button.bp3-intent-warning.bp3-active {
+ color: #ffffff;
+}
+.bp3-button.bp3-intent-warning:hover {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #bf7326;
+}
+.bp3-button.bp3-intent-warning:active,
+.bp3-button.bp3-intent-warning.bp3-active {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #a66321;
+ background-image: none;
+}
+.bp3-button.bp3-intent-warning:disabled,
+.bp3-button.bp3-intent-warning.bp3-disabled {
+ border-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(217, 130, 43, 0.5);
+ background-image: none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.bp3-button.bp3-intent-danger {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #db3737;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.1)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.1),
+ rgba(255, 255, 255, 0)
+ );
+ color: #ffffff;
+}
+.bp3-button.bp3-intent-danger:hover,
+.bp3-button.bp3-intent-danger:active,
+.bp3-button.bp3-intent-danger.bp3-active {
+ color: #ffffff;
+}
+.bp3-button.bp3-intent-danger:hover {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #c23030;
+}
+.bp3-button.bp3-intent-danger:active,
+.bp3-button.bp3-intent-danger.bp3-active {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #a82a2a;
+ background-image: none;
+}
+.bp3-button.bp3-intent-danger:disabled,
+.bp3-button.bp3-intent-danger.bp3-disabled {
+ border-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(219, 55, 55, 0.5);
+ background-image: none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.bp3-button[class*='bp3-intent-'] .bp3-button-spinner .bp3-spinner-head {
+ stroke: #ffffff;
+}
+.bp3-button.bp3-large,
+.bp3-large .bp3-button {
+ min-width: 40px;
+ min-height: 40px;
+ padding: 5px 15px;
+ font-size: 16px;
+}
+.bp3-button.bp3-large::before,
+.bp3-button.bp3-large > *,
+.bp3-large .bp3-button::before,
+.bp3-large .bp3-button > * {
+ margin-right: 10px;
+}
+.bp3-button.bp3-large:empty::before,
+.bp3-button.bp3-large > :last-child,
+.bp3-large .bp3-button:empty::before,
+.bp3-large .bp3-button > :last-child {
+ margin-right: 0;
+}
+.bp3-button.bp3-small,
+.bp3-small .bp3-button {
+ min-width: 24px;
+ min-height: 24px;
+ padding: 0 7px;
+}
+.bp3-button.bp3-loading {
+ position: relative;
+}
+.bp3-button.bp3-loading[class*='bp3-icon-']::before {
+ visibility: hidden;
+}
+.bp3-button.bp3-loading .bp3-button-spinner {
+ position: absolute;
+ margin: 0;
+}
+.bp3-button.bp3-loading > :not(.bp3-button-spinner) {
+ visibility: hidden;
+}
+.bp3-button[class*='bp3-icon-']::before {
+ line-height: 1;
+ font-family: 'Icons16', sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ font-style: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ color: #5c7080;
+}
+.bp3-button .bp3-icon,
+.bp3-button .bp3-icon-standard,
+.bp3-button .bp3-icon-large {
+ color: #5c7080;
+}
+.bp3-button .bp3-icon.bp3-align-right,
+.bp3-button .bp3-icon-standard.bp3-align-right,
+.bp3-button .bp3-icon-large.bp3-align-right {
+ margin-left: 7px;
+}
+.bp3-button .bp3-icon:first-child:last-child,
+.bp3-button .bp3-spinner + .bp3-icon:last-child {
+ margin: 0 -7px;
+}
+.bp3-dark .bp3-button:not([class*='bp3-intent-']) {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #394b59;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.05)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.05),
+ rgba(255, 255, 255, 0)
+ );
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-button:not([class*='bp3-intent-']):hover,
+.bp3-dark .bp3-button:not([class*='bp3-intent-']):active,
+.bp3-dark .bp3-button:not([class*='bp3-intent-']).bp3-active {
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-button:not([class*='bp3-intent-']):hover {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #30404d;
+}
+.bp3-dark .bp3-button:not([class*='bp3-intent-']):active,
+.bp3-dark .bp3-button:not([class*='bp3-intent-']).bp3-active {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #202b33;
+ background-image: none;
+}
+.bp3-dark .bp3-button:not([class*='bp3-intent-']):disabled,
+.bp3-dark .bp3-button:not([class*='bp3-intent-']).bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(57, 75, 89, 0.5);
+ background-image: none;
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-button:not([class*='bp3-intent-']):disabled.bp3-active,
+.bp3-dark .bp3-button:not([class*='bp3-intent-']).bp3-disabled.bp3-active {
+ background: rgba(57, 75, 89, 0.7);
+}
+.bp3-dark
+ .bp3-button:not([class*='bp3-intent-'])
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ background: rgba(16, 22, 26, 0.5);
+ stroke: #8a9ba8;
+}
+.bp3-dark .bp3-button:not([class*='bp3-intent-'])[class*='bp3-icon-']::before {
+ color: #a7b6c2;
+}
+.bp3-dark .bp3-button:not([class*='bp3-intent-']) .bp3-icon,
+.bp3-dark .bp3-button:not([class*='bp3-intent-']) .bp3-icon-standard,
+.bp3-dark .bp3-button:not([class*='bp3-intent-']) .bp3-icon-large {
+ color: #a7b6c2;
+}
+.bp3-dark .bp3-button[class*='bp3-intent-'] {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-button[class*='bp3-intent-']:hover {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-button[class*='bp3-intent-']:active,
+.bp3-dark .bp3-button[class*='bp3-intent-'].bp3-active {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+}
+.bp3-dark .bp3-button[class*='bp3-intent-']:disabled,
+.bp3-dark .bp3-button[class*='bp3-intent-'].bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-image: none;
+ color: rgba(255, 255, 255, 0.3);
+}
+.bp3-dark
+ .bp3-button[class*='bp3-intent-']
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #8a9ba8;
+}
+.bp3-button:disabled::before,
+.bp3-button:disabled .bp3-icon,
+.bp3-button:disabled .bp3-icon-standard,
+.bp3-button:disabled .bp3-icon-large,
+.bp3-button.bp3-disabled::before,
+.bp3-button.bp3-disabled .bp3-icon,
+.bp3-button.bp3-disabled .bp3-icon-standard,
+.bp3-button.bp3-disabled .bp3-icon-large,
+.bp3-button[class*='bp3-intent-']::before,
+.bp3-button[class*='bp3-intent-'] .bp3-icon,
+.bp3-button[class*='bp3-intent-'] .bp3-icon-standard,
+.bp3-button[class*='bp3-intent-'] .bp3-icon-large {
+ color: inherit !important;
+}
+.bp3-button.bp3-minimal {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+.bp3-button.bp3-minimal:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(167, 182, 194, 0.3);
+ text-decoration: none;
+ color: #182026;
+}
+.bp3-button.bp3-minimal:active,
+.bp3-button.bp3-minimal.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(115, 134, 148, 0.3);
+ color: #182026;
+}
+.bp3-button.bp3-minimal:disabled,
+.bp3-button.bp3-minimal:disabled:hover,
+.bp3-button.bp3-minimal.bp3-disabled,
+.bp3-button.bp3-minimal.bp3-disabled:hover {
+ background: none;
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-button.bp3-minimal:disabled.bp3-active,
+.bp3-button.bp3-minimal:disabled:hover.bp3-active,
+.bp3-button.bp3-minimal.bp3-disabled.bp3-active,
+.bp3-button.bp3-minimal.bp3-disabled:hover.bp3-active {
+ background: rgba(115, 134, 148, 0.3);
+}
+.bp3-dark .bp3-button.bp3-minimal {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: inherit;
+}
+.bp3-dark .bp3-button.bp3-minimal:hover,
+.bp3-dark .bp3-button.bp3-minimal:active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+.bp3-dark .bp3-button.bp3-minimal:hover {
+ background: rgba(138, 155, 168, 0.15);
+}
+.bp3-dark .bp3-button.bp3-minimal:active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-active {
+ background: rgba(138, 155, 168, 0.3);
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-button.bp3-minimal:disabled,
+.bp3-dark .bp3-button.bp3-minimal:disabled:hover,
+.bp3-dark .bp3-button.bp3-minimal.bp3-disabled,
+.bp3-dark .bp3-button.bp3-minimal.bp3-disabled:hover {
+ background: none;
+ cursor: not-allowed;
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-button.bp3-minimal:disabled.bp3-active,
+.bp3-dark .bp3-button.bp3-minimal:disabled:hover.bp3-active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-disabled.bp3-active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-disabled:hover.bp3-active {
+ background: rgba(138, 155, 168, 0.3);
+}
+.bp3-button.bp3-minimal.bp3-intent-primary {
+ color: #106ba3;
+}
+.bp3-button.bp3-minimal.bp3-intent-primary:hover,
+.bp3-button.bp3-minimal.bp3-intent-primary:active,
+.bp3-button.bp3-minimal.bp3-intent-primary.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #106ba3;
+}
+.bp3-button.bp3-minimal.bp3-intent-primary:hover {
+ background: rgba(19, 124, 189, 0.15);
+ color: #106ba3;
+}
+.bp3-button.bp3-minimal.bp3-intent-primary:active,
+.bp3-button.bp3-minimal.bp3-intent-primary.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+ color: #106ba3;
+}
+.bp3-button.bp3-minimal.bp3-intent-primary:disabled,
+.bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled {
+ background: none;
+ color: rgba(16, 107, 163, 0.5);
+}
+.bp3-button.bp3-minimal.bp3-intent-primary:disabled.bp3-active,
+.bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+}
+.bp3-button.bp3-minimal.bp3-intent-primary
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #106ba3;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary {
+ color: #48aff0;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:hover {
+ background: rgba(19, 124, 189, 0.2);
+ color: #48aff0;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+ color: #48aff0;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:disabled,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled {
+ background: none;
+ color: rgba(72, 175, 240, 0.5);
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:disabled.bp3-active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+}
+.bp3-button.bp3-minimal.bp3-intent-success {
+ color: #0d8050;
+}
+.bp3-button.bp3-minimal.bp3-intent-success:hover,
+.bp3-button.bp3-minimal.bp3-intent-success:active,
+.bp3-button.bp3-minimal.bp3-intent-success.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #0d8050;
+}
+.bp3-button.bp3-minimal.bp3-intent-success:hover {
+ background: rgba(15, 153, 96, 0.15);
+ color: #0d8050;
+}
+.bp3-button.bp3-minimal.bp3-intent-success:active,
+.bp3-button.bp3-minimal.bp3-intent-success.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+ color: #0d8050;
+}
+.bp3-button.bp3-minimal.bp3-intent-success:disabled,
+.bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled {
+ background: none;
+ color: rgba(13, 128, 80, 0.5);
+}
+.bp3-button.bp3-minimal.bp3-intent-success:disabled.bp3-active,
+.bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+}
+.bp3-button.bp3-minimal.bp3-intent-success
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #0d8050;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success {
+ color: #3dcc91;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:hover {
+ background: rgba(15, 153, 96, 0.2);
+ color: #3dcc91;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+ color: #3dcc91;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:disabled,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled {
+ background: none;
+ color: rgba(61, 204, 145, 0.5);
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:disabled.bp3-active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+}
+.bp3-button.bp3-minimal.bp3-intent-warning {
+ color: #bf7326;
+}
+.bp3-button.bp3-minimal.bp3-intent-warning:hover,
+.bp3-button.bp3-minimal.bp3-intent-warning:active,
+.bp3-button.bp3-minimal.bp3-intent-warning.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #bf7326;
+}
+.bp3-button.bp3-minimal.bp3-intent-warning:hover {
+ background: rgba(217, 130, 43, 0.15);
+ color: #bf7326;
+}
+.bp3-button.bp3-minimal.bp3-intent-warning:active,
+.bp3-button.bp3-minimal.bp3-intent-warning.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+ color: #bf7326;
+}
+.bp3-button.bp3-minimal.bp3-intent-warning:disabled,
+.bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled {
+ background: none;
+ color: rgba(191, 115, 38, 0.5);
+}
+.bp3-button.bp3-minimal.bp3-intent-warning:disabled.bp3-active,
+.bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+}
+.bp3-button.bp3-minimal.bp3-intent-warning
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #bf7326;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning {
+ color: #ffb366;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:hover {
+ background: rgba(217, 130, 43, 0.2);
+ color: #ffb366;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+ color: #ffb366;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:disabled,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled {
+ background: none;
+ color: rgba(255, 179, 102, 0.5);
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:disabled.bp3-active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+}
+.bp3-button.bp3-minimal.bp3-intent-danger {
+ color: #c23030;
+}
+.bp3-button.bp3-minimal.bp3-intent-danger:hover,
+.bp3-button.bp3-minimal.bp3-intent-danger:active,
+.bp3-button.bp3-minimal.bp3-intent-danger.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #c23030;
+}
+.bp3-button.bp3-minimal.bp3-intent-danger:hover {
+ background: rgba(219, 55, 55, 0.15);
+ color: #c23030;
+}
+.bp3-button.bp3-minimal.bp3-intent-danger:active,
+.bp3-button.bp3-minimal.bp3-intent-danger.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+ color: #c23030;
+}
+.bp3-button.bp3-minimal.bp3-intent-danger:disabled,
+.bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled {
+ background: none;
+ color: rgba(194, 48, 48, 0.5);
+}
+.bp3-button.bp3-minimal.bp3-intent-danger:disabled.bp3-active,
+.bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+}
+.bp3-button.bp3-minimal.bp3-intent-danger
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #c23030;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger {
+ color: #ff7373;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:hover {
+ background: rgba(219, 55, 55, 0.2);
+ color: #ff7373;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+ color: #ff7373;
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:disabled,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled {
+ background: none;
+ color: rgba(255, 115, 115, 0.5);
+}
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:disabled.bp3-active,
+.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+}
+
+a.bp3-button {
+ text-align: center;
+ text-decoration: none;
+ -webkit-transition: none;
+ transition: none;
+}
+a.bp3-button,
+a.bp3-button:hover,
+a.bp3-button:active {
+ color: #182026;
+}
+a.bp3-button.bp3-disabled {
+ color: rgba(92, 112, 128, 0.6);
+}
+
+.bp3-button-text {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+}
+
+.bp3-button.bp3-align-left .bp3-button-text,
+.bp3-button.bp3-align-right .bp3-button-text,
+.bp3-button-group.bp3-align-left .bp3-button-text,
+.bp3-button-group.bp3-align-right .bp3-button-text {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+}
+.bp3-button-group {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+}
+.bp3-button-group .bp3-button {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ position: relative;
+ z-index: 4;
+}
+.bp3-button-group .bp3-button:focus {
+ z-index: 5;
+}
+.bp3-button-group .bp3-button:hover {
+ z-index: 6;
+}
+.bp3-button-group .bp3-button:active,
+.bp3-button-group .bp3-button.bp3-active {
+ z-index: 7;
+}
+.bp3-button-group .bp3-button:disabled,
+.bp3-button-group .bp3-button.bp3-disabled {
+ z-index: 3;
+}
+.bp3-button-group .bp3-button[class*='bp3-intent-'] {
+ z-index: 9;
+}
+.bp3-button-group .bp3-button[class*='bp3-intent-']:focus {
+ z-index: 10;
+}
+.bp3-button-group .bp3-button[class*='bp3-intent-']:hover {
+ z-index: 11;
+}
+.bp3-button-group .bp3-button[class*='bp3-intent-']:active,
+.bp3-button-group .bp3-button[class*='bp3-intent-'].bp3-active {
+ z-index: 12;
+}
+.bp3-button-group .bp3-button[class*='bp3-intent-']:disabled,
+.bp3-button-group .bp3-button[class*='bp3-intent-'].bp3-disabled {
+ z-index: 8;
+}
+.bp3-button-group:not(.bp3-minimal)
+ > .bp3-popover-wrapper:not(:first-child)
+ .bp3-button,
+.bp3-button-group:not(.bp3-minimal) > .bp3-button:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.bp3-button-group:not(.bp3-minimal)
+ > .bp3-popover-wrapper:not(:last-child)
+ .bp3-button,
+.bp3-button-group:not(.bp3-minimal) > .bp3-button:not(:last-child) {
+ margin-right: -1px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.bp3-button-group.bp3-minimal .bp3-button {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+.bp3-button-group.bp3-minimal .bp3-button:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(167, 182, 194, 0.3);
+ text-decoration: none;
+ color: #182026;
+}
+.bp3-button-group.bp3-minimal .bp3-button:active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(115, 134, 148, 0.3);
+ color: #182026;
+}
+.bp3-button-group.bp3-minimal .bp3-button:disabled,
+.bp3-button-group.bp3-minimal .bp3-button:disabled:hover,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-disabled,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-disabled:hover {
+ background: none;
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-button-group.bp3-minimal .bp3-button:disabled.bp3-active,
+.bp3-button-group.bp3-minimal .bp3-button:disabled:hover.bp3-active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-disabled.bp3-active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-disabled:hover.bp3-active {
+ background: rgba(115, 134, 148, 0.3);
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: inherit;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:hover,
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:active,
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:hover {
+ background: rgba(138, 155, 168, 0.15);
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:active,
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-active {
+ background: rgba(138, 155, 168, 0.3);
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:disabled,
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:disabled:hover,
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled,
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled:hover {
+ background: none;
+ cursor: not-allowed;
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:disabled.bp3-active,
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:disabled:hover.bp3-active,
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled.bp3-active,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-disabled:hover.bp3-active {
+ background: rgba(138, 155, 168, 0.3);
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary {
+ color: #106ba3;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #106ba3;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover {
+ background: rgba(19, 124, 189, 0.15);
+ color: #106ba3;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+ color: #106ba3;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:disabled,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-disabled {
+ background: none;
+ color: rgba(16, 107, 163, 0.5);
+}
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-primary:disabled.bp3-active,
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-primary.bp3-disabled.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+}
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-primary
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #106ba3;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary {
+ color: #48aff0;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover {
+ background: rgba(19, 124, 189, 0.2);
+ color: #48aff0;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:active,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-primary.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+ color: #48aff0;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:disabled,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-primary.bp3-disabled {
+ background: none;
+ color: rgba(72, 175, 240, 0.5);
+}
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-primary:disabled.bp3-active,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-primary.bp3-disabled.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success {
+ color: #0d8050;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #0d8050;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover {
+ background: rgba(15, 153, 96, 0.15);
+ color: #0d8050;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+ color: #0d8050;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:disabled,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-disabled {
+ background: none;
+ color: rgba(13, 128, 80, 0.5);
+}
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-success:disabled.bp3-active,
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-success.bp3-disabled.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+}
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-success
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #0d8050;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success {
+ color: #3dcc91;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover {
+ background: rgba(15, 153, 96, 0.2);
+ color: #3dcc91;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:active,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-success.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+ color: #3dcc91;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:disabled,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-success.bp3-disabled {
+ background: none;
+ color: rgba(61, 204, 145, 0.5);
+}
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-success:disabled.bp3-active,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-success.bp3-disabled.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning {
+ color: #bf7326;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #bf7326;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover {
+ background: rgba(217, 130, 43, 0.15);
+ color: #bf7326;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+ color: #bf7326;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:disabled,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-disabled {
+ background: none;
+ color: rgba(191, 115, 38, 0.5);
+}
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-warning:disabled.bp3-active,
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-warning.bp3-disabled.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+}
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-warning
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #bf7326;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning {
+ color: #ffb366;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover {
+ background: rgba(217, 130, 43, 0.2);
+ color: #ffb366;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:active,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-warning.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+ color: #ffb366;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:disabled,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-warning.bp3-disabled {
+ background: none;
+ color: rgba(255, 179, 102, 0.5);
+}
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-warning:disabled.bp3-active,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-warning.bp3-disabled.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger {
+ color: #c23030;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:hover,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #c23030;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:hover {
+ background: rgba(219, 55, 55, 0.15);
+ color: #c23030;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:active,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+ color: #c23030;
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:disabled,
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-disabled {
+ background: none;
+ color: rgba(194, 48, 48, 0.5);
+}
+.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:disabled.bp3-active,
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-danger.bp3-disabled.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+}
+.bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-danger
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #c23030;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger {
+ color: #ff7373;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:hover {
+ background: rgba(219, 55, 55, 0.2);
+ color: #ff7373;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:active,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-danger.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+ color: #ff7373;
+}
+.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:disabled,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-danger.bp3-disabled {
+ background: none;
+ color: rgba(255, 115, 115, 0.5);
+}
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-danger:disabled.bp3-active,
+.bp3-dark
+ .bp3-button-group.bp3-minimal
+ .bp3-button.bp3-intent-danger.bp3-disabled.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+}
+.bp3-button-group .bp3-popover-wrapper,
+.bp3-button-group .bp3-popover-target {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+}
+.bp3-button-group.bp3-fill {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+}
+.bp3-button-group .bp3-button.bp3-fill,
+.bp3-button-group.bp3-fill .bp3-button:not(.bp3-fixed) {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+}
+.bp3-button-group.bp3-vertical {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ vertical-align: top;
+}
+.bp3-button-group.bp3-vertical.bp3-fill {
+ width: unset;
+ height: 100%;
+}
+.bp3-button-group.bp3-vertical .bp3-button {
+ margin-right: 0 !important;
+ width: 100%;
+}
+.bp3-button-group.bp3-vertical:not(.bp3-minimal)
+ > .bp3-popover-wrapper:first-child
+ .bp3-button,
+.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-button:first-child {
+ border-radius: 3px 3px 0 0;
+}
+.bp3-button-group.bp3-vertical:not(.bp3-minimal)
+ > .bp3-popover-wrapper:last-child
+ .bp3-button,
+.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-button:last-child {
+ border-radius: 0 0 3px 3px;
+}
+.bp3-button-group.bp3-vertical:not(.bp3-minimal)
+ > .bp3-popover-wrapper:not(:last-child)
+ .bp3-button,
+.bp3-button-group.bp3-vertical:not(.bp3-minimal)
+ > .bp3-button:not(:last-child) {
+ margin-bottom: -1px;
+}
+.bp3-button-group.bp3-align-left .bp3-button {
+ text-align: left;
+}
+.bp3-dark
+ .bp3-button-group:not(.bp3-minimal)
+ > .bp3-popover-wrapper:not(:last-child)
+ .bp3-button,
+.bp3-dark .bp3-button-group:not(.bp3-minimal) > .bp3-button:not(:last-child) {
+ margin-right: 1px;
+}
+.bp3-dark
+ .bp3-button-group.bp3-vertical
+ > .bp3-popover-wrapper:not(:last-child)
+ .bp3-button,
+.bp3-dark .bp3-button-group.bp3-vertical > .bp3-button:not(:last-child) {
+ margin-bottom: 1px;
+}
+.bp3-callout {
+ line-height: 1.5;
+ font-size: 14px;
+ position: relative;
+ border-radius: 3px;
+ background-color: rgba(138, 155, 168, 0.15);
+ width: 100%;
+ padding: 10px 12px 9px;
+}
+.bp3-callout[class*='bp3-icon-'] {
+ padding-left: 40px;
+}
+.bp3-callout[class*='bp3-icon-']::before {
+ line-height: 1;
+ font-family: 'Icons20', sans-serif;
+ font-size: 20px;
+ font-weight: 400;
+ font-style: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ color: #5c7080;
+}
+.bp3-callout.bp3-callout-icon {
+ padding-left: 40px;
+}
+.bp3-callout.bp3-callout-icon > .bp3-icon:first-child {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ color: #5c7080;
+}
+.bp3-callout .bp3-heading {
+ margin-top: 0;
+ margin-bottom: 5px;
+ line-height: 20px;
+}
+.bp3-callout .bp3-heading:last-child {
+ margin-bottom: 0;
+}
+.bp3-dark .bp3-callout {
+ background-color: rgba(138, 155, 168, 0.2);
+}
+.bp3-dark .bp3-callout[class*='bp3-icon-']::before {
+ color: #a7b6c2;
+}
+.bp3-callout.bp3-intent-primary {
+ background-color: rgba(19, 124, 189, 0.15);
+}
+.bp3-callout.bp3-intent-primary[class*='bp3-icon-']::before,
+.bp3-callout.bp3-intent-primary > .bp3-icon:first-child,
+.bp3-callout.bp3-intent-primary .bp3-heading {
+ color: #106ba3;
+}
+.bp3-dark .bp3-callout.bp3-intent-primary {
+ background-color: rgba(19, 124, 189, 0.25);
+}
+.bp3-dark .bp3-callout.bp3-intent-primary[class*='bp3-icon-']::before,
+.bp3-dark .bp3-callout.bp3-intent-primary > .bp3-icon:first-child,
+.bp3-dark .bp3-callout.bp3-intent-primary .bp3-heading {
+ color: #48aff0;
+}
+.bp3-callout.bp3-intent-success {
+ background-color: rgba(15, 153, 96, 0.15);
+}
+.bp3-callout.bp3-intent-success[class*='bp3-icon-']::before,
+.bp3-callout.bp3-intent-success > .bp3-icon:first-child,
+.bp3-callout.bp3-intent-success .bp3-heading {
+ color: #0d8050;
+}
+.bp3-dark .bp3-callout.bp3-intent-success {
+ background-color: rgba(15, 153, 96, 0.25);
+}
+.bp3-dark .bp3-callout.bp3-intent-success[class*='bp3-icon-']::before,
+.bp3-dark .bp3-callout.bp3-intent-success > .bp3-icon:first-child,
+.bp3-dark .bp3-callout.bp3-intent-success .bp3-heading {
+ color: #3dcc91;
+}
+.bp3-callout.bp3-intent-warning {
+ background-color: rgba(217, 130, 43, 0.15);
+}
+.bp3-callout.bp3-intent-warning[class*='bp3-icon-']::before,
+.bp3-callout.bp3-intent-warning > .bp3-icon:first-child,
+.bp3-callout.bp3-intent-warning .bp3-heading {
+ color: #bf7326;
+}
+.bp3-dark .bp3-callout.bp3-intent-warning {
+ background-color: rgba(217, 130, 43, 0.25);
+}
+.bp3-dark .bp3-callout.bp3-intent-warning[class*='bp3-icon-']::before,
+.bp3-dark .bp3-callout.bp3-intent-warning > .bp3-icon:first-child,
+.bp3-dark .bp3-callout.bp3-intent-warning .bp3-heading {
+ color: #ffb366;
+}
+.bp3-callout.bp3-intent-danger {
+ background-color: rgba(219, 55, 55, 0.15);
+}
+.bp3-callout.bp3-intent-danger[class*='bp3-icon-']::before,
+.bp3-callout.bp3-intent-danger > .bp3-icon:first-child,
+.bp3-callout.bp3-intent-danger .bp3-heading {
+ color: #c23030;
+}
+.bp3-dark .bp3-callout.bp3-intent-danger {
+ background-color: rgba(219, 55, 55, 0.25);
+}
+.bp3-dark .bp3-callout.bp3-intent-danger[class*='bp3-icon-']::before,
+.bp3-dark .bp3-callout.bp3-intent-danger > .bp3-icon:first-child,
+.bp3-dark .bp3-callout.bp3-intent-danger .bp3-heading {
+ color: #ff7373;
+}
+.bp3-running-text .bp3-callout {
+ margin: 20px 0;
+}
+.bp3-card {
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15),
+ 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0),
+ 0 0 0 rgba(16, 22, 26, 0);
+ background-color: #ffffff;
+ padding: 20px;
+ -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+}
+.bp3-card.bp3-dark,
+.bp3-dark .bp3-card {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0),
+ 0 0 0 rgba(16, 22, 26, 0);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0),
+ 0 0 0 rgba(16, 22, 26, 0);
+ background-color: #30404d;
+}
+
+.bp3-elevation-0 {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15),
+ 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0),
+ 0 0 0 rgba(16, 22, 26, 0);
+}
+.bp3-elevation-0.bp3-dark,
+.bp3-dark .bp3-elevation-0 {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0),
+ 0 0 0 rgba(16, 22, 26, 0);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0),
+ 0 0 0 rgba(16, 22, 26, 0);
+}
+
+.bp3-elevation-1 {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-elevation-1.bp3-dark,
+.bp3-dark .bp3-elevation-1 {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+
+.bp3-elevation-2 {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 1px 1px rgba(16, 22, 26, 0.2), 0 2px 6px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 1px 1px rgba(16, 22, 26, 0.2),
+ 0 2px 6px rgba(16, 22, 26, 0.2);
+}
+.bp3-elevation-2.bp3-dark,
+.bp3-dark .bp3-elevation-2 {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 1px 1px rgba(16, 22, 26, 0.4), 0 2px 6px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.4),
+ 0 2px 6px rgba(16, 22, 26, 0.4);
+}
+
+.bp3-elevation-3 {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2),
+ 0 8px 24px rgba(16, 22, 26, 0.2);
+}
+.bp3-elevation-3.bp3-dark,
+.bp3-dark .bp3-elevation-3 {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4),
+ 0 8px 24px rgba(16, 22, 26, 0.4);
+}
+
+.bp3-elevation-4 {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2),
+ 0 18px 46px 6px rgba(16, 22, 26, 0.2);
+}
+.bp3-elevation-4.bp3-dark,
+.bp3-dark .bp3-elevation-4 {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4),
+ 0 18px 46px 6px rgba(16, 22, 26, 0.4);
+}
+
+.bp3-card.bp3-interactive:hover {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2),
+ 0 8px 24px rgba(16, 22, 26, 0.2);
+ cursor: pointer;
+}
+.bp3-card.bp3-interactive:hover.bp3-dark,
+.bp3-dark .bp3-card.bp3-interactive:hover {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4),
+ 0 8px 24px rgba(16, 22, 26, 0.4);
+}
+
+.bp3-card.bp3-interactive:active {
+ opacity: 0.9;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+ -webkit-transition-duration: 0;
+ transition-duration: 0;
+}
+.bp3-card.bp3-interactive:active.bp3-dark,
+.bp3-dark .bp3-card.bp3-interactive:active {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+
+.bp3-collapse {
+ height: 0;
+ overflow-y: hidden;
+ -webkit-transition: height 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: height 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+}
+.bp3-collapse .bp3-collapse-body {
+ -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+}
+.bp3-collapse .bp3-collapse-body[aria-hidden='true'] {
+ display: none;
+}
+
+.bp3-context-menu .bp3-popover-target {
+ display: block;
+}
+
+.bp3-context-menu-popover-target {
+ position: fixed;
+}
+
+.bp3-divider {
+ margin: 5px;
+ border-right: 1px solid rgba(16, 22, 26, 0.15);
+ border-bottom: 1px solid rgba(16, 22, 26, 0.15);
+}
+.bp3-dark .bp3-divider {
+ border-color: rgba(16, 22, 26, 0.4);
+}
+.bp3-dialog-container {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 100%;
+ min-height: 100%;
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.bp3-dialog-container.bp3-overlay-enter > .bp3-dialog,
+.bp3-dialog-container.bp3-overlay-appear > .bp3-dialog {
+ opacity: 0;
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+}
+.bp3-dialog-container.bp3-overlay-enter-active > .bp3-dialog,
+.bp3-dialog-container.bp3-overlay-appear-active > .bp3-dialog {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -webkit-transition-property: opacity, -webkit-transform;
+ transition-property: opacity, -webkit-transform;
+ transition-property: opacity, transform;
+ transition-property: opacity, transform, -webkit-transform;
+ -webkit-transition-duration: 300ms;
+ transition-duration: 300ms;
+ -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-dialog-container.bp3-overlay-exit > .bp3-dialog {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+.bp3-dialog-container.bp3-overlay-exit-active > .bp3-dialog {
+ opacity: 0;
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-transition-property: opacity, -webkit-transform;
+ transition-property: opacity, -webkit-transform;
+ transition-property: opacity, transform;
+ transition-property: opacity, transform, -webkit-transform;
+ -webkit-transition-duration: 300ms;
+ transition-duration: 300ms;
+ -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+
+.bp3-dialog {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin: 30px 0;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2),
+ 0 18px 46px 6px rgba(16, 22, 26, 0.2);
+ background: #ebf1f5;
+ width: 500px;
+ padding-bottom: 20px;
+ pointer-events: all;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+.bp3-dialog:focus {
+ outline: 0;
+}
+.bp3-dialog.bp3-dark,
+.bp3-dark .bp3-dialog {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4),
+ 0 18px 46px 6px rgba(16, 22, 26, 0.4);
+ background: #293742;
+ color: #f5f8fa;
+}
+
+.bp3-dialog-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-radius: 6px 6px 0 0;
+ -webkit-box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);
+ box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);
+ background: #ffffff;
+ min-height: 40px;
+ padding-right: 5px;
+ padding-left: 20px;
+}
+.bp3-dialog-header .bp3-icon-large,
+.bp3-dialog-header .bp3-icon {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ margin-right: 10px;
+ color: #5c7080;
+}
+.bp3-dialog-header .bp3-heading {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ margin: 0;
+ line-height: inherit;
+}
+.bp3-dialog-header .bp3-heading:last-child {
+ margin-right: 20px;
+}
+.bp3-dark .bp3-dialog-header {
+ -webkit-box-shadow: 0 1px 0 rgba(16, 22, 26, 0.4);
+ box-shadow: 0 1px 0 rgba(16, 22, 26, 0.4);
+ background: #30404d;
+}
+.bp3-dark .bp3-dialog-header .bp3-icon-large,
+.bp3-dark .bp3-dialog-header .bp3-icon {
+ color: #a7b6c2;
+}
+
+.bp3-dialog-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ margin: 20px;
+ line-height: 18px;
+}
+
+.bp3-dialog-footer {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ margin: 0 20px;
+}
+
+.bp3-dialog-footer-actions {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+}
+.bp3-dialog-footer-actions .bp3-button {
+ margin-left: 10px;
+}
+.bp3-drawer {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin: 0;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2),
+ 0 18px 46px 6px rgba(16, 22, 26, 0.2);
+ background: #ffffff;
+ padding: 0;
+}
+.bp3-drawer:focus {
+ outline: 0;
+}
+.bp3-drawer.bp3-position-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: 50%;
+}
+.bp3-drawer.bp3-position-top.bp3-overlay-enter,
+.bp3-drawer.bp3-position-top.bp3-overlay-appear {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+}
+.bp3-drawer.bp3-position-top.bp3-overlay-enter-active,
+.bp3-drawer.bp3-position-top.bp3-overlay-appear-active {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer.bp3-position-top.bp3-overlay-exit {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+}
+.bp3-drawer.bp3-position-top.bp3-overlay-exit-active {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer.bp3-position-bottom {
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: 50%;
+}
+.bp3-drawer.bp3-position-bottom.bp3-overlay-enter,
+.bp3-drawer.bp3-position-bottom.bp3-overlay-appear {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+}
+.bp3-drawer.bp3-position-bottom.bp3-overlay-enter-active,
+.bp3-drawer.bp3-position-bottom.bp3-overlay-appear-active {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer.bp3-position-bottom.bp3-overlay-exit {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+}
+.bp3-drawer.bp3-position-bottom.bp3-overlay-exit-active {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer.bp3-position-left {
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 50%;
+}
+.bp3-drawer.bp3-position-left.bp3-overlay-enter,
+.bp3-drawer.bp3-position-left.bp3-overlay-appear {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+.bp3-drawer.bp3-position-left.bp3-overlay-enter-active,
+.bp3-drawer.bp3-position-left.bp3-overlay-appear-active {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer.bp3-position-left.bp3-overlay-exit {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+}
+.bp3-drawer.bp3-position-left.bp3-overlay-exit-active {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer.bp3-position-right {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50%;
+}
+.bp3-drawer.bp3-position-right.bp3-overlay-enter,
+.bp3-drawer.bp3-position-right.bp3-overlay-appear {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+.bp3-drawer.bp3-position-right.bp3-overlay-enter-active,
+.bp3-drawer.bp3-position-right.bp3-overlay-appear-active {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer.bp3-position-right.bp3-overlay-exit {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+}
+.bp3-drawer.bp3-position-right.bp3-overlay-exit-active {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical) {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50%;
+}
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-enter,
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-appear {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-enter-active,
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-appear-active {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-exit {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+}
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-exit-active {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical {
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: 50%;
+}
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-enter,
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-appear {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+}
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-enter-active,
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-appear-active {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-exit {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+}
+.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-exit-active {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-drawer.bp3-dark,
+.bp3-dark .bp3-drawer {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4),
+ 0 18px 46px 6px rgba(16, 22, 26, 0.4);
+ background: #30404d;
+ color: #f5f8fa;
+}
+
+.bp3-drawer-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+ border-radius: 0;
+ -webkit-box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);
+ box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);
+ min-height: 40px;
+ padding: 5px;
+ padding-left: 20px;
+}
+.bp3-drawer-header .bp3-icon-large,
+.bp3-drawer-header .bp3-icon {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ margin-right: 10px;
+ color: #5c7080;
+}
+.bp3-drawer-header .bp3-heading {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ margin: 0;
+ line-height: inherit;
+}
+.bp3-drawer-header .bp3-heading:last-child {
+ margin-right: 20px;
+}
+.bp3-dark .bp3-drawer-header {
+ -webkit-box-shadow: 0 1px 0 rgba(16, 22, 26, 0.4);
+ box-shadow: 0 1px 0 rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-drawer-header .bp3-icon-large,
+.bp3-dark .bp3-drawer-header .bp3-icon {
+ color: #a7b6c2;
+}
+
+.bp3-drawer-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ overflow: auto;
+ line-height: 18px;
+}
+
+.bp3-drawer-footer {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ position: relative;
+ -webkit-box-shadow: inset 0 1px 0 rgba(16, 22, 26, 0.15);
+ box-shadow: inset 0 1px 0 rgba(16, 22, 26, 0.15);
+ padding: 10px 20px;
+}
+.bp3-dark .bp3-drawer-footer {
+ -webkit-box-shadow: inset 0 1px 0 rgba(16, 22, 26, 0.4);
+ box-shadow: inset 0 1px 0 rgba(16, 22, 26, 0.4);
+}
+.bp3-editable-text {
+ display: inline-block;
+ position: relative;
+ cursor: text;
+ max-width: 100%;
+ vertical-align: top;
+ white-space: nowrap;
+}
+.bp3-editable-text::before {
+ position: absolute;
+ top: -3px;
+ right: -3px;
+ bottom: -3px;
+ left: -3px;
+ border-radius: 3px;
+ content: '';
+ -webkit-transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+}
+.bp3-editable-text:hover::before {
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.15);
+}
+.bp3-editable-text.bp3-editable-text-editing::before {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ background-color: #ffffff;
+}
+.bp3-editable-text.bp3-disabled::before {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-editable-text.bp3-intent-primary .bp3-editable-text-input,
+.bp3-editable-text.bp3-intent-primary .bp3-editable-text-content {
+ color: #137cbd;
+}
+.bp3-editable-text.bp3-intent-primary:hover::before {
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(19, 124, 189, 0.4);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px rgba(19, 124, 189, 0.4);
+}
+.bp3-editable-text.bp3-intent-primary.bp3-editable-text-editing::before {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-editable-text.bp3-intent-success .bp3-editable-text-input,
+.bp3-editable-text.bp3-intent-success .bp3-editable-text-content {
+ color: #0f9960;
+}
+.bp3-editable-text.bp3-intent-success:hover::before {
+ -webkit-box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0),
+ inset 0 0 0 1px rgba(15, 153, 96, 0.4);
+ box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0),
+ inset 0 0 0 1px rgba(15, 153, 96, 0.4);
+}
+.bp3-editable-text.bp3-intent-success.bp3-editable-text-editing::before {
+ -webkit-box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-editable-text.bp3-intent-warning .bp3-editable-text-input,
+.bp3-editable-text.bp3-intent-warning .bp3-editable-text-content {
+ color: #d9822b;
+}
+.bp3-editable-text.bp3-intent-warning:hover::before {
+ -webkit-box-shadow: 0 0 0 0 rgba(217, 130, 43, 0),
+ 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px rgba(217, 130, 43, 0.4);
+ box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0),
+ inset 0 0 0 1px rgba(217, 130, 43, 0.4);
+}
+.bp3-editable-text.bp3-intent-warning.bp3-editable-text-editing::before {
+ -webkit-box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-editable-text.bp3-intent-danger .bp3-editable-text-input,
+.bp3-editable-text.bp3-intent-danger .bp3-editable-text-content {
+ color: #db3737;
+}
+.bp3-editable-text.bp3-intent-danger:hover::before {
+ -webkit-box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0),
+ inset 0 0 0 1px rgba(219, 55, 55, 0.4);
+ box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0),
+ inset 0 0 0 1px rgba(219, 55, 55, 0.4);
+}
+.bp3-editable-text.bp3-intent-danger.bp3-editable-text-editing::before {
+ -webkit-box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-dark .bp3-editable-text:hover::before {
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+.bp3-dark .bp3-editable-text.bp3-editable-text-editing::before {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ background-color: rgba(16, 22, 26, 0.3);
+}
+.bp3-dark .bp3-editable-text.bp3-disabled::before {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-dark .bp3-editable-text.bp3-intent-primary .bp3-editable-text-content {
+ color: #48aff0;
+}
+.bp3-dark .bp3-editable-text.bp3-intent-primary:hover::before {
+ -webkit-box-shadow: 0 0 0 0 rgba(72, 175, 240, 0),
+ 0 0 0 0 rgba(72, 175, 240, 0), inset 0 0 0 1px rgba(72, 175, 240, 0.4);
+ box-shadow: 0 0 0 0 rgba(72, 175, 240, 0), 0 0 0 0 rgba(72, 175, 240, 0),
+ inset 0 0 0 1px rgba(72, 175, 240, 0.4);
+}
+.bp3-dark
+ .bp3-editable-text.bp3-intent-primary.bp3-editable-text-editing::before {
+ -webkit-box-shadow: 0 0 0 1px #48aff0, 0 0 0 3px rgba(72, 175, 240, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #48aff0, 0 0 0 3px rgba(72, 175, 240, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-editable-text.bp3-intent-success .bp3-editable-text-content {
+ color: #3dcc91;
+}
+.bp3-dark .bp3-editable-text.bp3-intent-success:hover::before {
+ -webkit-box-shadow: 0 0 0 0 rgba(61, 204, 145, 0),
+ 0 0 0 0 rgba(61, 204, 145, 0), inset 0 0 0 1px rgba(61, 204, 145, 0.4);
+ box-shadow: 0 0 0 0 rgba(61, 204, 145, 0), 0 0 0 0 rgba(61, 204, 145, 0),
+ inset 0 0 0 1px rgba(61, 204, 145, 0.4);
+}
+.bp3-dark
+ .bp3-editable-text.bp3-intent-success.bp3-editable-text-editing::before {
+ -webkit-box-shadow: 0 0 0 1px #3dcc91, 0 0 0 3px rgba(61, 204, 145, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #3dcc91, 0 0 0 3px rgba(61, 204, 145, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-editable-text.bp3-intent-warning .bp3-editable-text-content {
+ color: #ffb366;
+}
+.bp3-dark .bp3-editable-text.bp3-intent-warning:hover::before {
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 179, 102, 0),
+ 0 0 0 0 rgba(255, 179, 102, 0), inset 0 0 0 1px rgba(255, 179, 102, 0.4);
+ box-shadow: 0 0 0 0 rgba(255, 179, 102, 0), 0 0 0 0 rgba(255, 179, 102, 0),
+ inset 0 0 0 1px rgba(255, 179, 102, 0.4);
+}
+.bp3-dark
+ .bp3-editable-text.bp3-intent-warning.bp3-editable-text-editing::before {
+ -webkit-box-shadow: 0 0 0 1px #ffb366, 0 0 0 3px rgba(255, 179, 102, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #ffb366, 0 0 0 3px rgba(255, 179, 102, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-editable-text.bp3-intent-danger .bp3-editable-text-content {
+ color: #ff7373;
+}
+.bp3-dark .bp3-editable-text.bp3-intent-danger:hover::before {
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 115, 115, 0),
+ 0 0 0 0 rgba(255, 115, 115, 0), inset 0 0 0 1px rgba(255, 115, 115, 0.4);
+ box-shadow: 0 0 0 0 rgba(255, 115, 115, 0), 0 0 0 0 rgba(255, 115, 115, 0),
+ inset 0 0 0 1px rgba(255, 115, 115, 0.4);
+}
+.bp3-dark
+ .bp3-editable-text.bp3-intent-danger.bp3-editable-text-editing::before {
+ -webkit-box-shadow: 0 0 0 1px #ff7373, 0 0 0 3px rgba(255, 115, 115, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #ff7373, 0 0 0 3px rgba(255, 115, 115, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+
+.bp3-editable-text-input,
+.bp3-editable-text-content {
+ display: inherit;
+ position: relative;
+ min-width: inherit;
+ max-width: inherit;
+ vertical-align: top;
+ text-transform: inherit;
+ letter-spacing: inherit;
+ color: inherit;
+ font: inherit;
+ resize: none;
+}
+
+.bp3-editable-text-input {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ width: 100%;
+ padding: 0;
+ white-space: pre-wrap;
+}
+.bp3-editable-text-input::-webkit-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-editable-text-input::-moz-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-editable-text-input:-ms-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-editable-text-input::-ms-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-editable-text-input::placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-editable-text-input:focus {
+ outline: none;
+}
+.bp3-editable-text-input::-ms-clear {
+ display: none;
+}
+
+.bp3-editable-text-content {
+ overflow: hidden;
+ padding-right: 2px;
+ text-overflow: ellipsis;
+ white-space: pre;
+}
+.bp3-editable-text-editing > .bp3-editable-text-content {
+ position: absolute;
+ left: 0;
+ visibility: hidden;
+}
+.bp3-editable-text-placeholder > .bp3-editable-text-content {
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-dark .bp3-editable-text-placeholder > .bp3-editable-text-content {
+ color: rgba(167, 182, 194, 0.6);
+}
+
+.bp3-editable-text.bp3-multiline {
+ display: block;
+}
+.bp3-editable-text.bp3-multiline .bp3-editable-text-content {
+ overflow: auto;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+.bp3-control-group {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+}
+.bp3-control-group > * {
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.bp3-control-group > .bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+}
+.bp3-control-group .bp3-button,
+.bp3-control-group .bp3-html-select,
+.bp3-control-group .bp3-input,
+.bp3-control-group .bp3-select {
+ position: relative;
+}
+.bp3-control-group .bp3-input {
+ z-index: 2;
+ border-radius: inherit;
+}
+.bp3-control-group .bp3-input:focus {
+ z-index: 14;
+ border-radius: 3px;
+}
+.bp3-control-group .bp3-input[class*='bp3-intent'] {
+ z-index: 13;
+}
+.bp3-control-group .bp3-input[class*='bp3-intent']:focus {
+ z-index: 15;
+}
+.bp3-control-group .bp3-input[readonly],
+.bp3-control-group .bp3-input:disabled,
+.bp3-control-group .bp3-input.bp3-disabled {
+ z-index: 1;
+}
+.bp3-control-group .bp3-input-group[class*='bp3-intent'] .bp3-input {
+ z-index: 13;
+}
+.bp3-control-group .bp3-input-group[class*='bp3-intent'] .bp3-input:focus {
+ z-index: 15;
+}
+.bp3-control-group .bp3-button,
+.bp3-control-group .bp3-html-select select,
+.bp3-control-group .bp3-select select {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ z-index: 4;
+ border-radius: inherit;
+}
+.bp3-control-group .bp3-button:focus,
+.bp3-control-group .bp3-html-select select:focus,
+.bp3-control-group .bp3-select select:focus {
+ z-index: 5;
+}
+.bp3-control-group .bp3-button:hover,
+.bp3-control-group .bp3-html-select select:hover,
+.bp3-control-group .bp3-select select:hover {
+ z-index: 6;
+}
+.bp3-control-group .bp3-button:active,
+.bp3-control-group .bp3-html-select select:active,
+.bp3-control-group .bp3-select select:active {
+ z-index: 7;
+}
+.bp3-control-group .bp3-button[readonly],
+.bp3-control-group .bp3-button:disabled,
+.bp3-control-group .bp3-button.bp3-disabled,
+.bp3-control-group .bp3-html-select select[readonly],
+.bp3-control-group .bp3-html-select select:disabled,
+.bp3-control-group .bp3-html-select select.bp3-disabled,
+.bp3-control-group .bp3-select select[readonly],
+.bp3-control-group .bp3-select select:disabled,
+.bp3-control-group .bp3-select select.bp3-disabled {
+ z-index: 3;
+}
+.bp3-control-group .bp3-button[class*='bp3-intent'],
+.bp3-control-group .bp3-html-select select[class*='bp3-intent'],
+.bp3-control-group .bp3-select select[class*='bp3-intent'] {
+ z-index: 9;
+}
+.bp3-control-group .bp3-button[class*='bp3-intent']:focus,
+.bp3-control-group .bp3-html-select select[class*='bp3-intent']:focus,
+.bp3-control-group .bp3-select select[class*='bp3-intent']:focus {
+ z-index: 10;
+}
+.bp3-control-group .bp3-button[class*='bp3-intent']:hover,
+.bp3-control-group .bp3-html-select select[class*='bp3-intent']:hover,
+.bp3-control-group .bp3-select select[class*='bp3-intent']:hover {
+ z-index: 11;
+}
+.bp3-control-group .bp3-button[class*='bp3-intent']:active,
+.bp3-control-group .bp3-html-select select[class*='bp3-intent']:active,
+.bp3-control-group .bp3-select select[class*='bp3-intent']:active {
+ z-index: 12;
+}
+.bp3-control-group .bp3-button[class*='bp3-intent'][readonly],
+.bp3-control-group .bp3-button[class*='bp3-intent']:disabled,
+.bp3-control-group .bp3-button[class*='bp3-intent'].bp3-disabled,
+.bp3-control-group .bp3-html-select select[class*='bp3-intent'][readonly],
+.bp3-control-group .bp3-html-select select[class*='bp3-intent']:disabled,
+.bp3-control-group .bp3-html-select select[class*='bp3-intent'].bp3-disabled,
+.bp3-control-group .bp3-select select[class*='bp3-intent'][readonly],
+.bp3-control-group .bp3-select select[class*='bp3-intent']:disabled,
+.bp3-control-group .bp3-select select[class*='bp3-intent'].bp3-disabled {
+ z-index: 8;
+}
+.bp3-control-group .bp3-input-group > .bp3-icon,
+.bp3-control-group .bp3-input-group > .bp3-button,
+.bp3-control-group .bp3-input-group > .bp3-input-action {
+ z-index: 16;
+}
+.bp3-control-group .bp3-select::after,
+.bp3-control-group .bp3-html-select::after,
+.bp3-control-group .bp3-select > .bp3-icon,
+.bp3-control-group .bp3-html-select > .bp3-icon {
+ z-index: 17;
+}
+.bp3-control-group:not(.bp3-vertical) > * {
+ margin-right: -1px;
+}
+.bp3-dark .bp3-control-group:not(.bp3-vertical) > * {
+ margin-right: 0;
+}
+.bp3-dark .bp3-control-group:not(.bp3-vertical) > .bp3-button + .bp3-button {
+ margin-left: 1px;
+}
+.bp3-control-group .bp3-popover-wrapper,
+.bp3-control-group .bp3-popover-target {
+ border-radius: inherit;
+}
+.bp3-control-group > :first-child {
+ border-radius: 3px 0 0 3px;
+}
+.bp3-control-group > :last-child {
+ margin-right: 0;
+ border-radius: 0 3px 3px 0;
+}
+.bp3-control-group > :only-child {
+ margin-right: 0;
+ border-radius: 3px;
+}
+.bp3-control-group .bp3-input-group .bp3-button {
+ border-radius: 3px;
+}
+.bp3-control-group > .bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+}
+.bp3-control-group.bp3-fill > *:not(.bp3-fixed) {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+}
+.bp3-control-group.bp3-vertical {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.bp3-control-group.bp3-vertical > * {
+ margin-top: -1px;
+}
+.bp3-control-group.bp3-vertical > :first-child {
+ margin-top: 0;
+ border-radius: 3px 3px 0 0;
+}
+.bp3-control-group.bp3-vertical > :last-child {
+ border-radius: 0 0 3px 3px;
+}
+.bp3-control {
+ display: block;
+ position: relative;
+ margin-bottom: 10px;
+ cursor: pointer;
+ text-transform: none;
+}
+.bp3-control input:checked ~ .bp3-control-indicator {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #137cbd;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.1)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.1),
+ rgba(255, 255, 255, 0)
+ );
+ color: #ffffff;
+}
+.bp3-control:hover input:checked ~ .bp3-control-indicator {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #106ba3;
+}
+.bp3-control input:not(:disabled):active:checked ~ .bp3-control-indicator {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background: #0e5a8a;
+}
+.bp3-control input:disabled:checked ~ .bp3-control-indicator {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(19, 124, 189, 0.5);
+}
+.bp3-dark .bp3-control input:checked ~ .bp3-control-indicator {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-control:hover input:checked ~ .bp3-control-indicator {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #106ba3;
+}
+.bp3-dark
+ .bp3-control
+ input:not(:disabled):active:checked
+ ~ .bp3-control-indicator {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #0e5a8a;
+}
+.bp3-dark .bp3-control input:disabled:checked ~ .bp3-control-indicator {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(14, 90, 138, 0.5);
+}
+.bp3-control:not(.bp3-align-right) {
+ padding-left: 26px;
+}
+.bp3-control:not(.bp3-align-right) .bp3-control-indicator {
+ margin-left: -26px;
+}
+.bp3-control.bp3-align-right {
+ padding-right: 26px;
+}
+.bp3-control.bp3-align-right .bp3-control-indicator {
+ margin-right: -26px;
+}
+.bp3-control.bp3-disabled {
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-control.bp3-inline {
+ display: inline-block;
+ margin-right: 20px;
+}
+.bp3-control input {
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0;
+ z-index: -1;
+}
+.bp3-control .bp3-control-indicator {
+ display: inline-block;
+ position: relative;
+ margin-top: -3px;
+ margin-right: 10px;
+ border: none;
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-clip: padding-box;
+ background-color: #f5f8fa;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.8)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.8),
+ rgba(255, 255, 255, 0)
+ );
+ cursor: pointer;
+ width: 1em;
+ height: 1em;
+ vertical-align: middle;
+ font-size: 16px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.bp3-control .bp3-control-indicator::before {
+ display: block;
+ width: 1em;
+ height: 1em;
+ content: '';
+}
+.bp3-control:hover .bp3-control-indicator {
+ background-color: #ebf1f5;
+}
+.bp3-control input:not(:disabled):active ~ .bp3-control-indicator {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background: #d8e1e8;
+}
+.bp3-control input:disabled ~ .bp3-control-indicator {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(206, 217, 224, 0.5);
+ cursor: not-allowed;
+}
+.bp3-control input:focus ~ .bp3-control-indicator {
+ outline: rgba(19, 124, 189, 0.6) auto 2px;
+ outline-offset: 2px;
+ -moz-outline-radius: 6px;
+}
+.bp3-control.bp3-align-right .bp3-control-indicator {
+ float: right;
+ margin-top: 1px;
+ margin-left: 10px;
+}
+.bp3-control.bp3-large {
+ font-size: 16px;
+}
+.bp3-control.bp3-large:not(.bp3-align-right) {
+ padding-left: 30px;
+}
+.bp3-control.bp3-large:not(.bp3-align-right) .bp3-control-indicator {
+ margin-left: -30px;
+}
+.bp3-control.bp3-large.bp3-align-right {
+ padding-right: 30px;
+}
+.bp3-control.bp3-large.bp3-align-right .bp3-control-indicator {
+ margin-right: -30px;
+}
+.bp3-control.bp3-large .bp3-control-indicator {
+ font-size: 20px;
+}
+.bp3-control.bp3-large.bp3-align-right .bp3-control-indicator {
+ margin-top: 0;
+}
+.bp3-control.bp3-checkbox input:indeterminate ~ .bp3-control-indicator {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #137cbd;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.1)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.1),
+ rgba(255, 255, 255, 0)
+ );
+ color: #ffffff;
+}
+.bp3-control.bp3-checkbox:hover input:indeterminate ~ .bp3-control-indicator {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.2);
+ background-color: #106ba3;
+}
+.bp3-control.bp3-checkbox
+ input:not(:disabled):active:indeterminate
+ ~ .bp3-control-indicator {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background: #0e5a8a;
+}
+.bp3-control.bp3-checkbox
+ input:disabled:indeterminate
+ ~ .bp3-control-indicator {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(19, 124, 189, 0.5);
+}
+.bp3-dark
+ .bp3-control.bp3-checkbox
+ input:indeterminate
+ ~ .bp3-control-indicator {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark
+ .bp3-control.bp3-checkbox:hover
+ input:indeterminate
+ ~ .bp3-control-indicator {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #106ba3;
+}
+.bp3-dark
+ .bp3-control.bp3-checkbox
+ input:not(:disabled):active:indeterminate
+ ~ .bp3-control-indicator {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #0e5a8a;
+}
+.bp3-dark
+ .bp3-control.bp3-checkbox
+ input:disabled:indeterminate
+ ~ .bp3-control-indicator {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(14, 90, 138, 0.5);
+}
+.bp3-control.bp3-checkbox .bp3-control-indicator {
+ border-radius: 3px;
+}
+.bp3-control.bp3-checkbox input:checked ~ .bp3-control-indicator::before {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0 0 12 5z' fill='white'/%3e%3c/svg%3e");
+}
+.bp3-control.bp3-checkbox input:indeterminate ~ .bp3-control-indicator::before {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 7H5c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1z' fill='white'/%3e%3c/svg%3e");
+}
+.bp3-control.bp3-radio .bp3-control-indicator {
+ border-radius: 50%;
+}
+.bp3-control.bp3-radio input:checked ~ .bp3-control-indicator::before {
+ background-image: radial-gradient(#ffffff, #ffffff 28%, transparent 32%);
+}
+.bp3-control.bp3-radio input:checked:disabled ~ .bp3-control-indicator::before {
+ opacity: 0.5;
+}
+.bp3-control.bp3-radio input:focus ~ .bp3-control-indicator {
+ -moz-outline-radius: 16px;
+}
+.bp3-control.bp3-switch input ~ .bp3-control-indicator {
+ background: rgba(167, 182, 194, 0.5);
+}
+.bp3-control.bp3-switch:hover input ~ .bp3-control-indicator {
+ background: rgba(115, 134, 148, 0.5);
+}
+.bp3-control.bp3-switch input:not(:disabled):active ~ .bp3-control-indicator {
+ background: rgba(92, 112, 128, 0.5);
+}
+.bp3-control.bp3-switch input:disabled ~ .bp3-control-indicator {
+ background: rgba(206, 217, 224, 0.5);
+}
+.bp3-control.bp3-switch input:disabled ~ .bp3-control-indicator::before {
+ background: rgba(255, 255, 255, 0.8);
+}
+.bp3-control.bp3-switch input:checked ~ .bp3-control-indicator {
+ background: #137cbd;
+}
+.bp3-control.bp3-switch:hover input:checked ~ .bp3-control-indicator {
+ background: #106ba3;
+}
+.bp3-control.bp3-switch
+ input:checked:not(:disabled):active
+ ~ .bp3-control-indicator {
+ background: #0e5a8a;
+}
+.bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator {
+ background: rgba(19, 124, 189, 0.5);
+}
+.bp3-control.bp3-switch
+ input:checked:disabled
+ ~ .bp3-control-indicator::before {
+ background: rgba(255, 255, 255, 0.8);
+}
+.bp3-control.bp3-switch:not(.bp3-align-right) {
+ padding-left: 38px;
+}
+.bp3-control.bp3-switch:not(.bp3-align-right) .bp3-control-indicator {
+ margin-left: -38px;
+}
+.bp3-control.bp3-switch.bp3-align-right {
+ padding-right: 38px;
+}
+.bp3-control.bp3-switch.bp3-align-right .bp3-control-indicator {
+ margin-right: -38px;
+}
+.bp3-control.bp3-switch .bp3-control-indicator {
+ border: none;
+ border-radius: 1.75em;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ width: auto;
+ min-width: 1.75em;
+ -webkit-transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+}
+.bp3-control.bp3-switch .bp3-control-indicator::before {
+ position: absolute;
+ left: 0;
+ margin: 2px;
+ border-radius: 50%;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
+ background: #ffffff;
+ width: calc(1em - 4px);
+ height: calc(1em - 4px);
+ -webkit-transition: left 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: left 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+}
+.bp3-control.bp3-switch input:checked ~ .bp3-control-indicator::before {
+ left: calc(100% - 1em);
+}
+.bp3-control.bp3-switch.bp3-large:not(.bp3-align-right) {
+ padding-left: 45px;
+}
+.bp3-control.bp3-switch.bp3-large:not(.bp3-align-right) .bp3-control-indicator {
+ margin-left: -45px;
+}
+.bp3-control.bp3-switch.bp3-large.bp3-align-right {
+ padding-right: 45px;
+}
+.bp3-control.bp3-switch.bp3-large.bp3-align-right .bp3-control-indicator {
+ margin-right: -45px;
+}
+.bp3-dark .bp3-control.bp3-switch input ~ .bp3-control-indicator {
+ background: rgba(16, 22, 26, 0.5);
+}
+.bp3-dark .bp3-control.bp3-switch:hover input ~ .bp3-control-indicator {
+ background: rgba(16, 22, 26, 0.7);
+}
+.bp3-dark
+ .bp3-control.bp3-switch
+ input:not(:disabled):active
+ ~ .bp3-control-indicator {
+ background: rgba(16, 22, 26, 0.9);
+}
+.bp3-dark .bp3-control.bp3-switch input:disabled ~ .bp3-control-indicator {
+ background: rgba(57, 75, 89, 0.5);
+}
+.bp3-dark
+ .bp3-control.bp3-switch
+ input:disabled
+ ~ .bp3-control-indicator::before {
+ background: rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-control.bp3-switch input:checked ~ .bp3-control-indicator {
+ background: #137cbd;
+}
+.bp3-dark .bp3-control.bp3-switch:hover input:checked ~ .bp3-control-indicator {
+ background: #106ba3;
+}
+.bp3-dark
+ .bp3-control.bp3-switch
+ input:checked:not(:disabled):active
+ ~ .bp3-control-indicator {
+ background: #0e5a8a;
+}
+.bp3-dark
+ .bp3-control.bp3-switch
+ input:checked:disabled
+ ~ .bp3-control-indicator {
+ background: rgba(14, 90, 138, 0.5);
+}
+.bp3-dark
+ .bp3-control.bp3-switch
+ input:checked:disabled
+ ~ .bp3-control-indicator::before {
+ background: rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-control.bp3-switch .bp3-control-indicator::before {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background: #394b59;
+}
+.bp3-dark
+ .bp3-control.bp3-switch
+ input:checked
+ ~ .bp3-control-indicator::before {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-control.bp3-switch .bp3-switch-inner-text {
+ text-align: center;
+ font-size: 0.7em;
+}
+.bp3-control.bp3-switch .bp3-control-indicator-child:first-child {
+ visibility: hidden;
+ margin-right: 1.2em;
+ margin-left: 0.5em;
+ line-height: 0;
+}
+.bp3-control.bp3-switch .bp3-control-indicator-child:last-child {
+ visibility: visible;
+ margin-right: 0.5em;
+ margin-left: 1.2em;
+ line-height: 1em;
+}
+.bp3-control.bp3-switch
+ input:checked
+ ~ .bp3-control-indicator
+ .bp3-control-indicator-child:first-child {
+ visibility: visible;
+ line-height: 1em;
+}
+.bp3-control.bp3-switch
+ input:checked
+ ~ .bp3-control-indicator
+ .bp3-control-indicator-child:last-child {
+ visibility: hidden;
+ line-height: 0;
+}
+.bp3-dark .bp3-control {
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-control.bp3-disabled {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-control .bp3-control-indicator {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #394b59;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.05)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.05),
+ rgba(255, 255, 255, 0)
+ );
+}
+.bp3-dark .bp3-control:hover .bp3-control-indicator {
+ background-color: #30404d;
+}
+.bp3-dark .bp3-control input:not(:disabled):active ~ .bp3-control-indicator {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background: #202b33;
+}
+.bp3-dark .bp3-control input:disabled ~ .bp3-control-indicator {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(57, 75, 89, 0.5);
+ cursor: not-allowed;
+}
+.bp3-dark
+ .bp3-control.bp3-checkbox
+ input:disabled:checked
+ ~ .bp3-control-indicator,
+.bp3-dark
+ .bp3-control.bp3-checkbox
+ input:disabled:indeterminate
+ ~ .bp3-control-indicator {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-file-input {
+ display: inline-block;
+ position: relative;
+ cursor: pointer;
+ height: 30px;
+}
+.bp3-file-input input {
+ opacity: 0;
+ margin: 0;
+ min-width: 200px;
+}
+.bp3-file-input input:disabled + .bp3-file-upload-input,
+.bp3-file-input input.bp3-disabled + .bp3-file-upload-input {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(206, 217, 224, 0.5);
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+ resize: none;
+}
+.bp3-file-input input:disabled + .bp3-file-upload-input::after,
+.bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after {
+ outline: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(206, 217, 224, 0.5);
+ background-image: none;
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-file-input input:disabled + .bp3-file-upload-input::after.bp3-active,
+.bp3-file-input input:disabled + .bp3-file-upload-input::after.bp3-active:hover,
+.bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after.bp3-active,
+.bp3-file-input
+ input.bp3-disabled
+ + .bp3-file-upload-input::after.bp3-active:hover {
+ background: rgba(206, 217, 224, 0.7);
+}
+.bp3-dark .bp3-file-input input:disabled + .bp3-file-upload-input,
+.bp3-dark .bp3-file-input input.bp3-disabled + .bp3-file-upload-input {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(57, 75, 89, 0.5);
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-file-input input:disabled + .bp3-file-upload-input::after,
+.bp3-dark .bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(57, 75, 89, 0.5);
+ background-image: none;
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark
+ .bp3-file-input
+ input:disabled
+ + .bp3-file-upload-input::after.bp3-active,
+.bp3-dark
+ .bp3-file-input
+ input.bp3-disabled
+ + .bp3-file-upload-input::after.bp3-active {
+ background: rgba(57, 75, 89, 0.7);
+}
+.bp3-file-input.bp3-file-input-has-selection .bp3-file-upload-input {
+ color: #182026;
+}
+.bp3-dark .bp3-file-input.bp3-file-input-has-selection .bp3-file-upload-input {
+ color: #f5f8fa;
+}
+.bp3-file-input.bp3-fill {
+ width: 100%;
+}
+.bp3-file-input.bp3-large,
+.bp3-large .bp3-file-input {
+ height: 40px;
+}
+.bp3-file-input .bp3-file-upload-input-custom-text::after {
+ content: attr(bp3-button-text);
+}
+
+.bp3-file-upload-input {
+ outline: none;
+ border: none;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ background: #ffffff;
+ height: 30px;
+ padding: 0 10px;
+ vertical-align: middle;
+ line-height: 30px;
+ color: #182026;
+ font-size: 14px;
+ font-weight: 400;
+ -webkit-transition: -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ padding-right: 80px;
+ color: rgba(92, 112, 128, 0.6);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.bp3-file-upload-input::-webkit-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-file-upload-input::-moz-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-file-upload-input:-ms-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-file-upload-input::-ms-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-file-upload-input::placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-file-upload-input:focus,
+.bp3-file-upload-input.bp3-active {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-file-upload-input[type='search'],
+.bp3-file-upload-input.bp3-round {
+ border-radius: 30px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding-left: 10px;
+}
+.bp3-file-upload-input[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
+}
+.bp3-file-upload-input:disabled,
+.bp3-file-upload-input.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(206, 217, 224, 0.5);
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+ resize: none;
+}
+.bp3-file-upload-input::after {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-color: #f5f8fa;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.8)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.8),
+ rgba(255, 255, 255, 0)
+ );
+ color: #182026;
+ min-width: 24px;
+ min-height: 24px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
+ position: absolute;
+ top: 0;
+ right: 0;
+ margin: 3px;
+ border-radius: 3px;
+ width: 70px;
+ text-align: center;
+ line-height: 24px;
+ content: 'Browse';
+}
+.bp3-file-upload-input::after:hover {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-clip: padding-box;
+ background-color: #ebf1f5;
+}
+.bp3-file-upload-input::after:active,
+.bp3-file-upload-input::after.bp3-active {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #d8e1e8;
+ background-image: none;
+}
+.bp3-file-upload-input::after:disabled,
+.bp3-file-upload-input::after.bp3-disabled {
+ outline: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(206, 217, 224, 0.5);
+ background-image: none;
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-file-upload-input::after:disabled.bp3-active,
+.bp3-file-upload-input::after:disabled.bp3-active:hover,
+.bp3-file-upload-input::after.bp3-disabled.bp3-active,
+.bp3-file-upload-input::after.bp3-disabled.bp3-active:hover {
+ background: rgba(206, 217, 224, 0.7);
+}
+.bp3-file-upload-input:hover::after {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-clip: padding-box;
+ background-color: #ebf1f5;
+}
+.bp3-file-upload-input:active::after {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #d8e1e8;
+ background-image: none;
+}
+.bp3-large .bp3-file-upload-input {
+ height: 40px;
+ line-height: 40px;
+ font-size: 16px;
+ padding-right: 95px;
+}
+.bp3-large .bp3-file-upload-input[type='search'],
+.bp3-large .bp3-file-upload-input.bp3-round {
+ padding: 0 15px;
+}
+.bp3-large .bp3-file-upload-input::after {
+ min-width: 30px;
+ min-height: 30px;
+ margin: 5px;
+ width: 85px;
+ line-height: 30px;
+}
+.bp3-dark .bp3-file-upload-input {
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ background: rgba(16, 22, 26, 0.3);
+ color: #f5f8fa;
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-file-upload-input::-webkit-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-file-upload-input::-moz-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-file-upload-input:-ms-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-file-upload-input::-ms-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-file-upload-input::placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-file-upload-input:focus {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd,
+ 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd,
+ 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-file-upload-input[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-file-upload-input:disabled,
+.bp3-dark .bp3-file-upload-input.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(57, 75, 89, 0.5);
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-file-upload-input::after {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #394b59;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.05)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.05),
+ rgba(255, 255, 255, 0)
+ );
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-file-upload-input::after:hover,
+.bp3-dark .bp3-file-upload-input::after:active,
+.bp3-dark .bp3-file-upload-input::after.bp3-active {
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-file-upload-input::after:hover {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #30404d;
+}
+.bp3-dark .bp3-file-upload-input::after:active,
+.bp3-dark .bp3-file-upload-input::after.bp3-active {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #202b33;
+ background-image: none;
+}
+.bp3-dark .bp3-file-upload-input::after:disabled,
+.bp3-dark .bp3-file-upload-input::after.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(57, 75, 89, 0.5);
+ background-image: none;
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-file-upload-input::after:disabled.bp3-active,
+.bp3-dark .bp3-file-upload-input::after.bp3-disabled.bp3-active {
+ background: rgba(57, 75, 89, 0.7);
+}
+.bp3-dark .bp3-file-upload-input::after .bp3-button-spinner .bp3-spinner-head {
+ background: rgba(16, 22, 26, 0.5);
+ stroke: #8a9ba8;
+}
+.bp3-dark .bp3-file-upload-input:hover::after {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #30404d;
+}
+.bp3-dark .bp3-file-upload-input:active::after {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #202b33;
+ background-image: none;
+}
+
+.bp3-file-upload-input::after {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+}
+.bp3-form-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin: 0 0 15px;
+}
+.bp3-form-group label.bp3-label {
+ margin-bottom: 5px;
+}
+.bp3-form-group .bp3-control {
+ margin-top: 7px;
+}
+.bp3-form-group .bp3-form-helper-text {
+ margin-top: 5px;
+ color: #5c7080;
+ font-size: 12px;
+}
+.bp3-form-group.bp3-intent-primary .bp3-form-helper-text {
+ color: #106ba3;
+}
+.bp3-form-group.bp3-intent-success .bp3-form-helper-text {
+ color: #0d8050;
+}
+.bp3-form-group.bp3-intent-warning .bp3-form-helper-text {
+ color: #bf7326;
+}
+.bp3-form-group.bp3-intent-danger .bp3-form-helper-text {
+ color: #c23030;
+}
+.bp3-form-group.bp3-inline {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.bp3-form-group.bp3-inline.bp3-large label.bp3-label {
+ margin: 0 10px 0 0;
+ line-height: 40px;
+}
+.bp3-form-group.bp3-inline label.bp3-label {
+ margin: 0 10px 0 0;
+ line-height: 30px;
+}
+.bp3-form-group.bp3-disabled .bp3-label,
+.bp3-form-group.bp3-disabled .bp3-text-muted,
+.bp3-form-group.bp3-disabled .bp3-form-helper-text {
+ color: rgba(92, 112, 128, 0.6) !important;
+}
+.bp3-dark .bp3-form-group.bp3-intent-primary .bp3-form-helper-text {
+ color: #48aff0;
+}
+.bp3-dark .bp3-form-group.bp3-intent-success .bp3-form-helper-text {
+ color: #3dcc91;
+}
+.bp3-dark .bp3-form-group.bp3-intent-warning .bp3-form-helper-text {
+ color: #ffb366;
+}
+.bp3-dark .bp3-form-group.bp3-intent-danger .bp3-form-helper-text {
+ color: #ff7373;
+}
+.bp3-dark .bp3-form-group .bp3-form-helper-text {
+ color: #a7b6c2;
+}
+.bp3-dark .bp3-form-group.bp3-disabled .bp3-label,
+.bp3-dark .bp3-form-group.bp3-disabled .bp3-text-muted,
+.bp3-dark .bp3-form-group.bp3-disabled .bp3-form-helper-text {
+ color: rgba(167, 182, 194, 0.6) !important;
+}
+.bp3-input-group {
+ display: block;
+ position: relative;
+}
+.bp3-input-group .bp3-input {
+ position: relative;
+ width: 100%;
+}
+.bp3-input-group .bp3-input:not(:first-child) {
+ padding-left: 30px;
+}
+.bp3-input-group .bp3-input:not(:last-child) {
+ padding-right: 30px;
+}
+.bp3-input-group .bp3-input-action,
+.bp3-input-group > .bp3-button,
+.bp3-input-group > .bp3-icon {
+ position: absolute;
+ top: 0;
+}
+.bp3-input-group .bp3-input-action:first-child,
+.bp3-input-group > .bp3-button:first-child,
+.bp3-input-group > .bp3-icon:first-child {
+ left: 0;
+}
+.bp3-input-group .bp3-input-action:last-child,
+.bp3-input-group > .bp3-button:last-child,
+.bp3-input-group > .bp3-icon:last-child {
+ right: 0;
+}
+.bp3-input-group .bp3-button {
+ min-width: 24px;
+ min-height: 24px;
+ margin: 3px;
+ padding: 0 7px;
+}
+.bp3-input-group .bp3-button:empty {
+ padding: 0;
+}
+.bp3-input-group > .bp3-icon {
+ z-index: 1;
+ color: #5c7080;
+}
+.bp3-input-group > .bp3-icon:empty {
+ line-height: 1;
+ font-family: 'Icons16', sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ font-style: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+}
+.bp3-input-group > .bp3-icon,
+.bp3-input-group .bp3-input-action > .bp3-spinner {
+ margin: 7px;
+}
+.bp3-input-group .bp3-tag {
+ margin: 5px;
+}
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-button.bp3-minimal:not(:hover):not(:focus),
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-input-action
+ .bp3-button.bp3-minimal:not(:hover):not(:focus) {
+ color: #5c7080;
+}
+.bp3-dark
+ .bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-button.bp3-minimal:not(:hover):not(:focus),
+.bp3-dark
+ .bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-input-action
+ .bp3-button.bp3-minimal:not(:hover):not(:focus) {
+ color: #a7b6c2;
+}
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-button.bp3-minimal:not(:hover):not(:focus)
+ .bp3-icon,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-button.bp3-minimal:not(:hover):not(:focus)
+ .bp3-icon-standard,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-button.bp3-minimal:not(:hover):not(:focus)
+ .bp3-icon-large,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-input-action
+ .bp3-button.bp3-minimal:not(:hover):not(:focus)
+ .bp3-icon,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-input-action
+ .bp3-button.bp3-minimal:not(:hover):not(:focus)
+ .bp3-icon-standard,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-input-action
+ .bp3-button.bp3-minimal:not(:hover):not(:focus)
+ .bp3-icon-large {
+ color: #5c7080;
+}
+.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:disabled,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-input-action
+ .bp3-button.bp3-minimal:disabled {
+ color: rgba(92, 112, 128, 0.6) !important;
+}
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-button.bp3-minimal:disabled
+ .bp3-icon,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-button.bp3-minimal:disabled
+ .bp3-icon-standard,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-button.bp3-minimal:disabled
+ .bp3-icon-large,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-input-action
+ .bp3-button.bp3-minimal:disabled
+ .bp3-icon,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-input-action
+ .bp3-button.bp3-minimal:disabled
+ .bp3-icon-standard,
+.bp3-input-group
+ .bp3-input:not(:focus)
+ + .bp3-input-action
+ .bp3-button.bp3-minimal:disabled
+ .bp3-icon-large {
+ color: rgba(92, 112, 128, 0.6) !important;
+}
+.bp3-input-group.bp3-disabled {
+ cursor: not-allowed;
+}
+.bp3-input-group.bp3-disabled .bp3-icon {
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input-group.bp3-large .bp3-button {
+ min-width: 30px;
+ min-height: 30px;
+ margin: 5px;
+}
+.bp3-input-group.bp3-large > .bp3-icon,
+.bp3-input-group.bp3-large .bp3-input-action > .bp3-spinner {
+ margin: 12px;
+}
+.bp3-input-group.bp3-large .bp3-input {
+ height: 40px;
+ line-height: 40px;
+ font-size: 16px;
+}
+.bp3-input-group.bp3-large .bp3-input[type='search'],
+.bp3-input-group.bp3-large .bp3-input.bp3-round {
+ padding: 0 15px;
+}
+.bp3-input-group.bp3-large .bp3-input:not(:first-child) {
+ padding-left: 40px;
+}
+.bp3-input-group.bp3-large .bp3-input:not(:last-child) {
+ padding-right: 40px;
+}
+.bp3-input-group.bp3-small .bp3-button {
+ min-width: 20px;
+ min-height: 20px;
+ margin: 2px;
+}
+.bp3-input-group.bp3-small .bp3-tag {
+ min-width: 20px;
+ min-height: 20px;
+ margin: 2px;
+}
+.bp3-input-group.bp3-small > .bp3-icon,
+.bp3-input-group.bp3-small .bp3-input-action > .bp3-spinner {
+ margin: 4px;
+}
+.bp3-input-group.bp3-small .bp3-input {
+ height: 24px;
+ padding-right: 8px;
+ padding-left: 8px;
+ line-height: 24px;
+ font-size: 12px;
+}
+.bp3-input-group.bp3-small .bp3-input[type='search'],
+.bp3-input-group.bp3-small .bp3-input.bp3-round {
+ padding: 0 12px;
+}
+.bp3-input-group.bp3-small .bp3-input:not(:first-child) {
+ padding-left: 24px;
+}
+.bp3-input-group.bp3-small .bp3-input:not(:last-child) {
+ padding-right: 24px;
+}
+.bp3-input-group.bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 100%;
+}
+.bp3-input-group.bp3-round .bp3-button,
+.bp3-input-group.bp3-round .bp3-input,
+.bp3-input-group.bp3-round .bp3-tag {
+ border-radius: 30px;
+}
+.bp3-dark .bp3-input-group .bp3-icon {
+ color: #a7b6c2;
+}
+.bp3-dark .bp3-input-group.bp3-disabled .bp3-icon {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-input-group.bp3-intent-primary .bp3-input {
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd,
+ inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input-group.bp3-intent-primary .bp3-input:focus {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input-group.bp3-intent-primary .bp3-input[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #137cbd;
+ box-shadow: inset 0 0 0 1px #137cbd;
+}
+.bp3-input-group.bp3-intent-primary .bp3-input:disabled,
+.bp3-input-group.bp3-intent-primary .bp3-input.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-input-group.bp3-intent-primary > .bp3-icon {
+ color: #106ba3;
+}
+.bp3-dark .bp3-input-group.bp3-intent-primary > .bp3-icon {
+ color: #48aff0;
+}
+.bp3-input-group.bp3-intent-success .bp3-input {
+ -webkit-box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0),
+ inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0),
+ inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input-group.bp3-intent-success .bp3-input:focus {
+ -webkit-box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input-group.bp3-intent-success .bp3-input[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #0f9960;
+ box-shadow: inset 0 0 0 1px #0f9960;
+}
+.bp3-input-group.bp3-intent-success .bp3-input:disabled,
+.bp3-input-group.bp3-intent-success .bp3-input.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-input-group.bp3-intent-success > .bp3-icon {
+ color: #0d8050;
+}
+.bp3-dark .bp3-input-group.bp3-intent-success > .bp3-icon {
+ color: #3dcc91;
+}
+.bp3-input-group.bp3-intent-warning .bp3-input {
+ -webkit-box-shadow: 0 0 0 0 rgba(217, 130, 43, 0),
+ 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b,
+ inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0),
+ inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input-group.bp3-intent-warning .bp3-input:focus {
+ -webkit-box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input-group.bp3-intent-warning .bp3-input[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #d9822b;
+ box-shadow: inset 0 0 0 1px #d9822b;
+}
+.bp3-input-group.bp3-intent-warning .bp3-input:disabled,
+.bp3-input-group.bp3-intent-warning .bp3-input.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-input-group.bp3-intent-warning > .bp3-icon {
+ color: #bf7326;
+}
+.bp3-dark .bp3-input-group.bp3-intent-warning > .bp3-icon {
+ color: #ffb366;
+}
+.bp3-input-group.bp3-intent-danger .bp3-input {
+ -webkit-box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0),
+ inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0),
+ inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input-group.bp3-intent-danger .bp3-input:focus {
+ -webkit-box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input-group.bp3-intent-danger .bp3-input[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #db3737;
+ box-shadow: inset 0 0 0 1px #db3737;
+}
+.bp3-input-group.bp3-intent-danger .bp3-input:disabled,
+.bp3-input-group.bp3-intent-danger .bp3-input.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-input-group.bp3-intent-danger > .bp3-icon {
+ color: #c23030;
+}
+.bp3-dark .bp3-input-group.bp3-intent-danger > .bp3-icon {
+ color: #ff7373;
+}
+.bp3-input {
+ outline: none;
+ border: none;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ background: #ffffff;
+ height: 30px;
+ padding: 0 10px;
+ vertical-align: middle;
+ line-height: 30px;
+ color: #182026;
+ font-size: 14px;
+ font-weight: 400;
+ -webkit-transition: -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.bp3-input::-webkit-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input::-moz-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input:-ms-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input::-ms-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input::placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input:focus,
+.bp3-input.bp3-active {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input[type='search'],
+.bp3-input.bp3-round {
+ border-radius: 30px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding-left: 10px;
+}
+.bp3-input[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
+}
+.bp3-input:disabled,
+.bp3-input.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(206, 217, 224, 0.5);
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+ resize: none;
+}
+.bp3-input.bp3-large {
+ height: 40px;
+ line-height: 40px;
+ font-size: 16px;
+}
+.bp3-input.bp3-large[type='search'],
+.bp3-input.bp3-large.bp3-round {
+ padding: 0 15px;
+}
+.bp3-input.bp3-small {
+ height: 24px;
+ padding-right: 8px;
+ padding-left: 8px;
+ line-height: 24px;
+ font-size: 12px;
+}
+.bp3-input.bp3-small[type='search'],
+.bp3-input.bp3-small.bp3-round {
+ padding: 0 12px;
+}
+.bp3-input.bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 100%;
+}
+.bp3-dark .bp3-input {
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ background: rgba(16, 22, 26, 0.3);
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-input::-webkit-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-input::-moz-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-input:-ms-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-input::-ms-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-input::placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-input:focus {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd,
+ 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd,
+ 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-input[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-input:disabled,
+.bp3-dark .bp3-input.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(57, 75, 89, 0.5);
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-input.bp3-intent-primary {
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd,
+ inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input.bp3-intent-primary:focus {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input.bp3-intent-primary[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #137cbd;
+ box-shadow: inset 0 0 0 1px #137cbd;
+}
+.bp3-input.bp3-intent-primary:disabled,
+.bp3-input.bp3-intent-primary.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-dark .bp3-input.bp3-intent-primary {
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd,
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-input.bp3-intent-primary:focus {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd,
+ 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd,
+ 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-input.bp3-intent-primary[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #137cbd;
+ box-shadow: inset 0 0 0 1px #137cbd;
+}
+.bp3-dark .bp3-input.bp3-intent-primary:disabled,
+.bp3-dark .bp3-input.bp3-intent-primary.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-input.bp3-intent-success {
+ -webkit-box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0),
+ inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0),
+ inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input.bp3-intent-success:focus {
+ -webkit-box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input.bp3-intent-success[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #0f9960;
+ box-shadow: inset 0 0 0 1px #0f9960;
+}
+.bp3-input.bp3-intent-success:disabled,
+.bp3-input.bp3-intent-success.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-dark .bp3-input.bp3-intent-success {
+ -webkit-box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0),
+ 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960,
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0),
+ 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960,
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-input.bp3-intent-success:focus {
+ -webkit-box-shadow: 0 0 0 1px #0f9960, 0 0 0 1px #0f9960,
+ 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #0f9960, 0 0 0 1px #0f9960,
+ 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-input.bp3-intent-success[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #0f9960;
+ box-shadow: inset 0 0 0 1px #0f9960;
+}
+.bp3-dark .bp3-input.bp3-intent-success:disabled,
+.bp3-dark .bp3-input.bp3-intent-success.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-input.bp3-intent-warning {
+ -webkit-box-shadow: 0 0 0 0 rgba(217, 130, 43, 0),
+ 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b,
+ inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0),
+ inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input.bp3-intent-warning:focus {
+ -webkit-box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input.bp3-intent-warning[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #d9822b;
+ box-shadow: inset 0 0 0 1px #d9822b;
+}
+.bp3-input.bp3-intent-warning:disabled,
+.bp3-input.bp3-intent-warning.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-dark .bp3-input.bp3-intent-warning {
+ -webkit-box-shadow: 0 0 0 0 rgba(217, 130, 43, 0),
+ 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0),
+ inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0),
+ 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b,
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-input.bp3-intent-warning:focus {
+ -webkit-box-shadow: 0 0 0 1px #d9822b, 0 0 0 1px #d9822b,
+ 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #d9822b, 0 0 0 1px #d9822b,
+ 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-input.bp3-intent-warning[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #d9822b;
+ box-shadow: inset 0 0 0 1px #d9822b;
+}
+.bp3-dark .bp3-input.bp3-intent-warning:disabled,
+.bp3-dark .bp3-input.bp3-intent-warning.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-input.bp3-intent-danger {
+ -webkit-box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0),
+ inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0),
+ inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input.bp3-intent-danger:focus {
+ -webkit-box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-input.bp3-intent-danger[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #db3737;
+ box-shadow: inset 0 0 0 1px #db3737;
+}
+.bp3-input.bp3-intent-danger:disabled,
+.bp3-input.bp3-intent-danger.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-dark .bp3-input.bp3-intent-danger {
+ -webkit-box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0),
+ 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737,
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0),
+ 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737,
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-input.bp3-intent-danger:focus {
+ -webkit-box-shadow: 0 0 0 1px #db3737, 0 0 0 1px #db3737,
+ 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #db3737, 0 0 0 1px #db3737,
+ 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-input.bp3-intent-danger[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px #db3737;
+ box-shadow: inset 0 0 0 1px #db3737;
+}
+.bp3-dark .bp3-input.bp3-intent-danger:disabled,
+.bp3-dark .bp3-input.bp3-intent-danger.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-input::-ms-clear {
+ display: none;
+}
+textarea.bp3-input {
+ max-width: 100%;
+ padding: 10px;
+}
+textarea.bp3-input,
+textarea.bp3-input.bp3-large,
+textarea.bp3-input.bp3-small {
+ height: auto;
+ line-height: inherit;
+}
+textarea.bp3-input.bp3-small {
+ padding: 8px;
+}
+.bp3-dark textarea.bp3-input {
+ -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
+ 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ background: rgba(16, 22, 26, 0.3);
+ color: #f5f8fa;
+}
+.bp3-dark textarea.bp3-input::-webkit-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark textarea.bp3-input::-moz-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark textarea.bp3-input:-ms-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark textarea.bp3-input::-ms-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark textarea.bp3-input::placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark textarea.bp3-input:focus {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd,
+ 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd,
+ 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark textarea.bp3-input[readonly] {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark textarea.bp3-input:disabled,
+.bp3-dark textarea.bp3-input.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(57, 75, 89, 0.5);
+ color: rgba(167, 182, 194, 0.6);
+}
+label.bp3-label {
+ display: block;
+ margin-top: 0;
+ margin-bottom: 15px;
+}
+label.bp3-label .bp3-html-select,
+label.bp3-label .bp3-input,
+label.bp3-label .bp3-select,
+label.bp3-label .bp3-slider,
+label.bp3-label .bp3-popover-wrapper {
+ display: block;
+ margin-top: 5px;
+ text-transform: none;
+}
+label.bp3-label .bp3-button-group {
+ margin-top: 5px;
+}
+label.bp3-label .bp3-select select,
+label.bp3-label .bp3-html-select select {
+ width: 100%;
+ vertical-align: top;
+ font-weight: 400;
+}
+label.bp3-label.bp3-disabled,
+label.bp3-label.bp3-disabled .bp3-text-muted {
+ color: rgba(92, 112, 128, 0.6);
+}
+label.bp3-label.bp3-inline {
+ line-height: 30px;
+}
+label.bp3-label.bp3-inline .bp3-html-select,
+label.bp3-label.bp3-inline .bp3-input,
+label.bp3-label.bp3-inline .bp3-input-group,
+label.bp3-label.bp3-inline .bp3-select,
+label.bp3-label.bp3-inline .bp3-popover-wrapper {
+ display: inline-block;
+ margin: 0 0 0 5px;
+ vertical-align: top;
+}
+label.bp3-label.bp3-inline .bp3-button-group {
+ margin: 0 0 0 5px;
+}
+label.bp3-label.bp3-inline .bp3-input-group .bp3-input {
+ margin-left: 0;
+}
+label.bp3-label.bp3-inline.bp3-large {
+ line-height: 40px;
+}
+label.bp3-label:not(.bp3-inline) .bp3-popover-target {
+ display: block;
+}
+.bp3-dark label.bp3-label {
+ color: #f5f8fa;
+}
+.bp3-dark label.bp3-label.bp3-disabled,
+.bp3-dark label.bp3-label.bp3-disabled .bp3-text-muted {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-numeric-input .bp3-button-group.bp3-vertical > .bp3-button {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 14px;
+ flex: 1 1 14px;
+ width: 30px;
+ min-height: 0;
+ padding: 0;
+}
+.bp3-numeric-input .bp3-button-group.bp3-vertical > .bp3-button:first-child {
+ border-radius: 0 3px 0 0;
+}
+.bp3-numeric-input .bp3-button-group.bp3-vertical > .bp3-button:last-child {
+ border-radius: 0 0 3px 0;
+}
+
+.bp3-numeric-input
+ .bp3-button-group.bp3-vertical:first-child
+ > .bp3-button:first-child {
+ border-radius: 3px 0 0 0;
+}
+
+.bp3-numeric-input
+ .bp3-button-group.bp3-vertical:first-child
+ > .bp3-button:last-child {
+ border-radius: 0 0 0 3px;
+}
+
+.bp3-numeric-input.bp3-large .bp3-button-group.bp3-vertical > .bp3-button {
+ width: 40px;
+}
+
+form {
+ display: block;
+}
+.bp3-html-select select,
+.bp3-select select {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ border: none;
+ border-radius: 3px;
+ cursor: pointer;
+ padding: 5px 10px;
+ vertical-align: middle;
+ text-align: left;
+ font-size: 14px;
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-color: #f5f8fa;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.8)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.8),
+ rgba(255, 255, 255, 0)
+ );
+ color: #182026;
+ border-radius: 3px;
+ width: 100%;
+ height: 30px;
+ padding: 0 25px 0 10px;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+}
+.bp3-html-select select > *,
+.bp3-select select > * {
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.bp3-html-select select > .bp3-fill,
+.bp3-select select > .bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+}
+.bp3-html-select select::before,
+.bp3-select select::before,
+.bp3-html-select select > *,
+.bp3-select select > * {
+ margin-right: 7px;
+}
+.bp3-html-select select:empty::before,
+.bp3-select select:empty::before,
+.bp3-html-select select > :last-child,
+.bp3-select select > :last-child {
+ margin-right: 0;
+}
+.bp3-html-select select:hover,
+.bp3-select select:hover {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-clip: padding-box;
+ background-color: #ebf1f5;
+}
+.bp3-html-select select:active,
+.bp3-select select:active,
+.bp3-html-select select.bp3-active,
+.bp3-select select.bp3-active {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #d8e1e8;
+ background-image: none;
+}
+.bp3-html-select select:disabled,
+.bp3-select select:disabled,
+.bp3-html-select select.bp3-disabled,
+.bp3-select select.bp3-disabled {
+ outline: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(206, 217, 224, 0.5);
+ background-image: none;
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-html-select select:disabled.bp3-active,
+.bp3-select select:disabled.bp3-active,
+.bp3-html-select select:disabled.bp3-active:hover,
+.bp3-select select:disabled.bp3-active:hover,
+.bp3-html-select select.bp3-disabled.bp3-active,
+.bp3-select select.bp3-disabled.bp3-active,
+.bp3-html-select select.bp3-disabled.bp3-active:hover,
+.bp3-select select.bp3-disabled.bp3-active:hover {
+ background: rgba(206, 217, 224, 0.7);
+}
+
+.bp3-html-select.bp3-minimal select,
+.bp3-select.bp3-minimal select {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+.bp3-html-select.bp3-minimal select:hover,
+.bp3-select.bp3-minimal select:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(167, 182, 194, 0.3);
+ text-decoration: none;
+ color: #182026;
+}
+.bp3-html-select.bp3-minimal select:active,
+.bp3-select.bp3-minimal select:active,
+.bp3-html-select.bp3-minimal select.bp3-active,
+.bp3-select.bp3-minimal select.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(115, 134, 148, 0.3);
+ color: #182026;
+}
+.bp3-html-select.bp3-minimal select:disabled,
+.bp3-select.bp3-minimal select:disabled,
+.bp3-html-select.bp3-minimal select:disabled:hover,
+.bp3-select.bp3-minimal select:disabled:hover,
+.bp3-html-select.bp3-minimal select.bp3-disabled,
+.bp3-select.bp3-minimal select.bp3-disabled,
+.bp3-html-select.bp3-minimal select.bp3-disabled:hover,
+.bp3-select.bp3-minimal select.bp3-disabled:hover {
+ background: none;
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-html-select.bp3-minimal select:disabled.bp3-active,
+.bp3-select.bp3-minimal select:disabled.bp3-active,
+.bp3-html-select.bp3-minimal select:disabled:hover.bp3-active,
+.bp3-select.bp3-minimal select:disabled:hover.bp3-active,
+.bp3-html-select.bp3-minimal select.bp3-disabled.bp3-active,
+.bp3-select.bp3-minimal select.bp3-disabled.bp3-active,
+.bp3-html-select.bp3-minimal select.bp3-disabled:hover.bp3-active,
+.bp3-select.bp3-minimal select.bp3-disabled:hover.bp3-active {
+ background: rgba(115, 134, 148, 0.3);
+}
+.bp3-dark .bp3-html-select.bp3-minimal select,
+.bp3-html-select.bp3-minimal .bp3-dark select,
+.bp3-dark .bp3-select.bp3-minimal select,
+.bp3-select.bp3-minimal .bp3-dark select {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: inherit;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select:hover,
+.bp3-html-select.bp3-minimal .bp3-dark select:hover,
+.bp3-dark .bp3-select.bp3-minimal select:hover,
+.bp3-select.bp3-minimal .bp3-dark select:hover,
+.bp3-dark .bp3-html-select.bp3-minimal select:active,
+.bp3-html-select.bp3-minimal .bp3-dark select:active,
+.bp3-dark .bp3-select.bp3-minimal select:active,
+.bp3-select.bp3-minimal .bp3-dark select:active,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select:hover,
+.bp3-html-select.bp3-minimal .bp3-dark select:hover,
+.bp3-dark .bp3-select.bp3-minimal select:hover,
+.bp3-select.bp3-minimal .bp3-dark select:hover {
+ background: rgba(138, 155, 168, 0.15);
+}
+.bp3-dark .bp3-html-select.bp3-minimal select:active,
+.bp3-html-select.bp3-minimal .bp3-dark select:active,
+.bp3-dark .bp3-select.bp3-minimal select:active,
+.bp3-select.bp3-minimal .bp3-dark select:active,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-active {
+ background: rgba(138, 155, 168, 0.3);
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select:disabled,
+.bp3-html-select.bp3-minimal .bp3-dark select:disabled,
+.bp3-dark .bp3-select.bp3-minimal select:disabled,
+.bp3-select.bp3-minimal .bp3-dark select:disabled,
+.bp3-dark .bp3-html-select.bp3-minimal select:disabled:hover,
+.bp3-html-select.bp3-minimal .bp3-dark select:disabled:hover,
+.bp3-dark .bp3-select.bp3-minimal select:disabled:hover,
+.bp3-select.bp3-minimal .bp3-dark select:disabled:hover,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-disabled,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-disabled,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-disabled,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-disabled,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-disabled:hover,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-disabled:hover,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-disabled:hover,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-disabled:hover {
+ background: none;
+ cursor: not-allowed;
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-html-select.bp3-minimal select:disabled.bp3-active,
+.bp3-html-select.bp3-minimal .bp3-dark select:disabled.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select:disabled.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select:disabled.bp3-active,
+.bp3-dark .bp3-html-select.bp3-minimal select:disabled:hover.bp3-active,
+.bp3-html-select.bp3-minimal .bp3-dark select:disabled:hover.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select:disabled:hover.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select:disabled:hover.bp3-active,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-disabled.bp3-active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-disabled.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-disabled.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-disabled.bp3-active,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-disabled:hover.bp3-active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-disabled:hover.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-disabled:hover.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-disabled:hover.bp3-active {
+ background: rgba(138, 155, 168, 0.3);
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-primary,
+.bp3-select.bp3-minimal select.bp3-intent-primary {
+ color: #106ba3;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-primary:hover,
+.bp3-select.bp3-minimal select.bp3-intent-primary:hover,
+.bp3-html-select.bp3-minimal select.bp3-intent-primary:active,
+.bp3-select.bp3-minimal select.bp3-intent-primary:active,
+.bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #106ba3;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-primary:hover,
+.bp3-select.bp3-minimal select.bp3-intent-primary:hover {
+ background: rgba(19, 124, 189, 0.15);
+ color: #106ba3;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-primary:active,
+.bp3-select.bp3-minimal select.bp3-intent-primary:active,
+.bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+ color: #106ba3;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-primary:disabled,
+.bp3-select.bp3-minimal select.bp3-intent-primary:disabled,
+.bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-disabled,
+.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-disabled {
+ background: none;
+ color: rgba(16, 107, 163, 0.5);
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-primary:disabled.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-primary:disabled.bp3-active,
+.bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-disabled.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-disabled.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+}
+.bp3-html-select.bp3-minimal
+ select.bp3-intent-primary
+ .bp3-button-spinner
+ .bp3-spinner-head,
+.bp3-select.bp3-minimal
+ select.bp3-intent-primary
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #106ba3;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary {
+ color: #48aff0;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary:hover,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary:hover,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary:hover,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary:hover {
+ background: rgba(19, 124, 189, 0.2);
+ color: #48aff0;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary:active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary:active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary:active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary:active,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+ color: #48aff0;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary:disabled,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary:disabled,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary:disabled,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary:disabled,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-disabled,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary.bp3-disabled,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary.bp3-disabled,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary.bp3-disabled {
+ background: none;
+ color: rgba(72, 175, 240, 0.5);
+}
+.bp3-dark
+ .bp3-html-select.bp3-minimal
+ select.bp3-intent-primary:disabled.bp3-active,
+.bp3-html-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-primary:disabled.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary:disabled.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary:disabled.bp3-active,
+.bp3-dark
+ .bp3-html-select.bp3-minimal
+ select.bp3-intent-primary.bp3-disabled.bp3-active,
+.bp3-html-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-primary.bp3-disabled.bp3-active,
+.bp3-dark
+ .bp3-select.bp3-minimal
+ select.bp3-intent-primary.bp3-disabled.bp3-active,
+.bp3-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-primary.bp3-disabled.bp3-active {
+ background: rgba(19, 124, 189, 0.3);
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-success,
+.bp3-select.bp3-minimal select.bp3-intent-success {
+ color: #0d8050;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-success:hover,
+.bp3-select.bp3-minimal select.bp3-intent-success:hover,
+.bp3-html-select.bp3-minimal select.bp3-intent-success:active,
+.bp3-select.bp3-minimal select.bp3-intent-success:active,
+.bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-success.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #0d8050;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-success:hover,
+.bp3-select.bp3-minimal select.bp3-intent-success:hover {
+ background: rgba(15, 153, 96, 0.15);
+ color: #0d8050;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-success:active,
+.bp3-select.bp3-minimal select.bp3-intent-success:active,
+.bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-success.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+ color: #0d8050;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-success:disabled,
+.bp3-select.bp3-minimal select.bp3-intent-success:disabled,
+.bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-disabled,
+.bp3-select.bp3-minimal select.bp3-intent-success.bp3-disabled {
+ background: none;
+ color: rgba(13, 128, 80, 0.5);
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-success:disabled.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-success:disabled.bp3-active,
+.bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-disabled.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-success.bp3-disabled.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+}
+.bp3-html-select.bp3-minimal
+ select.bp3-intent-success
+ .bp3-button-spinner
+ .bp3-spinner-head,
+.bp3-select.bp3-minimal
+ select.bp3-intent-success
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #0d8050;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success {
+ color: #3dcc91;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success:hover,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success:hover,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success:hover,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success:hover {
+ background: rgba(15, 153, 96, 0.2);
+ color: #3dcc91;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success:active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success:active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success:active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success:active,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+ color: #3dcc91;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success:disabled,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success:disabled,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success:disabled,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success:disabled,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-disabled,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success.bp3-disabled,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success.bp3-disabled,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success.bp3-disabled {
+ background: none;
+ color: rgba(61, 204, 145, 0.5);
+}
+.bp3-dark
+ .bp3-html-select.bp3-minimal
+ select.bp3-intent-success:disabled.bp3-active,
+.bp3-html-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-success:disabled.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success:disabled.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success:disabled.bp3-active,
+.bp3-dark
+ .bp3-html-select.bp3-minimal
+ select.bp3-intent-success.bp3-disabled.bp3-active,
+.bp3-html-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-success.bp3-disabled.bp3-active,
+.bp3-dark
+ .bp3-select.bp3-minimal
+ select.bp3-intent-success.bp3-disabled.bp3-active,
+.bp3-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-success.bp3-disabled.bp3-active {
+ background: rgba(15, 153, 96, 0.3);
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-warning,
+.bp3-select.bp3-minimal select.bp3-intent-warning {
+ color: #bf7326;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-warning:hover,
+.bp3-select.bp3-minimal select.bp3-intent-warning:hover,
+.bp3-html-select.bp3-minimal select.bp3-intent-warning:active,
+.bp3-select.bp3-minimal select.bp3-intent-warning:active,
+.bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #bf7326;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-warning:hover,
+.bp3-select.bp3-minimal select.bp3-intent-warning:hover {
+ background: rgba(217, 130, 43, 0.15);
+ color: #bf7326;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-warning:active,
+.bp3-select.bp3-minimal select.bp3-intent-warning:active,
+.bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+ color: #bf7326;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-warning:disabled,
+.bp3-select.bp3-minimal select.bp3-intent-warning:disabled,
+.bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-disabled,
+.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-disabled {
+ background: none;
+ color: rgba(191, 115, 38, 0.5);
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-warning:disabled.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-warning:disabled.bp3-active,
+.bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-disabled.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-disabled.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+}
+.bp3-html-select.bp3-minimal
+ select.bp3-intent-warning
+ .bp3-button-spinner
+ .bp3-spinner-head,
+.bp3-select.bp3-minimal
+ select.bp3-intent-warning
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #bf7326;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning {
+ color: #ffb366;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning:hover,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning:hover,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning:hover,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning:hover {
+ background: rgba(217, 130, 43, 0.2);
+ color: #ffb366;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning:active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning:active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning:active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning:active,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+ color: #ffb366;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning:disabled,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning:disabled,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning:disabled,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning:disabled,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-disabled,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning.bp3-disabled,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning.bp3-disabled,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning.bp3-disabled {
+ background: none;
+ color: rgba(255, 179, 102, 0.5);
+}
+.bp3-dark
+ .bp3-html-select.bp3-minimal
+ select.bp3-intent-warning:disabled.bp3-active,
+.bp3-html-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-warning:disabled.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning:disabled.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning:disabled.bp3-active,
+.bp3-dark
+ .bp3-html-select.bp3-minimal
+ select.bp3-intent-warning.bp3-disabled.bp3-active,
+.bp3-html-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-warning.bp3-disabled.bp3-active,
+.bp3-dark
+ .bp3-select.bp3-minimal
+ select.bp3-intent-warning.bp3-disabled.bp3-active,
+.bp3-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-warning.bp3-disabled.bp3-active {
+ background: rgba(217, 130, 43, 0.3);
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-danger,
+.bp3-select.bp3-minimal select.bp3-intent-danger {
+ color: #c23030;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-danger:hover,
+.bp3-select.bp3-minimal select.bp3-intent-danger:hover,
+.bp3-html-select.bp3-minimal select.bp3-intent-danger:active,
+.bp3-select.bp3-minimal select.bp3-intent-danger:active,
+.bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ color: #c23030;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-danger:hover,
+.bp3-select.bp3-minimal select.bp3-intent-danger:hover {
+ background: rgba(219, 55, 55, 0.15);
+ color: #c23030;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-danger:active,
+.bp3-select.bp3-minimal select.bp3-intent-danger:active,
+.bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+ color: #c23030;
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-danger:disabled,
+.bp3-select.bp3-minimal select.bp3-intent-danger:disabled,
+.bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-disabled,
+.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-disabled {
+ background: none;
+ color: rgba(194, 48, 48, 0.5);
+}
+.bp3-html-select.bp3-minimal select.bp3-intent-danger:disabled.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-danger:disabled.bp3-active,
+.bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-disabled.bp3-active,
+.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-disabled.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+}
+.bp3-html-select.bp3-minimal
+ select.bp3-intent-danger
+ .bp3-button-spinner
+ .bp3-spinner-head,
+.bp3-select.bp3-minimal
+ select.bp3-intent-danger
+ .bp3-button-spinner
+ .bp3-spinner-head {
+ stroke: #c23030;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger {
+ color: #ff7373;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger:hover,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger:hover,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger:hover,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger:hover {
+ background: rgba(219, 55, 55, 0.2);
+ color: #ff7373;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger:active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger:active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger:active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger:active,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-active,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+ color: #ff7373;
+}
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger:disabled,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger:disabled,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger:disabled,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger:disabled,
+.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-disabled,
+.bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger.bp3-disabled,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger.bp3-disabled,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger.bp3-disabled {
+ background: none;
+ color: rgba(255, 115, 115, 0.5);
+}
+.bp3-dark
+ .bp3-html-select.bp3-minimal
+ select.bp3-intent-danger:disabled.bp3-active,
+.bp3-html-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-danger:disabled.bp3-active,
+.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger:disabled.bp3-active,
+.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger:disabled.bp3-active,
+.bp3-dark
+ .bp3-html-select.bp3-minimal
+ select.bp3-intent-danger.bp3-disabled.bp3-active,
+.bp3-html-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-danger.bp3-disabled.bp3-active,
+.bp3-dark
+ .bp3-select.bp3-minimal
+ select.bp3-intent-danger.bp3-disabled.bp3-active,
+.bp3-select.bp3-minimal
+ .bp3-dark
+ select.bp3-intent-danger.bp3-disabled.bp3-active {
+ background: rgba(219, 55, 55, 0.3);
+}
+
+.bp3-html-select.bp3-large select,
+.bp3-select.bp3-large select {
+ height: 40px;
+ padding-right: 35px;
+ font-size: 16px;
+}
+
+.bp3-dark .bp3-html-select select,
+.bp3-dark .bp3-select select {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #394b59;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.05)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.05),
+ rgba(255, 255, 255, 0)
+ );
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-html-select select:hover,
+.bp3-dark .bp3-select select:hover,
+.bp3-dark .bp3-html-select select:active,
+.bp3-dark .bp3-select select:active,
+.bp3-dark .bp3-html-select select.bp3-active,
+.bp3-dark .bp3-select select.bp3-active {
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-html-select select:hover,
+.bp3-dark .bp3-select select:hover {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #30404d;
+}
+.bp3-dark .bp3-html-select select:active,
+.bp3-dark .bp3-select select:active,
+.bp3-dark .bp3-html-select select.bp3-active,
+.bp3-dark .bp3-select select.bp3-active {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #202b33;
+ background-image: none;
+}
+.bp3-dark .bp3-html-select select:disabled,
+.bp3-dark .bp3-select select:disabled,
+.bp3-dark .bp3-html-select select.bp3-disabled,
+.bp3-dark .bp3-select select.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(57, 75, 89, 0.5);
+ background-image: none;
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-html-select select:disabled.bp3-active,
+.bp3-dark .bp3-select select:disabled.bp3-active,
+.bp3-dark .bp3-html-select select.bp3-disabled.bp3-active,
+.bp3-dark .bp3-select select.bp3-disabled.bp3-active {
+ background: rgba(57, 75, 89, 0.7);
+}
+.bp3-dark .bp3-html-select select .bp3-button-spinner .bp3-spinner-head,
+.bp3-dark .bp3-select select .bp3-button-spinner .bp3-spinner-head {
+ background: rgba(16, 22, 26, 0.5);
+ stroke: #8a9ba8;
+}
+
+.bp3-html-select select:disabled,
+.bp3-select select:disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(206, 217, 224, 0.5);
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+
+.bp3-html-select .bp3-icon,
+.bp3-select .bp3-icon,
+.bp3-select::after {
+ position: absolute;
+ top: 7px;
+ right: 7px;
+ color: #5c7080;
+ pointer-events: none;
+}
+.bp3-html-select .bp3-disabled.bp3-icon,
+.bp3-select .bp3-disabled.bp3-icon,
+.bp3-disabled.bp3-select::after {
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-html-select,
+.bp3-select {
+ display: inline-block;
+ position: relative;
+ vertical-align: middle;
+ letter-spacing: normal;
+}
+.bp3-html-select select::-ms-expand,
+.bp3-select select::-ms-expand {
+ display: none;
+}
+.bp3-html-select .bp3-icon,
+.bp3-select .bp3-icon {
+ color: #5c7080;
+}
+.bp3-html-select .bp3-icon:hover,
+.bp3-select .bp3-icon:hover {
+ color: #182026;
+}
+.bp3-dark .bp3-html-select .bp3-icon,
+.bp3-dark .bp3-select .bp3-icon {
+ color: #a7b6c2;
+}
+.bp3-dark .bp3-html-select .bp3-icon:hover,
+.bp3-dark .bp3-select .bp3-icon:hover {
+ color: #f5f8fa;
+}
+.bp3-html-select.bp3-large::after,
+.bp3-html-select.bp3-large .bp3-icon,
+.bp3-select.bp3-large::after,
+.bp3-select.bp3-large .bp3-icon {
+ top: 12px;
+ right: 12px;
+}
+.bp3-html-select.bp3-fill,
+.bp3-html-select.bp3-fill select,
+.bp3-select.bp3-fill,
+.bp3-select.bp3-fill select {
+ width: 100%;
+}
+.bp3-dark .bp3-html-select option,
+.bp3-dark .bp3-select option {
+ background-color: #30404d;
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-html-select::after,
+.bp3-dark .bp3-select::after {
+ color: #a7b6c2;
+}
+
+.bp3-select::after {
+ line-height: 1;
+ font-family: 'Icons16', sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ font-style: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ content: '';
+}
+.bp3-running-text table,
+table.bp3-html-table {
+ border-spacing: 0;
+ font-size: 14px;
+}
+.bp3-running-text table th,
+table.bp3-html-table th,
+.bp3-running-text table td,
+table.bp3-html-table td {
+ padding: 11px;
+ vertical-align: top;
+ text-align: left;
+}
+.bp3-running-text table th,
+table.bp3-html-table th {
+ color: #182026;
+ font-weight: 600;
+}
+
+.bp3-running-text table td,
+table.bp3-html-table td {
+ color: #182026;
+}
+.bp3-running-text table tbody tr:first-child th,
+table.bp3-html-table tbody tr:first-child th,
+.bp3-running-text table tbody tr:first-child td,
+table.bp3-html-table tbody tr:first-child td {
+ -webkit-box-shadow: inset 0 1px 0 0 rgba(16, 22, 26, 0.15);
+ box-shadow: inset 0 1px 0 0 rgba(16, 22, 26, 0.15);
+}
+.bp3-dark .bp3-running-text table th,
+.bp3-running-text .bp3-dark table th,
+.bp3-dark table.bp3-html-table th {
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-running-text table td,
+.bp3-running-text .bp3-dark table td,
+.bp3-dark table.bp3-html-table td {
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-running-text table tbody tr:first-child th,
+.bp3-running-text .bp3-dark table tbody tr:first-child th,
+.bp3-dark table.bp3-html-table tbody tr:first-child th,
+.bp3-dark .bp3-running-text table tbody tr:first-child td,
+.bp3-running-text .bp3-dark table tbody tr:first-child td,
+.bp3-dark table.bp3-html-table tbody tr:first-child td {
+ -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
+}
+
+table.bp3-html-table.bp3-html-table-condensed th,
+table.bp3-html-table.bp3-html-table-condensed td,
+table.bp3-html-table.bp3-small th,
+table.bp3-html-table.bp3-small td {
+ padding-top: 6px;
+ padding-bottom: 6px;
+}
+
+table.bp3-html-table.bp3-html-table-striped tbody tr:nth-child(odd) td {
+ background: rgba(191, 204, 214, 0.15);
+}
+
+table.bp3-html-table.bp3-html-table-bordered th:not(:first-child) {
+ -webkit-box-shadow: inset 1px 0 0 0 rgba(16, 22, 26, 0.15);
+ box-shadow: inset 1px 0 0 0 rgba(16, 22, 26, 0.15);
+}
+
+table.bp3-html-table.bp3-html-table-bordered tbody tr td {
+ -webkit-box-shadow: inset 0 1px 0 0 rgba(16, 22, 26, 0.15);
+ box-shadow: inset 0 1px 0 0 rgba(16, 22, 26, 0.15);
+}
+table.bp3-html-table.bp3-html-table-bordered tbody tr td:not(:first-child) {
+ -webkit-box-shadow: inset 1px 1px 0 0 rgba(16, 22, 26, 0.15);
+ box-shadow: inset 1px 1px 0 0 rgba(16, 22, 26, 0.15);
+}
+
+table.bp3-html-table.bp3-html-table-bordered.bp3-html-table-striped
+ tbody
+ tr:not(:first-child)
+ td {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+table.bp3-html-table.bp3-html-table-bordered.bp3-html-table-striped
+ tbody
+ tr:not(:first-child)
+ td:not(:first-child) {
+ -webkit-box-shadow: inset 1px 0 0 0 rgba(16, 22, 26, 0.15);
+ box-shadow: inset 1px 0 0 0 rgba(16, 22, 26, 0.15);
+}
+
+table.bp3-html-table.bp3-interactive tbody tr:hover td {
+ background-color: rgba(191, 204, 214, 0.3);
+ cursor: pointer;
+}
+
+table.bp3-html-table.bp3-interactive tbody tr:active td {
+ background-color: rgba(191, 204, 214, 0.4);
+}
+
+.bp3-dark
+ table.bp3-html-table.bp3-html-table-striped
+ tbody
+ tr:nth-child(odd)
+ td {
+ background: rgba(92, 112, 128, 0.15);
+}
+
+.bp3-dark table.bp3-html-table.bp3-html-table-bordered th:not(:first-child) {
+ -webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.15);
+ box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.15);
+}
+
+.bp3-dark table.bp3-html-table.bp3-html-table-bordered tbody tr td {
+ -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
+}
+.bp3-dark
+ table.bp3-html-table.bp3-html-table-bordered
+ tbody
+ tr
+ td:not(:first-child) {
+ -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.15);
+ box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.15);
+}
+
+.bp3-dark
+ table.bp3-html-table.bp3-html-table-bordered.bp3-html-table-striped
+ tbody
+ tr:not(:first-child)
+ td {
+ -webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.15);
+ box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.15);
+}
+.bp3-dark
+ table.bp3-html-table.bp3-html-table-bordered.bp3-html-table-striped
+ tbody
+ tr:not(:first-child)
+ td:first-child {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.bp3-dark table.bp3-html-table.bp3-interactive tbody tr:hover td {
+ background-color: rgba(92, 112, 128, 0.3);
+ cursor: pointer;
+}
+
+.bp3-dark table.bp3-html-table.bp3-interactive tbody tr:active td {
+ background-color: rgba(92, 112, 128, 0.4);
+}
+
+.bp3-key-combo {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.bp3-key-combo > * {
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.bp3-key-combo > .bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+}
+.bp3-key-combo::before,
+.bp3-key-combo > * {
+ margin-right: 5px;
+}
+.bp3-key-combo:empty::before,
+.bp3-key-combo > :last-child {
+ margin-right: 0;
+}
+
+.bp3-hotkey-dialog {
+ top: 40px;
+ padding-bottom: 0;
+}
+.bp3-hotkey-dialog .bp3-dialog-body {
+ margin: 0;
+ padding: 0;
+}
+.bp3-hotkey-dialog .bp3-hotkey-label {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+}
+
+.bp3-hotkey-column {
+ margin: auto;
+ max-height: 80vh;
+ overflow-y: auto;
+ padding: 30px;
+}
+.bp3-hotkey-column .bp3-heading {
+ margin-bottom: 20px;
+}
+.bp3-hotkey-column .bp3-heading:not(:first-child) {
+ margin-top: 40px;
+}
+
+.bp3-hotkey {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ margin-right: 0;
+ margin-left: 0;
+}
+.bp3-hotkey:not(:last-child) {
+ margin-bottom: 10px;
+}
+.bp3-icon {
+ display: inline-block;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ vertical-align: text-bottom;
+}
+.bp3-icon:not(:empty)::before {
+ content: '' !important;
+ content: unset !important;
+}
+.bp3-icon > svg {
+ display: block;
+}
+.bp3-icon > svg:not([fill]) {
+ fill: currentColor;
+}
+
+.bp3-icon.bp3-intent-primary,
+.bp3-icon-standard.bp3-intent-primary,
+.bp3-icon-large.bp3-intent-primary {
+ color: #106ba3;
+}
+.bp3-dark .bp3-icon.bp3-intent-primary,
+.bp3-dark .bp3-icon-standard.bp3-intent-primary,
+.bp3-dark .bp3-icon-large.bp3-intent-primary {
+ color: #48aff0;
+}
+
+.bp3-icon.bp3-intent-success,
+.bp3-icon-standard.bp3-intent-success,
+.bp3-icon-large.bp3-intent-success {
+ color: #0d8050;
+}
+.bp3-dark .bp3-icon.bp3-intent-success,
+.bp3-dark .bp3-icon-standard.bp3-intent-success,
+.bp3-dark .bp3-icon-large.bp3-intent-success {
+ color: #3dcc91;
+}
+
+.bp3-icon.bp3-intent-warning,
+.bp3-icon-standard.bp3-intent-warning,
+.bp3-icon-large.bp3-intent-warning {
+ color: #bf7326;
+}
+.bp3-dark .bp3-icon.bp3-intent-warning,
+.bp3-dark .bp3-icon-standard.bp3-intent-warning,
+.bp3-dark .bp3-icon-large.bp3-intent-warning {
+ color: #ffb366;
+}
+
+.bp3-icon.bp3-intent-danger,
+.bp3-icon-standard.bp3-intent-danger,
+.bp3-icon-large.bp3-intent-danger {
+ color: #c23030;
+}
+.bp3-dark .bp3-icon.bp3-intent-danger,
+.bp3-dark .bp3-icon-standard.bp3-intent-danger,
+.bp3-dark .bp3-icon-large.bp3-intent-danger {
+ color: #ff7373;
+}
+
+span.bp3-icon-standard {
+ line-height: 1;
+ font-family: 'Icons16', sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ font-style: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+}
+
+span.bp3-icon-large {
+ line-height: 1;
+ font-family: 'Icons20', sans-serif;
+ font-size: 20px;
+ font-weight: 400;
+ font-style: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+}
+
+span.bp3-icon:empty {
+ line-height: 1;
+ font-family: 'Icons20';
+ font-size: inherit;
+ font-weight: 400;
+ font-style: normal;
+}
+span.bp3-icon:empty::before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+}
+
+.bp3-icon-add::before {
+ content: '';
+}
+
+.bp3-icon-add-column-left::before {
+ content: '';
+}
+
+.bp3-icon-add-column-right::before {
+ content: '';
+}
+
+.bp3-icon-add-row-bottom::before {
+ content: '';
+}
+
+.bp3-icon-add-row-top::before {
+ content: '';
+}
+
+.bp3-icon-add-to-artifact::before {
+ content: '';
+}
+
+.bp3-icon-add-to-folder::before {
+ content: '';
+}
+
+.bp3-icon-airplane::before {
+ content: '';
+}
+
+.bp3-icon-align-center::before {
+ content: '';
+}
+
+.bp3-icon-align-justify::before {
+ content: '';
+}
+
+.bp3-icon-align-left::before {
+ content: '';
+}
+
+.bp3-icon-align-right::before {
+ content: '';
+}
+
+.bp3-icon-alignment-bottom::before {
+ content: '';
+}
+
+.bp3-icon-alignment-horizontal-center::before {
+ content: '';
+}
+
+.bp3-icon-alignment-left::before {
+ content: '';
+}
+
+.bp3-icon-alignment-right::before {
+ content: '';
+}
+
+.bp3-icon-alignment-top::before {
+ content: '';
+}
+
+.bp3-icon-alignment-vertical-center::before {
+ content: '';
+}
+
+.bp3-icon-annotation::before {
+ content: '';
+}
+
+.bp3-icon-application::before {
+ content: '';
+}
+
+.bp3-icon-applications::before {
+ content: '';
+}
+
+.bp3-icon-archive::before {
+ content: '';
+}
+
+.bp3-icon-arrow-bottom-left::before {
+ content: '↙';
+}
+
+.bp3-icon-arrow-bottom-right::before {
+ content: '↘';
+}
+
+.bp3-icon-arrow-down::before {
+ content: '↓';
+}
+
+.bp3-icon-arrow-left::before {
+ content: '←';
+}
+
+.bp3-icon-arrow-right::before {
+ content: '→';
+}
+
+.bp3-icon-arrow-top-left::before {
+ content: '↖';
+}
+
+.bp3-icon-arrow-top-right::before {
+ content: '↗';
+}
+
+.bp3-icon-arrow-up::before {
+ content: '↑';
+}
+
+.bp3-icon-arrows-horizontal::before {
+ content: '↔';
+}
+
+.bp3-icon-arrows-vertical::before {
+ content: '↕';
+}
+
+.bp3-icon-asterisk::before {
+ content: '*';
+}
+
+.bp3-icon-automatic-updates::before {
+ content: '';
+}
+
+.bp3-icon-badge::before {
+ content: '';
+}
+
+.bp3-icon-ban-circle::before {
+ content: '';
+}
+
+.bp3-icon-bank-account::before {
+ content: '';
+}
+
+.bp3-icon-barcode::before {
+ content: '';
+}
+
+.bp3-icon-blank::before {
+ content: '';
+}
+
+.bp3-icon-blocked-person::before {
+ content: '';
+}
+
+.bp3-icon-bold::before {
+ content: '';
+}
+
+.bp3-icon-book::before {
+ content: '';
+}
+
+.bp3-icon-bookmark::before {
+ content: '';
+}
+
+.bp3-icon-box::before {
+ content: '';
+}
+
+.bp3-icon-briefcase::before {
+ content: '';
+}
+
+.bp3-icon-bring-data::before {
+ content: '';
+}
+
+.bp3-icon-build::before {
+ content: '';
+}
+
+.bp3-icon-calculator::before {
+ content: '';
+}
+
+.bp3-icon-calendar::before {
+ content: '';
+}
+
+.bp3-icon-camera::before {
+ content: '';
+}
+
+.bp3-icon-caret-down::before {
+ content: '⌄';
+}
+
+.bp3-icon-caret-left::before {
+ content: '〈';
+}
+
+.bp3-icon-caret-right::before {
+ content: '〉';
+}
+
+.bp3-icon-caret-up::before {
+ content: '⌃';
+}
+
+.bp3-icon-cell-tower::before {
+ content: '';
+}
+
+.bp3-icon-changes::before {
+ content: '';
+}
+
+.bp3-icon-chart::before {
+ content: '';
+}
+
+.bp3-icon-chat::before {
+ content: '';
+}
+
+.bp3-icon-chevron-backward::before {
+ content: '';
+}
+
+.bp3-icon-chevron-down::before {
+ content: '';
+}
+
+.bp3-icon-chevron-forward::before {
+ content: '';
+}
+
+.bp3-icon-chevron-left::before {
+ content: '';
+}
+
+.bp3-icon-chevron-right::before {
+ content: '';
+}
+
+.bp3-icon-chevron-up::before {
+ content: '';
+}
+
+.bp3-icon-circle::before {
+ content: '';
+}
+
+.bp3-icon-circle-arrow-down::before {
+ content: '';
+}
+
+.bp3-icon-circle-arrow-left::before {
+ content: '';
+}
+
+.bp3-icon-circle-arrow-right::before {
+ content: '';
+}
+
+.bp3-icon-circle-arrow-up::before {
+ content: '';
+}
+
+.bp3-icon-citation::before {
+ content: '';
+}
+
+.bp3-icon-clean::before {
+ content: '';
+}
+
+.bp3-icon-clipboard::before {
+ content: '';
+}
+
+.bp3-icon-cloud::before {
+ content: '☁';
+}
+
+.bp3-icon-cloud-download::before {
+ content: '';
+}
+
+.bp3-icon-cloud-upload::before {
+ content: '';
+}
+
+.bp3-icon-code::before {
+ content: '';
+}
+
+.bp3-icon-code-block::before {
+ content: '';
+}
+
+.bp3-icon-cog::before {
+ content: '';
+}
+
+.bp3-icon-collapse-all::before {
+ content: '';
+}
+
+.bp3-icon-column-layout::before {
+ content: '';
+}
+
+.bp3-icon-comment::before {
+ content: '';
+}
+
+.bp3-icon-comparison::before {
+ content: '';
+}
+
+.bp3-icon-compass::before {
+ content: '';
+}
+
+.bp3-icon-compressed::before {
+ content: '';
+}
+
+.bp3-icon-confirm::before {
+ content: '';
+}
+
+.bp3-icon-console::before {
+ content: '';
+}
+
+.bp3-icon-contrast::before {
+ content: '';
+}
+
+.bp3-icon-control::before {
+ content: '';
+}
+
+.bp3-icon-credit-card::before {
+ content: '';
+}
+
+.bp3-icon-cross::before {
+ content: '✗';
+}
+
+.bp3-icon-crown::before {
+ content: '';
+}
+
+.bp3-icon-cube::before {
+ content: '';
+}
+
+.bp3-icon-cube-add::before {
+ content: '';
+}
+
+.bp3-icon-cube-remove::before {
+ content: '';
+}
+
+.bp3-icon-curved-range-chart::before {
+ content: '';
+}
+
+.bp3-icon-cut::before {
+ content: '';
+}
+
+.bp3-icon-dashboard::before {
+ content: '';
+}
+
+.bp3-icon-data-lineage::before {
+ content: '';
+}
+
+.bp3-icon-database::before {
+ content: '';
+}
+
+.bp3-icon-delete::before {
+ content: '';
+}
+
+.bp3-icon-delta::before {
+ content: 'Δ';
+}
+
+.bp3-icon-derive-column::before {
+ content: '';
+}
+
+.bp3-icon-desktop::before {
+ content: '';
+}
+
+.bp3-icon-diagram-tree::before {
+ content: '';
+}
+
+.bp3-icon-direction-left::before {
+ content: '';
+}
+
+.bp3-icon-direction-right::before {
+ content: '';
+}
+
+.bp3-icon-disable::before {
+ content: '';
+}
+
+.bp3-icon-document::before {
+ content: '';
+}
+
+.bp3-icon-document-open::before {
+ content: '';
+}
+
+.bp3-icon-document-share::before {
+ content: '';
+}
+
+.bp3-icon-dollar::before {
+ content: '$';
+}
+
+.bp3-icon-dot::before {
+ content: '•';
+}
+
+.bp3-icon-double-caret-horizontal::before {
+ content: '';
+}
+
+.bp3-icon-double-caret-vertical::before {
+ content: '';
+}
+
+.bp3-icon-double-chevron-down::before {
+ content: '';
+}
+
+.bp3-icon-double-chevron-left::before {
+ content: '';
+}
+
+.bp3-icon-double-chevron-right::before {
+ content: '';
+}
+
+.bp3-icon-double-chevron-up::before {
+ content: '';
+}
+
+.bp3-icon-doughnut-chart::before {
+ content: '';
+}
+
+.bp3-icon-download::before {
+ content: '';
+}
+
+.bp3-icon-drag-handle-horizontal::before {
+ content: '';
+}
+
+.bp3-icon-drag-handle-vertical::before {
+ content: '';
+}
+
+.bp3-icon-draw::before {
+ content: '';
+}
+
+.bp3-icon-drive-time::before {
+ content: '';
+}
+
+.bp3-icon-duplicate::before {
+ content: '';
+}
+
+.bp3-icon-edit::before {
+ content: '✎';
+}
+
+.bp3-icon-eject::before {
+ content: '⏏';
+}
+
+.bp3-icon-endorsed::before {
+ content: '';
+}
+
+.bp3-icon-envelope::before {
+ content: '✉';
+}
+
+.bp3-icon-equals::before {
+ content: '';
+}
+
+.bp3-icon-eraser::before {
+ content: '';
+}
+
+.bp3-icon-error::before {
+ content: '';
+}
+
+.bp3-icon-euro::before {
+ content: '€';
+}
+
+.bp3-icon-exchange::before {
+ content: '';
+}
+
+.bp3-icon-exclude-row::before {
+ content: '';
+}
+
+.bp3-icon-expand-all::before {
+ content: '';
+}
+
+.bp3-icon-export::before {
+ content: '';
+}
+
+.bp3-icon-eye-off::before {
+ content: '';
+}
+
+.bp3-icon-eye-on::before {
+ content: '';
+}
+
+.bp3-icon-eye-open::before {
+ content: '';
+}
+
+.bp3-icon-fast-backward::before {
+ content: '';
+}
+
+.bp3-icon-fast-forward::before {
+ content: '';
+}
+
+.bp3-icon-feed::before {
+ content: '';
+}
+
+.bp3-icon-feed-subscribed::before {
+ content: '';
+}
+
+.bp3-icon-film::before {
+ content: '';
+}
+
+.bp3-icon-filter::before {
+ content: '';
+}
+
+.bp3-icon-filter-keep::before {
+ content: '';
+}
+
+.bp3-icon-filter-list::before {
+ content: '';
+}
+
+.bp3-icon-filter-open::before {
+ content: '';
+}
+
+.bp3-icon-filter-remove::before {
+ content: '';
+}
+
+.bp3-icon-flag::before {
+ content: '⚑';
+}
+
+.bp3-icon-flame::before {
+ content: '';
+}
+
+.bp3-icon-flash::before {
+ content: '';
+}
+
+.bp3-icon-floppy-disk::before {
+ content: '';
+}
+
+.bp3-icon-flow-branch::before {
+ content: '';
+}
+
+.bp3-icon-flow-end::before {
+ content: '';
+}
+
+.bp3-icon-flow-linear::before {
+ content: '';
+}
+
+.bp3-icon-flow-review::before {
+ content: '';
+}
+
+.bp3-icon-flow-review-branch::before {
+ content: '';
+}
+
+.bp3-icon-flows::before {
+ content: '';
+}
+
+.bp3-icon-folder-close::before {
+ content: '';
+}
+
+.bp3-icon-folder-new::before {
+ content: '';
+}
+
+.bp3-icon-folder-open::before {
+ content: '';
+}
+
+.bp3-icon-folder-shared::before {
+ content: '';
+}
+
+.bp3-icon-folder-shared-open::before {
+ content: '';
+}
+
+.bp3-icon-follower::before {
+ content: '';
+}
+
+.bp3-icon-following::before {
+ content: '';
+}
+
+.bp3-icon-font::before {
+ content: '';
+}
+
+.bp3-icon-fork::before {
+ content: '';
+}
+
+.bp3-icon-form::before {
+ content: '';
+}
+
+.bp3-icon-full-circle::before {
+ content: '';
+}
+
+.bp3-icon-full-stacked-chart::before {
+ content: '';
+}
+
+.bp3-icon-fullscreen::before {
+ content: '';
+}
+
+.bp3-icon-function::before {
+ content: '';
+}
+
+.bp3-icon-gantt-chart::before {
+ content: '';
+}
+
+.bp3-icon-geolocation::before {
+ content: '';
+}
+
+.bp3-icon-geosearch::before {
+ content: '';
+}
+
+.bp3-icon-git-branch::before {
+ content: '';
+}
+
+.bp3-icon-git-commit::before {
+ content: '';
+}
+
+.bp3-icon-git-merge::before {
+ content: '';
+}
+
+.bp3-icon-git-new-branch::before {
+ content: '';
+}
+
+.bp3-icon-git-pull::before {
+ content: '';
+}
+
+.bp3-icon-git-push::before {
+ content: '';
+}
+
+.bp3-icon-git-repo::before {
+ content: '';
+}
+
+.bp3-icon-glass::before {
+ content: '';
+}
+
+.bp3-icon-globe::before {
+ content: '';
+}
+
+.bp3-icon-globe-network::before {
+ content: '';
+}
+
+.bp3-icon-graph::before {
+ content: '';
+}
+
+.bp3-icon-graph-remove::before {
+ content: '';
+}
+
+.bp3-icon-greater-than::before {
+ content: '';
+}
+
+.bp3-icon-greater-than-or-equal-to::before {
+ content: '';
+}
+
+.bp3-icon-grid::before {
+ content: '';
+}
+
+.bp3-icon-grid-view::before {
+ content: '';
+}
+
+.bp3-icon-group-objects::before {
+ content: '';
+}
+
+.bp3-icon-grouped-bar-chart::before {
+ content: '';
+}
+
+.bp3-icon-hand::before {
+ content: '';
+}
+
+.bp3-icon-hand-down::before {
+ content: '';
+}
+
+.bp3-icon-hand-left::before {
+ content: '';
+}
+
+.bp3-icon-hand-right::before {
+ content: '';
+}
+
+.bp3-icon-hand-up::before {
+ content: '';
+}
+
+.bp3-icon-header::before {
+ content: '';
+}
+
+.bp3-icon-header-one::before {
+ content: '';
+}
+
+.bp3-icon-header-two::before {
+ content: '';
+}
+
+.bp3-icon-headset::before {
+ content: '';
+}
+
+.bp3-icon-heart::before {
+ content: '♥';
+}
+
+.bp3-icon-heart-broken::before {
+ content: '';
+}
+
+.bp3-icon-heat-grid::before {
+ content: '';
+}
+
+.bp3-icon-heatmap::before {
+ content: '';
+}
+
+.bp3-icon-help::before {
+ content: '?';
+}
+
+.bp3-icon-helper-management::before {
+ content: '';
+}
+
+.bp3-icon-highlight::before {
+ content: '';
+}
+
+.bp3-icon-history::before {
+ content: '';
+}
+
+.bp3-icon-home::before {
+ content: '⌂';
+}
+
+.bp3-icon-horizontal-bar-chart::before {
+ content: '';
+}
+
+.bp3-icon-horizontal-bar-chart-asc::before {
+ content: '';
+}
+
+.bp3-icon-horizontal-bar-chart-desc::before {
+ content: '';
+}
+
+.bp3-icon-horizontal-distribution::before {
+ content: '';
+}
+
+.bp3-icon-id-number::before {
+ content: '';
+}
+
+.bp3-icon-image-rotate-left::before {
+ content: '';
+}
+
+.bp3-icon-image-rotate-right::before {
+ content: '';
+}
+
+.bp3-icon-import::before {
+ content: '';
+}
+
+.bp3-icon-inbox::before {
+ content: '';
+}
+
+.bp3-icon-inbox-filtered::before {
+ content: '';
+}
+
+.bp3-icon-inbox-geo::before {
+ content: '';
+}
+
+.bp3-icon-inbox-search::before {
+ content: '';
+}
+
+.bp3-icon-inbox-update::before {
+ content: '';
+}
+
+.bp3-icon-info-sign::before {
+ content: 'ℹ';
+}
+
+.bp3-icon-inheritance::before {
+ content: '';
+}
+
+.bp3-icon-inner-join::before {
+ content: '';
+}
+
+.bp3-icon-insert::before {
+ content: '';
+}
+
+.bp3-icon-intersection::before {
+ content: '';
+}
+
+.bp3-icon-ip-address::before {
+ content: '';
+}
+
+.bp3-icon-issue::before {
+ content: '';
+}
+
+.bp3-icon-issue-closed::before {
+ content: '';
+}
+
+.bp3-icon-issue-new::before {
+ content: '';
+}
+
+.bp3-icon-italic::before {
+ content: '';
+}
+
+.bp3-icon-join-table::before {
+ content: '';
+}
+
+.bp3-icon-key::before {
+ content: '';
+}
+
+.bp3-icon-key-backspace::before {
+ content: '';
+}
+
+.bp3-icon-key-command::before {
+ content: '';
+}
+
+.bp3-icon-key-control::before {
+ content: '';
+}
+
+.bp3-icon-key-delete::before {
+ content: '';
+}
+
+.bp3-icon-key-enter::before {
+ content: '';
+}
+
+.bp3-icon-key-escape::before {
+ content: '';
+}
+
+.bp3-icon-key-option::before {
+ content: '';
+}
+
+.bp3-icon-key-shift::before {
+ content: '';
+}
+
+.bp3-icon-key-tab::before {
+ content: '';
+}
+
+.bp3-icon-known-vehicle::before {
+ content: '';
+}
+
+.bp3-icon-label::before {
+ content: '';
+}
+
+.bp3-icon-layer::before {
+ content: '';
+}
+
+.bp3-icon-layers::before {
+ content: '';
+}
+
+.bp3-icon-layout::before {
+ content: '';
+}
+
+.bp3-icon-layout-auto::before {
+ content: '';
+}
+
+.bp3-icon-layout-balloon::before {
+ content: '';
+}
+
+.bp3-icon-layout-circle::before {
+ content: '';
+}
+
+.bp3-icon-layout-grid::before {
+ content: '';
+}
+
+.bp3-icon-layout-group-by::before {
+ content: '';
+}
+
+.bp3-icon-layout-hierarchy::before {
+ content: '';
+}
+
+.bp3-icon-layout-linear::before {
+ content: '';
+}
+
+.bp3-icon-layout-skew-grid::before {
+ content: '';
+}
+
+.bp3-icon-layout-sorted-clusters::before {
+ content: '';
+}
+
+.bp3-icon-learning::before {
+ content: '';
+}
+
+.bp3-icon-left-join::before {
+ content: '';
+}
+
+.bp3-icon-less-than::before {
+ content: '';
+}
+
+.bp3-icon-less-than-or-equal-to::before {
+ content: '';
+}
+
+.bp3-icon-lifesaver::before {
+ content: '';
+}
+
+.bp3-icon-lightbulb::before {
+ content: '';
+}
+
+.bp3-icon-link::before {
+ content: '';
+}
+
+.bp3-icon-list::before {
+ content: '☰';
+}
+
+.bp3-icon-list-columns::before {
+ content: '';
+}
+
+.bp3-icon-list-detail-view::before {
+ content: '';
+}
+
+.bp3-icon-locate::before {
+ content: '';
+}
+
+.bp3-icon-lock::before {
+ content: '';
+}
+
+.bp3-icon-log-in::before {
+ content: '';
+}
+
+.bp3-icon-log-out::before {
+ content: '';
+}
+
+.bp3-icon-manual::before {
+ content: '';
+}
+
+.bp3-icon-manually-entered-data::before {
+ content: '';
+}
+
+.bp3-icon-map::before {
+ content: '';
+}
+
+.bp3-icon-map-create::before {
+ content: '';
+}
+
+.bp3-icon-map-marker::before {
+ content: '';
+}
+
+.bp3-icon-maximize::before {
+ content: '';
+}
+
+.bp3-icon-media::before {
+ content: '';
+}
+
+.bp3-icon-menu::before {
+ content: '';
+}
+
+.bp3-icon-menu-closed::before {
+ content: '';
+}
+
+.bp3-icon-menu-open::before {
+ content: '';
+}
+
+.bp3-icon-merge-columns::before {
+ content: '';
+}
+
+.bp3-icon-merge-links::before {
+ content: '';
+}
+
+.bp3-icon-minimize::before {
+ content: '';
+}
+
+.bp3-icon-minus::before {
+ content: '−';
+}
+
+.bp3-icon-mobile-phone::before {
+ content: '';
+}
+
+.bp3-icon-mobile-video::before {
+ content: '';
+}
+
+.bp3-icon-moon::before {
+ content: '';
+}
+
+.bp3-icon-more::before {
+ content: '';
+}
+
+.bp3-icon-mountain::before {
+ content: '';
+}
+
+.bp3-icon-move::before {
+ content: '';
+}
+
+.bp3-icon-mugshot::before {
+ content: '';
+}
+
+.bp3-icon-multi-select::before {
+ content: '';
+}
+
+.bp3-icon-music::before {
+ content: '';
+}
+
+.bp3-icon-new-drawing::before {
+ content: '';
+}
+
+.bp3-icon-new-grid-item::before {
+ content: '';
+}
+
+.bp3-icon-new-layer::before {
+ content: '';
+}
+
+.bp3-icon-new-layers::before {
+ content: '';
+}
+
+.bp3-icon-new-link::before {
+ content: '';
+}
+
+.bp3-icon-new-object::before {
+ content: '';
+}
+
+.bp3-icon-new-person::before {
+ content: '';
+}
+
+.bp3-icon-new-prescription::before {
+ content: '';
+}
+
+.bp3-icon-new-text-box::before {
+ content: '';
+}
+
+.bp3-icon-ninja::before {
+ content: '';
+}
+
+.bp3-icon-not-equal-to::before {
+ content: '';
+}
+
+.bp3-icon-notifications::before {
+ content: '';
+}
+
+.bp3-icon-notifications-updated::before {
+ content: '';
+}
+
+.bp3-icon-numbered-list::before {
+ content: '';
+}
+
+.bp3-icon-numerical::before {
+ content: '';
+}
+
+.bp3-icon-office::before {
+ content: '';
+}
+
+.bp3-icon-offline::before {
+ content: '';
+}
+
+.bp3-icon-oil-field::before {
+ content: '';
+}
+
+.bp3-icon-one-column::before {
+ content: '';
+}
+
+.bp3-icon-outdated::before {
+ content: '';
+}
+
+.bp3-icon-page-layout::before {
+ content: '';
+}
+
+.bp3-icon-panel-stats::before {
+ content: '';
+}
+
+.bp3-icon-panel-table::before {
+ content: '';
+}
+
+.bp3-icon-paperclip::before {
+ content: '';
+}
+
+.bp3-icon-paragraph::before {
+ content: '';
+}
+
+.bp3-icon-path::before {
+ content: '';
+}
+
+.bp3-icon-path-search::before {
+ content: '';
+}
+
+.bp3-icon-pause::before {
+ content: '';
+}
+
+.bp3-icon-people::before {
+ content: '';
+}
+
+.bp3-icon-percentage::before {
+ content: '';
+}
+
+.bp3-icon-person::before {
+ content: '';
+}
+
+.bp3-icon-phone::before {
+ content: '☎';
+}
+
+.bp3-icon-pie-chart::before {
+ content: '';
+}
+
+.bp3-icon-pin::before {
+ content: '';
+}
+
+.bp3-icon-pivot::before {
+ content: '';
+}
+
+.bp3-icon-pivot-table::before {
+ content: '';
+}
+
+.bp3-icon-play::before {
+ content: '';
+}
+
+.bp3-icon-plus::before {
+ content: '+';
+}
+
+.bp3-icon-polygon-filter::before {
+ content: '';
+}
+
+.bp3-icon-power::before {
+ content: '';
+}
+
+.bp3-icon-predictive-analysis::before {
+ content: '';
+}
+
+.bp3-icon-prescription::before {
+ content: '';
+}
+
+.bp3-icon-presentation::before {
+ content: '';
+}
+
+.bp3-icon-print::before {
+ content: '⎙';
+}
+
+.bp3-icon-projects::before {
+ content: '';
+}
+
+.bp3-icon-properties::before {
+ content: '';
+}
+
+.bp3-icon-property::before {
+ content: '';
+}
+
+.bp3-icon-publish-function::before {
+ content: '';
+}
+
+.bp3-icon-pulse::before {
+ content: '';
+}
+
+.bp3-icon-random::before {
+ content: '';
+}
+
+.bp3-icon-record::before {
+ content: '';
+}
+
+.bp3-icon-redo::before {
+ content: '';
+}
+
+.bp3-icon-refresh::before {
+ content: '';
+}
+
+.bp3-icon-regression-chart::before {
+ content: '';
+}
+
+.bp3-icon-remove::before {
+ content: '';
+}
+
+.bp3-icon-remove-column::before {
+ content: '';
+}
+
+.bp3-icon-remove-column-left::before {
+ content: '';
+}
+
+.bp3-icon-remove-column-right::before {
+ content: '';
+}
+
+.bp3-icon-remove-row-bottom::before {
+ content: '';
+}
+
+.bp3-icon-remove-row-top::before {
+ content: '';
+}
+
+.bp3-icon-repeat::before {
+ content: '';
+}
+
+.bp3-icon-reset::before {
+ content: '';
+}
+
+.bp3-icon-resolve::before {
+ content: '';
+}
+
+.bp3-icon-rig::before {
+ content: '';
+}
+
+.bp3-icon-right-join::before {
+ content: '';
+}
+
+.bp3-icon-ring::before {
+ content: '';
+}
+
+.bp3-icon-rotate-document::before {
+ content: '';
+}
+
+.bp3-icon-rotate-page::before {
+ content: '';
+}
+
+.bp3-icon-satellite::before {
+ content: '';
+}
+
+.bp3-icon-saved::before {
+ content: '';
+}
+
+.bp3-icon-scatter-plot::before {
+ content: '';
+}
+
+.bp3-icon-search::before {
+ content: '';
+}
+
+.bp3-icon-search-around::before {
+ content: '';
+}
+
+.bp3-icon-search-template::before {
+ content: '';
+}
+
+.bp3-icon-search-text::before {
+ content: '';
+}
+
+.bp3-icon-segmented-control::before {
+ content: '';
+}
+
+.bp3-icon-select::before {
+ content: '';
+}
+
+.bp3-icon-selection::before {
+ content: '⦿';
+}
+
+.bp3-icon-send-to::before {
+ content: '';
+}
+
+.bp3-icon-send-to-graph::before {
+ content: '';
+}
+
+.bp3-icon-send-to-map::before {
+ content: '';
+}
+
+.bp3-icon-series-add::before {
+ content: '';
+}
+
+.bp3-icon-series-configuration::before {
+ content: '';
+}
+
+.bp3-icon-series-derived::before {
+ content: '';
+}
+
+.bp3-icon-series-filtered::before {
+ content: '';
+}
+
+.bp3-icon-series-search::before {
+ content: '';
+}
+
+.bp3-icon-settings::before {
+ content: '';
+}
+
+.bp3-icon-share::before {
+ content: '';
+}
+
+.bp3-icon-shield::before {
+ content: '';
+}
+
+.bp3-icon-shop::before {
+ content: '';
+}
+
+.bp3-icon-shopping-cart::before {
+ content: '';
+}
+
+.bp3-icon-signal-search::before {
+ content: '';
+}
+
+.bp3-icon-sim-card::before {
+ content: '';
+}
+
+.bp3-icon-slash::before {
+ content: '';
+}
+
+.bp3-icon-small-cross::before {
+ content: '';
+}
+
+.bp3-icon-small-minus::before {
+ content: '';
+}
+
+.bp3-icon-small-plus::before {
+ content: '';
+}
+
+.bp3-icon-small-tick::before {
+ content: '';
+}
+
+.bp3-icon-snowflake::before {
+ content: '';
+}
+
+.bp3-icon-social-media::before {
+ content: '';
+}
+
+.bp3-icon-sort::before {
+ content: '';
+}
+
+.bp3-icon-sort-alphabetical::before {
+ content: '';
+}
+
+.bp3-icon-sort-alphabetical-desc::before {
+ content: '';
+}
+
+.bp3-icon-sort-asc::before {
+ content: '';
+}
+
+.bp3-icon-sort-desc::before {
+ content: '';
+}
+
+.bp3-icon-sort-numerical::before {
+ content: '';
+}
+
+.bp3-icon-sort-numerical-desc::before {
+ content: '';
+}
+
+.bp3-icon-split-columns::before {
+ content: '';
+}
+
+.bp3-icon-square::before {
+ content: '';
+}
+
+.bp3-icon-stacked-chart::before {
+ content: '';
+}
+
+.bp3-icon-star::before {
+ content: '★';
+}
+
+.bp3-icon-star-empty::before {
+ content: '☆';
+}
+
+.bp3-icon-step-backward::before {
+ content: '';
+}
+
+.bp3-icon-step-chart::before {
+ content: '';
+}
+
+.bp3-icon-step-forward::before {
+ content: '';
+}
+
+.bp3-icon-stop::before {
+ content: '';
+}
+
+.bp3-icon-stopwatch::before {
+ content: '';
+}
+
+.bp3-icon-strikethrough::before {
+ content: '';
+}
+
+.bp3-icon-style::before {
+ content: '';
+}
+
+.bp3-icon-swap-horizontal::before {
+ content: '';
+}
+
+.bp3-icon-swap-vertical::before {
+ content: '';
+}
+
+.bp3-icon-symbol-circle::before {
+ content: '';
+}
+
+.bp3-icon-symbol-cross::before {
+ content: '';
+}
+
+.bp3-icon-symbol-diamond::before {
+ content: '';
+}
+
+.bp3-icon-symbol-square::before {
+ content: '';
+}
+
+.bp3-icon-symbol-triangle-down::before {
+ content: '';
+}
+
+.bp3-icon-symbol-triangle-up::before {
+ content: '';
+}
+
+.bp3-icon-tag::before {
+ content: '';
+}
+
+.bp3-icon-take-action::before {
+ content: '';
+}
+
+.bp3-icon-taxi::before {
+ content: '';
+}
+
+.bp3-icon-text-highlight::before {
+ content: '';
+}
+
+.bp3-icon-th::before {
+ content: '';
+}
+
+.bp3-icon-th-derived::before {
+ content: '';
+}
+
+.bp3-icon-th-disconnect::before {
+ content: '';
+}
+
+.bp3-icon-th-filtered::before {
+ content: '';
+}
+
+.bp3-icon-th-list::before {
+ content: '';
+}
+
+.bp3-icon-thumbs-down::before {
+ content: '';
+}
+
+.bp3-icon-thumbs-up::before {
+ content: '';
+}
+
+.bp3-icon-tick::before {
+ content: '✓';
+}
+
+.bp3-icon-tick-circle::before {
+ content: '';
+}
+
+.bp3-icon-time::before {
+ content: '⏲';
+}
+
+.bp3-icon-timeline-area-chart::before {
+ content: '';
+}
+
+.bp3-icon-timeline-bar-chart::before {
+ content: '';
+}
+
+.bp3-icon-timeline-events::before {
+ content: '';
+}
+
+.bp3-icon-timeline-line-chart::before {
+ content: '';
+}
+
+.bp3-icon-tint::before {
+ content: '';
+}
+
+.bp3-icon-torch::before {
+ content: '';
+}
+
+.bp3-icon-tractor::before {
+ content: '';
+}
+
+.bp3-icon-train::before {
+ content: '';
+}
+
+.bp3-icon-translate::before {
+ content: '';
+}
+
+.bp3-icon-trash::before {
+ content: '';
+}
+
+.bp3-icon-tree::before {
+ content: '';
+}
+
+.bp3-icon-trending-down::before {
+ content: '';
+}
+
+.bp3-icon-trending-up::before {
+ content: '';
+}
+
+.bp3-icon-truck::before {
+ content: '';
+}
+
+.bp3-icon-two-columns::before {
+ content: '';
+}
+
+.bp3-icon-unarchive::before {
+ content: '';
+}
+
+.bp3-icon-underline::before {
+ content: '⎁';
+}
+
+.bp3-icon-undo::before {
+ content: '⎌';
+}
+
+.bp3-icon-ungroup-objects::before {
+ content: '';
+}
+
+.bp3-icon-unknown-vehicle::before {
+ content: '';
+}
+
+.bp3-icon-unlock::before {
+ content: '';
+}
+
+.bp3-icon-unpin::before {
+ content: '';
+}
+
+.bp3-icon-unresolve::before {
+ content: '';
+}
+
+.bp3-icon-updated::before {
+ content: '';
+}
+
+.bp3-icon-upload::before {
+ content: '';
+}
+
+.bp3-icon-user::before {
+ content: '';
+}
+
+.bp3-icon-variable::before {
+ content: '';
+}
+
+.bp3-icon-vertical-bar-chart-asc::before {
+ content: '';
+}
+
+.bp3-icon-vertical-bar-chart-desc::before {
+ content: '';
+}
+
+.bp3-icon-vertical-distribution::before {
+ content: '';
+}
+
+.bp3-icon-video::before {
+ content: '';
+}
+
+.bp3-icon-volume-down::before {
+ content: '';
+}
+
+.bp3-icon-volume-off::before {
+ content: '';
+}
+
+.bp3-icon-volume-up::before {
+ content: '';
+}
+
+.bp3-icon-walk::before {
+ content: '';
+}
+
+.bp3-icon-warning-sign::before {
+ content: '';
+}
+
+.bp3-icon-waterfall-chart::before {
+ content: '';
+}
+
+.bp3-icon-widget::before {
+ content: '';
+}
+
+.bp3-icon-widget-button::before {
+ content: '';
+}
+
+.bp3-icon-widget-footer::before {
+ content: '';
+}
+
+.bp3-icon-widget-header::before {
+ content: '';
+}
+
+.bp3-icon-wrench::before {
+ content: '';
+}
+
+.bp3-icon-zoom-in::before {
+ content: '';
+}
+
+.bp3-icon-zoom-out::before {
+ content: '';
+}
+
+.bp3-icon-zoom-to-fit::before {
+ content: '';
+}
+.bp3-submenu > .bp3-popover-wrapper {
+ display: block;
+}
+
+.bp3-submenu .bp3-popover-target {
+ display: block;
+}
+
+.bp3-submenu.bp3-popover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ padding: 0 5px;
+}
+.bp3-submenu.bp3-popover > .bp3-popover-content {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2),
+ 0 8px 24px rgba(16, 22, 26, 0.2);
+}
+.bp3-dark .bp3-submenu.bp3-popover,
+.bp3-submenu.bp3-popover.bp3-dark {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-dark .bp3-submenu.bp3-popover > .bp3-popover-content,
+.bp3-submenu.bp3-popover.bp3-dark > .bp3-popover-content {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4),
+ 0 8px 24px rgba(16, 22, 26, 0.4);
+}
+.bp3-menu {
+ margin: 0;
+ border-radius: 3px;
+ background: #ffffff;
+ min-width: 180px;
+ padding: 5px;
+ list-style: none;
+ text-align: left;
+ color: #182026;
+}
+
+.bp3-menu-divider {
+ display: block;
+ margin: 5px;
+ border-top: 1px solid rgba(16, 22, 26, 0.15);
+}
+.bp3-dark .bp3-menu-divider {
+ border-top-color: rgba(255, 255, 255, 0.15);
+}
+
+.bp3-menu-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ border-radius: 2px;
+ padding: 5px 7px;
+ text-decoration: none;
+ line-height: 20px;
+ color: inherit;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.bp3-menu-item > * {
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.bp3-menu-item > .bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+}
+.bp3-menu-item::before,
+.bp3-menu-item > * {
+ margin-right: 7px;
+}
+.bp3-menu-item:empty::before,
+.bp3-menu-item > :last-child {
+ margin-right: 0;
+}
+.bp3-menu-item > .bp3-fill {
+ word-break: break-word;
+}
+.bp3-menu-item:hover,
+.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
+ background-color: rgba(167, 182, 194, 0.3);
+ cursor: pointer;
+ text-decoration: none;
+}
+.bp3-menu-item.bp3-disabled {
+ background-color: inherit;
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-dark .bp3-menu-item {
+ color: inherit;
+}
+.bp3-dark .bp3-menu-item:hover,
+.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item,
+.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
+ background-color: rgba(138, 155, 168, 0.15);
+ color: inherit;
+}
+.bp3-dark .bp3-menu-item.bp3-disabled {
+ background-color: inherit;
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-menu-item.bp3-intent-primary {
+ color: #106ba3;
+}
+.bp3-menu-item.bp3-intent-primary .bp3-icon {
+ color: inherit;
+}
+.bp3-menu-item.bp3-intent-primary::before,
+.bp3-menu-item.bp3-intent-primary::after,
+.bp3-menu-item.bp3-intent-primary .bp3-menu-item-label {
+ color: #106ba3;
+}
+.bp3-menu-item.bp3-intent-primary:hover,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item,
+.bp3-menu-item.bp3-intent-primary.bp3-active {
+ background-color: #137cbd;
+}
+.bp3-menu-item.bp3-intent-primary:active {
+ background-color: #106ba3;
+}
+.bp3-menu-item.bp3-intent-primary:hover,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item,
+.bp3-menu-item.bp3-intent-primary:hover::before,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item::before,
+.bp3-menu-item.bp3-intent-primary:hover::after,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item::after,
+.bp3-menu-item.bp3-intent-primary:hover .bp3-menu-item-label,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-menu-item.bp3-intent-primary:active,
+.bp3-menu-item.bp3-intent-primary:active::before,
+.bp3-menu-item.bp3-intent-primary:active::after,
+.bp3-menu-item.bp3-intent-primary:active .bp3-menu-item-label,
+.bp3-menu-item.bp3-intent-primary.bp3-active,
+.bp3-menu-item.bp3-intent-primary.bp3-active::before,
+.bp3-menu-item.bp3-intent-primary.bp3-active::after,
+.bp3-menu-item.bp3-intent-primary.bp3-active .bp3-menu-item-label {
+ color: #ffffff;
+}
+.bp3-menu-item.bp3-intent-success {
+ color: #0d8050;
+}
+.bp3-menu-item.bp3-intent-success .bp3-icon {
+ color: inherit;
+}
+.bp3-menu-item.bp3-intent-success::before,
+.bp3-menu-item.bp3-intent-success::after,
+.bp3-menu-item.bp3-intent-success .bp3-menu-item-label {
+ color: #0d8050;
+}
+.bp3-menu-item.bp3-intent-success:hover,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item,
+.bp3-menu-item.bp3-intent-success.bp3-active {
+ background-color: #0f9960;
+}
+.bp3-menu-item.bp3-intent-success:active {
+ background-color: #0d8050;
+}
+.bp3-menu-item.bp3-intent-success:hover,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item,
+.bp3-menu-item.bp3-intent-success:hover::before,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item::before,
+.bp3-menu-item.bp3-intent-success:hover::after,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item::after,
+.bp3-menu-item.bp3-intent-success:hover .bp3-menu-item-label,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-menu-item.bp3-intent-success:active,
+.bp3-menu-item.bp3-intent-success:active::before,
+.bp3-menu-item.bp3-intent-success:active::after,
+.bp3-menu-item.bp3-intent-success:active .bp3-menu-item-label,
+.bp3-menu-item.bp3-intent-success.bp3-active,
+.bp3-menu-item.bp3-intent-success.bp3-active::before,
+.bp3-menu-item.bp3-intent-success.bp3-active::after,
+.bp3-menu-item.bp3-intent-success.bp3-active .bp3-menu-item-label {
+ color: #ffffff;
+}
+.bp3-menu-item.bp3-intent-warning {
+ color: #bf7326;
+}
+.bp3-menu-item.bp3-intent-warning .bp3-icon {
+ color: inherit;
+}
+.bp3-menu-item.bp3-intent-warning::before,
+.bp3-menu-item.bp3-intent-warning::after,
+.bp3-menu-item.bp3-intent-warning .bp3-menu-item-label {
+ color: #bf7326;
+}
+.bp3-menu-item.bp3-intent-warning:hover,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item,
+.bp3-menu-item.bp3-intent-warning.bp3-active {
+ background-color: #d9822b;
+}
+.bp3-menu-item.bp3-intent-warning:active {
+ background-color: #bf7326;
+}
+.bp3-menu-item.bp3-intent-warning:hover,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item,
+.bp3-menu-item.bp3-intent-warning:hover::before,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item::before,
+.bp3-menu-item.bp3-intent-warning:hover::after,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item::after,
+.bp3-menu-item.bp3-intent-warning:hover .bp3-menu-item-label,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-menu-item.bp3-intent-warning:active,
+.bp3-menu-item.bp3-intent-warning:active::before,
+.bp3-menu-item.bp3-intent-warning:active::after,
+.bp3-menu-item.bp3-intent-warning:active .bp3-menu-item-label,
+.bp3-menu-item.bp3-intent-warning.bp3-active,
+.bp3-menu-item.bp3-intent-warning.bp3-active::before,
+.bp3-menu-item.bp3-intent-warning.bp3-active::after,
+.bp3-menu-item.bp3-intent-warning.bp3-active .bp3-menu-item-label {
+ color: #ffffff;
+}
+.bp3-menu-item.bp3-intent-danger {
+ color: #c23030;
+}
+.bp3-menu-item.bp3-intent-danger .bp3-icon {
+ color: inherit;
+}
+.bp3-menu-item.bp3-intent-danger::before,
+.bp3-menu-item.bp3-intent-danger::after,
+.bp3-menu-item.bp3-intent-danger .bp3-menu-item-label {
+ color: #c23030;
+}
+.bp3-menu-item.bp3-intent-danger:hover,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item,
+.bp3-menu-item.bp3-intent-danger.bp3-active {
+ background-color: #db3737;
+}
+.bp3-menu-item.bp3-intent-danger:active {
+ background-color: #c23030;
+}
+.bp3-menu-item.bp3-intent-danger:hover,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item,
+.bp3-menu-item.bp3-intent-danger:hover::before,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item::before,
+.bp3-menu-item.bp3-intent-danger:hover::after,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item::after,
+.bp3-menu-item.bp3-intent-danger:hover .bp3-menu-item-label,
+.bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-menu-item.bp3-intent-danger:active,
+.bp3-menu-item.bp3-intent-danger:active::before,
+.bp3-menu-item.bp3-intent-danger:active::after,
+.bp3-menu-item.bp3-intent-danger:active .bp3-menu-item-label,
+.bp3-menu-item.bp3-intent-danger.bp3-active,
+.bp3-menu-item.bp3-intent-danger.bp3-active::before,
+.bp3-menu-item.bp3-intent-danger.bp3-active::after,
+.bp3-menu-item.bp3-intent-danger.bp3-active .bp3-menu-item-label {
+ color: #ffffff;
+}
+.bp3-menu-item::before {
+ line-height: 1;
+ font-family: 'Icons16', sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ font-style: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ margin-right: 7px;
+}
+.bp3-menu-item::before,
+.bp3-menu-item > .bp3-icon {
+ margin-top: 2px;
+ color: #5c7080;
+}
+.bp3-menu-item .bp3-menu-item-label {
+ color: #5c7080;
+}
+.bp3-menu-item:hover,
+.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
+ color: inherit;
+}
+.bp3-menu-item.bp3-active,
+.bp3-menu-item:active {
+ background-color: rgba(115, 134, 148, 0.3);
+}
+.bp3-menu-item.bp3-disabled {
+ outline: none !important;
+ background-color: inherit !important;
+ cursor: not-allowed !important;
+ color: rgba(92, 112, 128, 0.6) !important;
+}
+.bp3-menu-item.bp3-disabled::before,
+.bp3-menu-item.bp3-disabled > .bp3-icon,
+.bp3-menu-item.bp3-disabled .bp3-menu-item-label {
+ color: rgba(92, 112, 128, 0.6) !important;
+}
+.bp3-large .bp3-menu-item {
+ padding: 9px 7px;
+ line-height: 22px;
+ font-size: 16px;
+}
+.bp3-large .bp3-menu-item .bp3-icon {
+ margin-top: 3px;
+}
+.bp3-large .bp3-menu-item::before {
+ line-height: 1;
+ font-family: 'Icons20', sans-serif;
+ font-size: 20px;
+ font-weight: 400;
+ font-style: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ margin-top: 1px;
+ margin-right: 10px;
+}
+
+button.bp3-menu-item {
+ border: none;
+ background: none;
+ width: 100%;
+ text-align: left;
+}
+.bp3-menu-header {
+ display: block;
+ margin: 5px;
+ border-top: 1px solid rgba(16, 22, 26, 0.15);
+ cursor: default;
+ padding-left: 2px;
+}
+.bp3-dark .bp3-menu-header {
+ border-top-color: rgba(255, 255, 255, 0.15);
+}
+.bp3-menu-header:first-of-type {
+ border-top: none;
+}
+.bp3-menu-header > h6 {
+ color: #182026;
+ font-weight: 600;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
+ margin: 0;
+ padding: 10px 7px 0 1px;
+ line-height: 17px;
+}
+.bp3-dark .bp3-menu-header > h6 {
+ color: #f5f8fa;
+}
+.bp3-menu-header:first-of-type > h6 {
+ padding-top: 0;
+}
+.bp3-large .bp3-menu-header > h6 {
+ padding-top: 15px;
+ padding-bottom: 5px;
+ font-size: 18px;
+}
+.bp3-large .bp3-menu-header:first-of-type > h6 {
+ padding-top: 0;
+}
+
+.bp3-dark .bp3-menu {
+ background: #30404d;
+ color: #f5f8fa;
+}
+
+.bp3-dark .bp3-menu-item.bp3-intent-primary {
+ color: #48aff0;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-primary .bp3-icon {
+ color: inherit;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-primary::before,
+.bp3-dark .bp3-menu-item.bp3-intent-primary::after,
+.bp3-dark .bp3-menu-item.bp3-intent-primary .bp3-menu-item-label {
+ color: #48aff0;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-primary:hover,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item,
+.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active {
+ background-color: #137cbd;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-primary:active {
+ background-color: #106ba3;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-primary:hover,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item,
+.bp3-dark .bp3-menu-item.bp3-intent-primary:hover::before,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item::before,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item::before,
+.bp3-dark .bp3-menu-item.bp3-intent-primary:hover::after,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item::after,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item::after,
+.bp3-dark .bp3-menu-item.bp3-intent-primary:hover .bp3-menu-item-label,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-primary.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-dark .bp3-menu-item.bp3-intent-primary:active,
+.bp3-dark .bp3-menu-item.bp3-intent-primary:active::before,
+.bp3-dark .bp3-menu-item.bp3-intent-primary:active::after,
+.bp3-dark .bp3-menu-item.bp3-intent-primary:active .bp3-menu-item-label,
+.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active,
+.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active::before,
+.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active::after,
+.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active .bp3-menu-item-label {
+ color: #ffffff;
+}
+
+.bp3-dark .bp3-menu-item.bp3-intent-success {
+ color: #3dcc91;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-success .bp3-icon {
+ color: inherit;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-success::before,
+.bp3-dark .bp3-menu-item.bp3-intent-success::after,
+.bp3-dark .bp3-menu-item.bp3-intent-success .bp3-menu-item-label {
+ color: #3dcc91;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-success:hover,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item,
+.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active {
+ background-color: #0f9960;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-success:active {
+ background-color: #0d8050;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-success:hover,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item,
+.bp3-dark .bp3-menu-item.bp3-intent-success:hover::before,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item::before,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item::before,
+.bp3-dark .bp3-menu-item.bp3-intent-success:hover::after,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item::after,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item::after,
+.bp3-dark .bp3-menu-item.bp3-intent-success:hover .bp3-menu-item-label,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-success.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-dark .bp3-menu-item.bp3-intent-success:active,
+.bp3-dark .bp3-menu-item.bp3-intent-success:active::before,
+.bp3-dark .bp3-menu-item.bp3-intent-success:active::after,
+.bp3-dark .bp3-menu-item.bp3-intent-success:active .bp3-menu-item-label,
+.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active,
+.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active::before,
+.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active::after,
+.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active .bp3-menu-item-label {
+ color: #ffffff;
+}
+
+.bp3-dark .bp3-menu-item.bp3-intent-warning {
+ color: #ffb366;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-warning .bp3-icon {
+ color: inherit;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-warning::before,
+.bp3-dark .bp3-menu-item.bp3-intent-warning::after,
+.bp3-dark .bp3-menu-item.bp3-intent-warning .bp3-menu-item-label {
+ color: #ffb366;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-warning:hover,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item,
+.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active {
+ background-color: #d9822b;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-warning:active {
+ background-color: #bf7326;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-warning:hover,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item,
+.bp3-dark .bp3-menu-item.bp3-intent-warning:hover::before,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item::before,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item::before,
+.bp3-dark .bp3-menu-item.bp3-intent-warning:hover::after,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item::after,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item::after,
+.bp3-dark .bp3-menu-item.bp3-intent-warning:hover .bp3-menu-item-label,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-warning.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-dark .bp3-menu-item.bp3-intent-warning:active,
+.bp3-dark .bp3-menu-item.bp3-intent-warning:active::before,
+.bp3-dark .bp3-menu-item.bp3-intent-warning:active::after,
+.bp3-dark .bp3-menu-item.bp3-intent-warning:active .bp3-menu-item-label,
+.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active,
+.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active::before,
+.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active::after,
+.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active .bp3-menu-item-label {
+ color: #ffffff;
+}
+
+.bp3-dark .bp3-menu-item.bp3-intent-danger {
+ color: #ff7373;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-danger .bp3-icon {
+ color: inherit;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-danger::before,
+.bp3-dark .bp3-menu-item.bp3-intent-danger::after,
+.bp3-dark .bp3-menu-item.bp3-intent-danger .bp3-menu-item-label {
+ color: #ff7373;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-danger:hover,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item,
+.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active {
+ background-color: #db3737;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-danger:active {
+ background-color: #c23030;
+}
+.bp3-dark .bp3-menu-item.bp3-intent-danger:hover,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item,
+.bp3-dark .bp3-menu-item.bp3-intent-danger:hover::before,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item::before,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item::before,
+.bp3-dark .bp3-menu-item.bp3-intent-danger:hover::after,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item::after,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item::after,
+.bp3-dark .bp3-menu-item.bp3-intent-danger:hover .bp3-menu-item-label,
+.bp3-dark
+ .bp3-submenu
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-submenu
+ .bp3-dark
+ .bp3-popover-target.bp3-popover-open
+ > .bp3-intent-danger.bp3-menu-item
+ .bp3-menu-item-label,
+.bp3-dark .bp3-menu-item.bp3-intent-danger:active,
+.bp3-dark .bp3-menu-item.bp3-intent-danger:active::before,
+.bp3-dark .bp3-menu-item.bp3-intent-danger:active::after,
+.bp3-dark .bp3-menu-item.bp3-intent-danger:active .bp3-menu-item-label,
+.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active,
+.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active::before,
+.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active::after,
+.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active .bp3-menu-item-label {
+ color: #ffffff;
+}
+
+.bp3-dark .bp3-menu-item::before,
+.bp3-dark .bp3-menu-item > .bp3-icon {
+ color: #a7b6c2;
+}
+
+.bp3-dark .bp3-menu-item .bp3-menu-item-label {
+ color: #a7b6c2;
+}
+
+.bp3-dark .bp3-menu-item.bp3-active,
+.bp3-dark .bp3-menu-item:active {
+ background-color: rgba(138, 155, 168, 0.3);
+}
+
+.bp3-dark .bp3-menu-item.bp3-disabled {
+ color: rgba(167, 182, 194, 0.6) !important;
+}
+.bp3-dark .bp3-menu-item.bp3-disabled::before,
+.bp3-dark .bp3-menu-item.bp3-disabled > .bp3-icon,
+.bp3-dark .bp3-menu-item.bp3-disabled .bp3-menu-item-label {
+ color: rgba(167, 182, 194, 0.6) !important;
+}
+
+.bp3-dark .bp3-menu-divider,
+.bp3-dark .bp3-menu-header {
+ border-color: rgba(255, 255, 255, 0.15);
+}
+
+.bp3-dark .bp3-menu-header > h6 {
+ color: #f5f8fa;
+}
+
+.bp3-label .bp3-menu {
+ margin-top: 5px;
+}
+.bp3-navbar {
+ position: relative;
+ z-index: 10;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+ background-color: #ffffff;
+ width: 100%;
+ height: 50px;
+ padding: 0 15px;
+}
+.bp3-navbar.bp3-dark,
+.bp3-dark .bp3-navbar {
+ background-color: #394b59;
+}
+.bp3-navbar.bp3-dark {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-navbar {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0),
+ 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-navbar.bp3-fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+}
+
+.bp3-navbar-heading {
+ margin-right: 15px;
+ font-size: 16px;
+}
+
+.bp3-navbar-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 50px;
+}
+.bp3-navbar-group.bp3-align-left {
+ float: left;
+}
+.bp3-navbar-group.bp3-align-right {
+ float: right;
+}
+
+.bp3-navbar-divider {
+ margin: 0 10px;
+ border-left: 1px solid rgba(16, 22, 26, 0.15);
+ height: 20px;
+}
+.bp3-dark .bp3-navbar-divider {
+ border-left-color: rgba(255, 255, 255, 0.15);
+}
+.bp3-non-ideal-state {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ text-align: center;
+}
+.bp3-non-ideal-state > * {
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.bp3-non-ideal-state > .bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+}
+.bp3-non-ideal-state::before,
+.bp3-non-ideal-state > * {
+ margin-bottom: 20px;
+}
+.bp3-non-ideal-state:empty::before,
+.bp3-non-ideal-state > :last-child {
+ margin-bottom: 0;
+}
+.bp3-non-ideal-state > * {
+ max-width: 400px;
+}
+
+.bp3-non-ideal-state-visual {
+ color: rgba(92, 112, 128, 0.6);
+ font-size: 60px;
+}
+.bp3-dark .bp3-non-ideal-state-visual {
+ color: rgba(167, 182, 194, 0.6);
+}
+
+.bp3-overflow-list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ min-width: 0;
+}
+
+.bp3-overflow-list-spacer {
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ width: 1px;
+}
+
+body.bp3-overlay-open {
+ overflow: hidden;
+}
+
+.bp3-overlay {
+ position: static;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 20;
+}
+.bp3-overlay:not(.bp3-overlay-open) {
+ pointer-events: none;
+}
+.bp3-overlay.bp3-overlay-container {
+ position: fixed;
+ overflow: hidden;
+}
+.bp3-overlay.bp3-overlay-container.bp3-overlay-inline {
+ position: absolute;
+}
+.bp3-overlay.bp3-overlay-scroll-container {
+ position: fixed;
+ overflow: auto;
+}
+.bp3-overlay.bp3-overlay-scroll-container.bp3-overlay-inline {
+ position: absolute;
+}
+.bp3-overlay.bp3-overlay-inline {
+ display: inline;
+ overflow: visible;
+}
+
+.bp3-overlay-content {
+ position: fixed;
+ z-index: 20;
+}
+.bp3-overlay-inline .bp3-overlay-content,
+.bp3-overlay-scroll-container .bp3-overlay-content {
+ position: absolute;
+}
+
+.bp3-overlay-backdrop {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ opacity: 1;
+ z-index: 20;
+ background-color: rgba(16, 22, 26, 0.7);
+ overflow: auto;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.bp3-overlay-backdrop.bp3-overlay-enter,
+.bp3-overlay-backdrop.bp3-overlay-appear {
+ opacity: 0;
+}
+.bp3-overlay-backdrop.bp3-overlay-enter-active,
+.bp3-overlay-backdrop.bp3-overlay-appear-active {
+ opacity: 1;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-overlay-backdrop.bp3-overlay-exit {
+ opacity: 1;
+}
+.bp3-overlay-backdrop.bp3-overlay-exit-active {
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-overlay-backdrop:focus {
+ outline: none;
+}
+.bp3-overlay-inline .bp3-overlay-backdrop {
+ position: absolute;
+}
+.bp3-panel-stack {
+ position: relative;
+ overflow: hidden;
+}
+
+.bp3-panel-stack-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ z-index: 1;
+ -webkit-box-shadow: 0 1px rgba(16, 22, 26, 0.15);
+ box-shadow: 0 1px rgba(16, 22, 26, 0.15);
+ height: 30px;
+}
+.bp3-dark .bp3-panel-stack-header {
+ -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.15);
+ box-shadow: 0 1px rgba(255, 255, 255, 0.15);
+}
+.bp3-panel-stack-header > span {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+}
+.bp3-panel-stack-header .bp3-heading {
+ margin: 0 5px;
+}
+
+.bp3-button.bp3-panel-stack-header-back {
+ margin-left: 5px;
+ padding-left: 0;
+ white-space: nowrap;
+}
+.bp3-button.bp3-panel-stack-header-back .bp3-icon {
+ margin: 0 2px;
+}
+
+.bp3-panel-stack-view {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-right: -1px;
+ border-right: 1px solid rgba(16, 22, 26, 0.15);
+ background-color: #ffffff;
+ overflow-y: auto;
+}
+.bp3-dark .bp3-panel-stack-view {
+ background-color: #30404d;
+}
+
+.bp3-panel-stack-push .bp3-panel-stack-enter,
+.bp3-panel-stack-push .bp3-panel-stack-appear {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ opacity: 0;
+}
+
+.bp3-panel-stack-push .bp3-panel-stack-enter-active,
+.bp3-panel-stack-push .bp3-panel-stack-appear-active {
+ -webkit-transform: translate(0%);
+ transform: translate(0%);
+ opacity: 1;
+ -webkit-transition-property: opacity, -webkit-transform;
+ transition-property: opacity, -webkit-transform;
+ transition-property: transform, opacity;
+ transition-property: transform, opacity, -webkit-transform;
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms;
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+
+.bp3-panel-stack-push .bp3-panel-stack-exit {
+ -webkit-transform: translate(0%);
+ transform: translate(0%);
+ opacity: 1;
+}
+
+.bp3-panel-stack-push .bp3-panel-stack-exit-active {
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ opacity: 0;
+ -webkit-transition-property: opacity, -webkit-transform;
+ transition-property: opacity, -webkit-transform;
+ transition-property: transform, opacity;
+ transition-property: transform, opacity, -webkit-transform;
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms;
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+
+.bp3-panel-stack-pop .bp3-panel-stack-enter,
+.bp3-panel-stack-pop .bp3-panel-stack-appear {
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ opacity: 0;
+}
+
+.bp3-panel-stack-pop .bp3-panel-stack-enter-active,
+.bp3-panel-stack-pop .bp3-panel-stack-appear-active {
+ -webkit-transform: translate(0%);
+ transform: translate(0%);
+ opacity: 1;
+ -webkit-transition-property: opacity, -webkit-transform;
+ transition-property: opacity, -webkit-transform;
+ transition-property: transform, opacity;
+ transition-property: transform, opacity, -webkit-transform;
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms;
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+
+.bp3-panel-stack-pop .bp3-panel-stack-exit {
+ -webkit-transform: translate(0%);
+ transform: translate(0%);
+ opacity: 1;
+}
+
+.bp3-panel-stack-pop .bp3-panel-stack-exit-active {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ opacity: 0;
+ -webkit-transition-property: opacity, -webkit-transform;
+ transition-property: opacity, -webkit-transform;
+ transition-property: transform, opacity;
+ transition-property: transform, opacity, -webkit-transform;
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms;
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-popover {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2),
+ 0 8px 24px rgba(16, 22, 26, 0.2);
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ display: inline-block;
+ z-index: 20;
+ border-radius: 3px;
+}
+.bp3-popover .bp3-popover-arrow {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+}
+.bp3-popover .bp3-popover-arrow::before {
+ margin: 5px;
+ width: 20px;
+ height: 20px;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top
+ > .bp3-popover {
+ margin-top: -17px;
+ margin-bottom: 17px;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top
+ > .bp3-popover
+ > .bp3-popover-arrow {
+ bottom: -11px;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top
+ > .bp3-popover
+ > .bp3-popover-arrow
+ svg {
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.bp3-tether-element-attached-left.bp3-tether-target-attached-right
+ > .bp3-popover {
+ margin-left: 17px;
+}
+.bp3-tether-element-attached-left.bp3-tether-target-attached-right
+ > .bp3-popover
+ > .bp3-popover-arrow {
+ left: -11px;
+}
+.bp3-tether-element-attached-left.bp3-tether-target-attached-right
+ > .bp3-popover
+ > .bp3-popover-arrow
+ svg {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+}
+.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom
+ > .bp3-popover {
+ margin-top: 17px;
+}
+.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom
+ > .bp3-popover
+ > .bp3-popover-arrow {
+ top: -11px;
+}
+.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom
+ > .bp3-popover
+ > .bp3-popover-arrow
+ svg {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.bp3-tether-element-attached-right.bp3-tether-target-attached-left
+ > .bp3-popover {
+ margin-right: 17px;
+ margin-left: -17px;
+}
+.bp3-tether-element-attached-right.bp3-tether-target-attached-left
+ > .bp3-popover
+ > .bp3-popover-arrow {
+ right: -11px;
+}
+.bp3-tether-element-attached-right.bp3-tether-target-attached-left
+ > .bp3-popover
+ > .bp3-popover-arrow
+ svg {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.bp3-tether-element-attached-middle > .bp3-popover > .bp3-popover-arrow {
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+.bp3-tether-element-attached-center > .bp3-popover > .bp3-popover-arrow {
+ right: 50%;
+ -webkit-transform: translateX(50%);
+ transform: translateX(50%);
+}
+.bp3-tether-element-attached-top.bp3-tether-target-attached-top
+ > .bp3-popover
+ > .bp3-popover-arrow {
+ top: -0.3934px;
+}
+.bp3-tether-element-attached-right.bp3-tether-target-attached-right
+ > .bp3-popover
+ > .bp3-popover-arrow {
+ right: -0.3934px;
+}
+.bp3-tether-element-attached-left.bp3-tether-target-attached-left
+ > .bp3-popover
+ > .bp3-popover-arrow {
+ left: -0.3934px;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-target-attached-bottom
+ > .bp3-popover
+ > .bp3-popover-arrow {
+ bottom: -0.3934px;
+}
+.bp3-tether-element-attached-top.bp3-tether-element-attached-left
+ > .bp3-popover {
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+}
+.bp3-tether-element-attached-top.bp3-tether-element-attached-center
+ > .bp3-popover {
+ -webkit-transform-origin: top center;
+ transform-origin: top center;
+}
+.bp3-tether-element-attached-top.bp3-tether-element-attached-right
+ > .bp3-popover {
+ -webkit-transform-origin: top right;
+ transform-origin: top right;
+}
+.bp3-tether-element-attached-middle.bp3-tether-element-attached-left
+ > .bp3-popover {
+ -webkit-transform-origin: center left;
+ transform-origin: center left;
+}
+.bp3-tether-element-attached-middle.bp3-tether-element-attached-center
+ > .bp3-popover {
+ -webkit-transform-origin: center center;
+ transform-origin: center center;
+}
+.bp3-tether-element-attached-middle.bp3-tether-element-attached-right
+ > .bp3-popover {
+ -webkit-transform-origin: center right;
+ transform-origin: center right;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-element-attached-left
+ > .bp3-popover {
+ -webkit-transform-origin: bottom left;
+ transform-origin: bottom left;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-element-attached-center
+ > .bp3-popover {
+ -webkit-transform-origin: bottom center;
+ transform-origin: bottom center;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-element-attached-right
+ > .bp3-popover {
+ -webkit-transform-origin: bottom right;
+ transform-origin: bottom right;
+}
+.bp3-popover .bp3-popover-content {
+ background: #ffffff;
+ color: inherit;
+}
+.bp3-popover .bp3-popover-arrow::before {
+ -webkit-box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2);
+ box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2);
+}
+.bp3-popover .bp3-popover-arrow-border {
+ fill: #10161a;
+ fill-opacity: 0.1;
+}
+.bp3-popover .bp3-popover-arrow-fill {
+ fill: #ffffff;
+}
+.bp3-popover-enter > .bp3-popover,
+.bp3-popover-appear > .bp3-popover {
+ -webkit-transform: scale(0.3);
+ transform: scale(0.3);
+}
+.bp3-popover-enter-active > .bp3-popover,
+.bp3-popover-appear-active > .bp3-popover {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 300ms;
+ transition-duration: 300ms;
+ -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-popover-exit > .bp3-popover {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+.bp3-popover-exit-active > .bp3-popover {
+ -webkit-transform: scale(0.3);
+ transform: scale(0.3);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 300ms;
+ transition-duration: 300ms;
+ -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-popover .bp3-popover-content {
+ position: relative;
+ border-radius: 3px;
+}
+.bp3-popover.bp3-popover-content-sizing .bp3-popover-content {
+ max-width: 350px;
+ padding: 20px;
+}
+.bp3-popover-target + .bp3-overlay .bp3-popover.bp3-popover-content-sizing {
+ width: 350px;
+}
+.bp3-popover.bp3-minimal {
+ margin: 0 !important;
+}
+.bp3-popover.bp3-minimal .bp3-popover-arrow {
+ display: none;
+}
+.bp3-popover.bp3-minimal.bp3-popover {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+.bp3-popover-enter > .bp3-popover.bp3-minimal.bp3-popover,
+.bp3-popover-appear > .bp3-popover.bp3-minimal.bp3-popover {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+.bp3-popover-enter-active > .bp3-popover.bp3-minimal.bp3-popover,
+.bp3-popover-appear-active > .bp3-popover.bp3-minimal.bp3-popover {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-popover-exit > .bp3-popover.bp3-minimal.bp3-popover {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+.bp3-popover-exit-active > .bp3-popover.bp3-minimal.bp3-popover {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-popover.bp3-dark,
+.bp3-dark .bp3-popover {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4),
+ 0 8px 24px rgba(16, 22, 26, 0.4);
+}
+.bp3-popover.bp3-dark .bp3-popover-content,
+.bp3-dark .bp3-popover .bp3-popover-content {
+ background: #30404d;
+ color: inherit;
+}
+.bp3-popover.bp3-dark .bp3-popover-arrow::before,
+.bp3-dark .bp3-popover .bp3-popover-arrow::before {
+ -webkit-box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
+ box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
+}
+.bp3-popover.bp3-dark .bp3-popover-arrow-border,
+.bp3-dark .bp3-popover .bp3-popover-arrow-border {
+ fill: #10161a;
+ fill-opacity: 0.2;
+}
+.bp3-popover.bp3-dark .bp3-popover-arrow-fill,
+.bp3-dark .bp3-popover .bp3-popover-arrow-fill {
+ fill: #30404d;
+}
+
+.bp3-popover-arrow::before {
+ display: block;
+ position: absolute;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ border-radius: 2px;
+ content: '';
+}
+
+.bp3-tether-pinned .bp3-popover-arrow {
+ display: none;
+}
+
+.bp3-popover-backdrop {
+ background: rgba(255, 255, 255, 0);
+}
+
+.bp3-transition-container {
+ opacity: 1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ z-index: 20;
+}
+.bp3-transition-container.bp3-popover-enter,
+.bp3-transition-container.bp3-popover-appear {
+ opacity: 0;
+}
+.bp3-transition-container.bp3-popover-enter-active,
+.bp3-transition-container.bp3-popover-appear-active {
+ opacity: 1;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-transition-container.bp3-popover-exit {
+ opacity: 1;
+}
+.bp3-transition-container.bp3-popover-exit-active {
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-transition-container:focus {
+ outline: none;
+}
+.bp3-transition-container.bp3-popover-leave .bp3-popover-content {
+ pointer-events: none;
+}
+.bp3-transition-container[data-x-out-of-boundaries] {
+ display: none;
+}
+
+span.bp3-popover-target {
+ display: inline-block;
+}
+
+.bp3-popover-wrapper.bp3-fill {
+ width: 100%;
+}
+
+.bp3-portal {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+}
+@-webkit-keyframes linear-progress-bar-stripes {
+ from {
+ background-position: 0 0;
+ }
+ to {
+ background-position: 30px 0;
+ }
+}
+@keyframes linear-progress-bar-stripes {
+ from {
+ background-position: 0 0;
+ }
+ to {
+ background-position: 30px 0;
+ }
+}
+
+.bp3-progress-bar {
+ display: block;
+ position: relative;
+ border-radius: 40px;
+ background: rgba(92, 112, 128, 0.2);
+ width: 100%;
+ height: 8px;
+ overflow: hidden;
+}
+.bp3-progress-bar .bp3-progress-meter {
+ position: absolute;
+ border-radius: 40px;
+ background: linear-gradient(
+ -45deg,
+ rgba(255, 255, 255, 0.2) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.2) 50%,
+ rgba(255, 255, 255, 0.2) 75%,
+ transparent 75%
+ );
+ background-color: rgba(92, 112, 128, 0.8);
+ background-size: 30px 30px;
+ width: 100%;
+ height: 100%;
+ -webkit-transition: width 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: width 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+}
+.bp3-progress-bar:not(.bp3-no-animation):not(.bp3-no-stripes)
+ .bp3-progress-meter {
+ animation: linear-progress-bar-stripes 300ms linear infinite reverse;
+}
+.bp3-progress-bar.bp3-no-stripes .bp3-progress-meter {
+ background-image: none;
+}
+
+.bp3-dark .bp3-progress-bar {
+ background: rgba(16, 22, 26, 0.5);
+}
+.bp3-dark .bp3-progress-bar .bp3-progress-meter {
+ background-color: #8a9ba8;
+}
+
+.bp3-progress-bar.bp3-intent-primary .bp3-progress-meter {
+ background-color: #137cbd;
+}
+
+.bp3-progress-bar.bp3-intent-success .bp3-progress-meter {
+ background-color: #0f9960;
+}
+
+.bp3-progress-bar.bp3-intent-warning .bp3-progress-meter {
+ background-color: #d9822b;
+}
+
+.bp3-progress-bar.bp3-intent-danger .bp3-progress-meter {
+ background-color: #db3737;
+}
+@-webkit-keyframes skeleton-glow {
+ from {
+ border-color: rgba(206, 217, 224, 0.2);
+ background: rgba(206, 217, 224, 0.2);
+ }
+ to {
+ border-color: rgba(92, 112, 128, 0.2);
+ background: rgba(92, 112, 128, 0.2);
+ }
+}
+@keyframes skeleton-glow {
+ from {
+ border-color: rgba(206, 217, 224, 0.2);
+ background: rgba(206, 217, 224, 0.2);
+ }
+ to {
+ border-color: rgba(92, 112, 128, 0.2);
+ background: rgba(92, 112, 128, 0.2);
+ }
+}
+.bp3-skeleton {
+ border-color: rgba(206, 217, 224, 0.2) !important;
+ border-radius: 2px;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ background: rgba(206, 217, 224, 0.2);
+ background-clip: padding-box !important;
+ cursor: default;
+ color: transparent !important;
+ -webkit-animation: 1000ms linear infinite alternate skeleton-glow;
+ animation: 1000ms linear infinite alternate skeleton-glow;
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.bp3-skeleton::before,
+.bp3-skeleton::after,
+.bp3-skeleton * {
+ visibility: hidden !important;
+}
+.bp3-slider {
+ width: 100%;
+ min-width: 150px;
+ height: 40px;
+ position: relative;
+ outline: none;
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.bp3-slider:hover {
+ cursor: pointer;
+}
+.bp3-slider:active {
+ cursor: -webkit-grabbing;
+ cursor: grabbing;
+}
+.bp3-slider.bp3-disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+.bp3-slider.bp3-slider-unlabeled {
+ height: 16px;
+}
+
+.bp3-slider-track,
+.bp3-slider-progress {
+ top: 5px;
+ right: 0;
+ left: 0;
+ height: 6px;
+ position: absolute;
+}
+
+.bp3-slider-track {
+ border-radius: 3px;
+ overflow: hidden;
+}
+
+.bp3-slider-progress {
+ background: rgba(92, 112, 128, 0.2);
+}
+.bp3-dark .bp3-slider-progress {
+ background: rgba(16, 22, 26, 0.5);
+}
+.bp3-slider-progress.bp3-intent-primary {
+ background-color: #137cbd;
+}
+.bp3-slider-progress.bp3-intent-success {
+ background-color: #0f9960;
+}
+.bp3-slider-progress.bp3-intent-warning {
+ background-color: #d9822b;
+}
+.bp3-slider-progress.bp3-intent-danger {
+ background-color: #db3737;
+}
+
+.bp3-slider-handle {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-color: #f5f8fa;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.8)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.8),
+ rgba(255, 255, 255, 0)
+ );
+ color: #182026;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
+ cursor: pointer;
+ width: 16px;
+ height: 16px;
+}
+.bp3-slider-handle:hover {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-clip: padding-box;
+ background-color: #ebf1f5;
+}
+.bp3-slider-handle:active,
+.bp3-slider-handle.bp3-active {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #d8e1e8;
+ background-image: none;
+}
+.bp3-slider-handle:disabled,
+.bp3-slider-handle.bp3-disabled {
+ outline: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(206, 217, 224, 0.5);
+ background-image: none;
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-slider-handle:disabled.bp3-active,
+.bp3-slider-handle:disabled.bp3-active:hover,
+.bp3-slider-handle.bp3-disabled.bp3-active,
+.bp3-slider-handle.bp3-disabled.bp3-active:hover {
+ background: rgba(206, 217, 224, 0.7);
+}
+.bp3-slider-handle:focus {
+ z-index: 1;
+}
+.bp3-slider-handle:hover {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+ background-clip: padding-box;
+ background-color: #ebf1f5;
+ z-index: 2;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
+ cursor: -webkit-grab;
+ cursor: grab;
+}
+.bp3-slider-handle.bp3-active {
+ -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #d8e1e8;
+ background-image: none;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 1px rgba(16, 22, 26, 0.1);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ inset 0 1px 1px rgba(16, 22, 26, 0.1);
+ cursor: -webkit-grabbing;
+ cursor: grabbing;
+}
+.bp3-disabled .bp3-slider-handle {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: #bfccd6;
+ pointer-events: none;
+}
+.bp3-dark .bp3-slider-handle {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #394b59;
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.05)),
+ to(rgba(255, 255, 255, 0))
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.05),
+ rgba(255, 255, 255, 0)
+ );
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-slider-handle:hover,
+.bp3-dark .bp3-slider-handle:active,
+.bp3-dark .bp3-slider-handle.bp3-active {
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-slider-handle:hover {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
+ background-color: #30404d;
+}
+.bp3-dark .bp3-slider-handle:active,
+.bp3-dark .bp3-slider-handle.bp3-active {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6),
+ inset 0 1px 2px rgba(16, 22, 26, 0.2);
+ background-color: #202b33;
+ background-image: none;
+}
+.bp3-dark .bp3-slider-handle:disabled,
+.bp3-dark .bp3-slider-handle.bp3-disabled {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(57, 75, 89, 0.5);
+ background-image: none;
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-slider-handle:disabled.bp3-active,
+.bp3-dark .bp3-slider-handle.bp3-disabled.bp3-active {
+ background: rgba(57, 75, 89, 0.7);
+}
+.bp3-dark .bp3-slider-handle .bp3-button-spinner .bp3-spinner-head {
+ background: rgba(16, 22, 26, 0.5);
+ stroke: #8a9ba8;
+}
+.bp3-dark .bp3-slider-handle,
+.bp3-dark .bp3-slider-handle:hover {
+ background-color: #394b59;
+}
+.bp3-dark .bp3-slider-handle.bp3-active {
+ background-color: #293742;
+}
+.bp3-dark .bp3-disabled .bp3-slider-handle {
+ border-color: #5c7080;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: #5c7080;
+}
+.bp3-slider-handle .bp3-slider-label {
+ margin-left: 8px;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2),
+ 0 8px 24px rgba(16, 22, 26, 0.2);
+ background: #394b59;
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-slider-handle .bp3-slider-label {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4),
+ 0 8px 24px rgba(16, 22, 26, 0.4);
+ background: #e1e8ed;
+ color: #394b59;
+}
+.bp3-disabled .bp3-slider-handle .bp3-slider-label {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-slider-handle.bp3-start,
+.bp3-slider-handle.bp3-end {
+ width: 8px;
+}
+.bp3-slider-handle.bp3-start {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.bp3-slider-handle.bp3-end {
+ margin-left: 8px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.bp3-slider-handle.bp3-end .bp3-slider-label {
+ margin-left: 0;
+}
+
+.bp3-slider-label {
+ -webkit-transform: translate(-50%, 20px);
+ transform: translate(-50%, 20px);
+ display: inline-block;
+ position: absolute;
+ padding: 2px 5px;
+ vertical-align: top;
+ line-height: 1;
+ font-size: 12px;
+}
+
+.bp3-slider.bp3-vertical {
+ width: 40px;
+ min-width: 40px;
+ height: 150px;
+}
+.bp3-slider.bp3-vertical .bp3-slider-track,
+.bp3-slider.bp3-vertical .bp3-slider-progress {
+ top: 0;
+ bottom: 0;
+ left: 5px;
+ width: 6px;
+ height: auto;
+}
+.bp3-slider.bp3-vertical .bp3-slider-progress {
+ top: auto;
+}
+.bp3-slider.bp3-vertical .bp3-slider-label {
+ -webkit-transform: translate(20px, 50%);
+ transform: translate(20px, 50%);
+}
+.bp3-slider.bp3-vertical .bp3-slider-handle {
+ top: auto;
+}
+.bp3-slider.bp3-vertical .bp3-slider-handle .bp3-slider-label {
+ margin-top: -8px;
+ margin-left: 0;
+}
+.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-end,
+.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start {
+ margin-left: 0;
+ width: 16px;
+ height: 8px;
+}
+.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start {
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+}
+.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start .bp3-slider-label {
+ -webkit-transform: translate(20px);
+ transform: translate(20px);
+}
+.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-end {
+ margin-bottom: 8px;
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+@-webkit-keyframes pt-spinner-animation {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes pt-spinner-animation {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+.bp3-spinner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ overflow: visible;
+ vertical-align: middle;
+}
+.bp3-spinner svg {
+ display: block;
+}
+.bp3-spinner path {
+ fill-opacity: 0;
+}
+.bp3-spinner .bp3-spinner-head {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transition: stroke-dashoffset 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: stroke-dashoffset 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ stroke: rgba(92, 112, 128, 0.8);
+ stroke-linecap: round;
+}
+.bp3-spinner .bp3-spinner-track {
+ stroke: rgba(92, 112, 128, 0.2);
+}
+
+.bp3-spinner-animation {
+ -webkit-animation: pt-spinner-animation 500ms linear infinite;
+ animation: pt-spinner-animation 500ms linear infinite;
+}
+.bp3-no-spin > .bp3-spinner-animation {
+ -webkit-animation: none;
+ animation: none;
+}
+
+.bp3-dark .bp3-spinner .bp3-spinner-head {
+ stroke: #8a9ba8;
+}
+
+.bp3-dark .bp3-spinner .bp3-spinner-track {
+ stroke: rgba(16, 22, 26, 0.5);
+}
+
+.bp3-spinner.bp3-intent-primary .bp3-spinner-head {
+ stroke: #137cbd;
+}
+
+.bp3-spinner.bp3-intent-success .bp3-spinner-head {
+ stroke: #0f9960;
+}
+
+.bp3-spinner.bp3-intent-warning .bp3-spinner-head {
+ stroke: #d9822b;
+}
+
+.bp3-spinner.bp3-intent-danger .bp3-spinner-head {
+ stroke: #db3737;
+}
+.bp3-tabs.bp3-vertical {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.bp3-tabs.bp3-vertical > .bp3-tab-list {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab {
+ border-radius: 3px;
+ width: 100%;
+ padding: 0 10px;
+}
+.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab[aria-selected='true'] {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: rgba(19, 124, 189, 0.2);
+}
+.bp3-tabs.bp3-vertical
+ > .bp3-tab-list
+ .bp3-tab-indicator-wrapper
+ .bp3-tab-indicator {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: 3px;
+ background-color: rgba(19, 124, 189, 0.2);
+ height: auto;
+}
+.bp3-tabs.bp3-vertical > .bp3-tab-panel {
+ margin-top: 0;
+ padding-left: 20px;
+}
+
+.bp3-tab-list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ position: relative;
+ margin: 0;
+ border: none;
+ padding: 0;
+ list-style: none;
+}
+.bp3-tab-list > *:not(:last-child) {
+ margin-right: 20px;
+}
+
+.bp3-tab {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ position: relative;
+ cursor: pointer;
+ max-width: 100%;
+ vertical-align: top;
+ line-height: 30px;
+ color: #182026;
+ font-size: 14px;
+}
+.bp3-tab a {
+ display: block;
+ text-decoration: none;
+ color: inherit;
+}
+.bp3-tab-indicator-wrapper ~ .bp3-tab {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ background-color: transparent !important;
+}
+.bp3-tab[aria-disabled='true'] {
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-tab[aria-selected='true'] {
+ border-radius: 0;
+ -webkit-box-shadow: inset 0 -3px 0 #106ba3;
+ box-shadow: inset 0 -3px 0 #106ba3;
+}
+.bp3-tab[aria-selected='true'],
+.bp3-tab:not([aria-disabled='true']):hover {
+ color: #106ba3;
+}
+.bp3-tab:focus {
+ -moz-outline-radius: 0;
+}
+.bp3-large > .bp3-tab {
+ line-height: 40px;
+ font-size: 16px;
+}
+
+.bp3-tab-panel {
+ margin-top: 20px;
+}
+.bp3-tab-panel[aria-hidden='true'] {
+ display: none;
+}
+
+.bp3-tab-indicator-wrapper {
+ position: absolute;
+ top: 0;
+ left: 0;
+ -webkit-transform: translateX(0), translateY(0);
+ transform: translateX(0), translateY(0);
+ -webkit-transition: height, width, -webkit-transform;
+ transition: height, width, -webkit-transform;
+ transition: height, transform, width;
+ transition: height, transform, width, -webkit-transform;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ pointer-events: none;
+}
+.bp3-tab-indicator-wrapper .bp3-tab-indicator {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: #106ba3;
+ height: 3px;
+}
+.bp3-tab-indicator-wrapper.bp3-no-animation {
+ -webkit-transition: none;
+ transition: none;
+}
+
+.bp3-dark .bp3-tab {
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-tab[aria-disabled='true'] {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-tab[aria-selected='true'] {
+ -webkit-box-shadow: inset 0 -3px 0 #48aff0;
+ box-shadow: inset 0 -3px 0 #48aff0;
+}
+.bp3-dark .bp3-tab[aria-selected='true'],
+.bp3-dark .bp3-tab:not([aria-disabled='true']):hover {
+ color: #48aff0;
+}
+
+.bp3-dark .bp3-tab-indicator {
+ background-color: #48aff0;
+}
+
+.bp3-flex-expander {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1;
+ flex: 1 1;
+}
+.bp3-tag {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+ border: none;
+ border-radius: 3px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: #5c7080;
+ min-width: 20px;
+ max-width: 100%;
+ min-height: 20px;
+ padding: 2px 6px;
+ line-height: 16px;
+ color: #f5f8fa;
+ font-size: 12px;
+}
+.bp3-tag.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-tag.bp3-interactive:hover {
+ background-color: rgba(92, 112, 128, 0.85);
+}
+.bp3-tag.bp3-interactive.bp3-active,
+.bp3-tag.bp3-interactive:active {
+ background-color: rgba(92, 112, 128, 0.7);
+}
+.bp3-tag > * {
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.bp3-tag > .bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+}
+.bp3-tag::before,
+.bp3-tag > * {
+ margin-right: 4px;
+}
+.bp3-tag:empty::before,
+.bp3-tag > :last-child {
+ margin-right: 0;
+}
+.bp3-tag:focus {
+ outline: rgba(19, 124, 189, 0.6) auto 2px;
+ outline-offset: 0;
+ -moz-outline-radius: 6px;
+}
+.bp3-tag.bp3-round {
+ border-radius: 30px;
+ padding-right: 8px;
+ padding-left: 8px;
+}
+.bp3-dark .bp3-tag {
+ background-color: #bfccd6;
+ color: #182026;
+}
+.bp3-dark .bp3-tag.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-dark .bp3-tag.bp3-interactive:hover {
+ background-color: rgba(191, 204, 214, 0.85);
+}
+.bp3-dark .bp3-tag.bp3-interactive.bp3-active,
+.bp3-dark .bp3-tag.bp3-interactive:active {
+ background-color: rgba(191, 204, 214, 0.7);
+}
+.bp3-dark .bp3-tag > .bp3-icon,
+.bp3-dark .bp3-tag .bp3-icon-standard,
+.bp3-dark .bp3-tag .bp3-icon-large {
+ fill: currentColor;
+}
+.bp3-tag > .bp3-icon,
+.bp3-tag .bp3-icon-standard,
+.bp3-tag .bp3-icon-large {
+ fill: #ffffff;
+}
+.bp3-tag.bp3-large,
+.bp3-large .bp3-tag {
+ min-width: 30px;
+ min-height: 30px;
+ padding: 0 10px;
+ line-height: 20px;
+ font-size: 14px;
+}
+.bp3-tag.bp3-large::before,
+.bp3-tag.bp3-large > *,
+.bp3-large .bp3-tag::before,
+.bp3-large .bp3-tag > * {
+ margin-right: 7px;
+}
+.bp3-tag.bp3-large:empty::before,
+.bp3-tag.bp3-large > :last-child,
+.bp3-large .bp3-tag:empty::before,
+.bp3-large .bp3-tag > :last-child {
+ margin-right: 0;
+}
+.bp3-tag.bp3-large.bp3-round,
+.bp3-large .bp3-tag.bp3-round {
+ padding-right: 12px;
+ padding-left: 12px;
+}
+.bp3-tag.bp3-intent-primary {
+ background: #137cbd;
+ color: #ffffff;
+}
+.bp3-tag.bp3-intent-primary.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-tag.bp3-intent-primary.bp3-interactive:hover {
+ background-color: rgba(19, 124, 189, 0.85);
+}
+.bp3-tag.bp3-intent-primary.bp3-interactive.bp3-active,
+.bp3-tag.bp3-intent-primary.bp3-interactive:active {
+ background-color: rgba(19, 124, 189, 0.7);
+}
+.bp3-tag.bp3-intent-success {
+ background: #0f9960;
+ color: #ffffff;
+}
+.bp3-tag.bp3-intent-success.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-tag.bp3-intent-success.bp3-interactive:hover {
+ background-color: rgba(15, 153, 96, 0.85);
+}
+.bp3-tag.bp3-intent-success.bp3-interactive.bp3-active,
+.bp3-tag.bp3-intent-success.bp3-interactive:active {
+ background-color: rgba(15, 153, 96, 0.7);
+}
+.bp3-tag.bp3-intent-warning {
+ background: #d9822b;
+ color: #ffffff;
+}
+.bp3-tag.bp3-intent-warning.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-tag.bp3-intent-warning.bp3-interactive:hover {
+ background-color: rgba(217, 130, 43, 0.85);
+}
+.bp3-tag.bp3-intent-warning.bp3-interactive.bp3-active,
+.bp3-tag.bp3-intent-warning.bp3-interactive:active {
+ background-color: rgba(217, 130, 43, 0.7);
+}
+.bp3-tag.bp3-intent-danger {
+ background: #db3737;
+ color: #ffffff;
+}
+.bp3-tag.bp3-intent-danger.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-tag.bp3-intent-danger.bp3-interactive:hover {
+ background-color: rgba(219, 55, 55, 0.85);
+}
+.bp3-tag.bp3-intent-danger.bp3-interactive.bp3-active,
+.bp3-tag.bp3-intent-danger.bp3-interactive:active {
+ background-color: rgba(219, 55, 55, 0.7);
+}
+.bp3-tag.bp3-fill {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+}
+.bp3-tag.bp3-minimal > .bp3-icon,
+.bp3-tag.bp3-minimal .bp3-icon-standard,
+.bp3-tag.bp3-minimal .bp3-icon-large {
+ fill: #5c7080;
+}
+.bp3-tag.bp3-minimal:not([class*='bp3-intent-']) {
+ background-color: rgba(138, 155, 168, 0.2);
+ color: #182026;
+}
+.bp3-tag.bp3-minimal:not([class*='bp3-intent-']).bp3-interactive {
+ cursor: pointer;
+}
+.bp3-tag.bp3-minimal:not([class*='bp3-intent-']).bp3-interactive:hover {
+ background-color: rgba(92, 112, 128, 0.3);
+}
+.bp3-tag.bp3-minimal:not([class*='bp3-intent-']).bp3-interactive.bp3-active,
+.bp3-tag.bp3-minimal:not([class*='bp3-intent-']).bp3-interactive:active {
+ background-color: rgba(92, 112, 128, 0.4);
+}
+.bp3-dark .bp3-tag.bp3-minimal:not([class*='bp3-intent-']) {
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-tag.bp3-minimal:not([class*='bp3-intent-']).bp3-interactive {
+ cursor: pointer;
+}
+.bp3-dark
+ .bp3-tag.bp3-minimal:not([class*='bp3-intent-']).bp3-interactive:hover {
+ background-color: rgba(191, 204, 214, 0.3);
+}
+.bp3-dark
+ .bp3-tag.bp3-minimal:not([class*='bp3-intent-']).bp3-interactive.bp3-active,
+.bp3-dark
+ .bp3-tag.bp3-minimal:not([class*='bp3-intent-']).bp3-interactive:active {
+ background-color: rgba(191, 204, 214, 0.4);
+}
+.bp3-dark .bp3-tag.bp3-minimal:not([class*='bp3-intent-']) > .bp3-icon,
+.bp3-dark .bp3-tag.bp3-minimal:not([class*='bp3-intent-']) .bp3-icon-standard,
+.bp3-dark .bp3-tag.bp3-minimal:not([class*='bp3-intent-']) .bp3-icon-large {
+ fill: #a7b6c2;
+}
+.bp3-tag.bp3-minimal.bp3-intent-primary {
+ background-color: rgba(19, 124, 189, 0.15);
+ color: #106ba3;
+}
+.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive:hover {
+ background-color: rgba(19, 124, 189, 0.25);
+}
+.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive.bp3-active,
+.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive:active {
+ background-color: rgba(19, 124, 189, 0.35);
+}
+.bp3-tag.bp3-minimal.bp3-intent-primary > .bp3-icon,
+.bp3-tag.bp3-minimal.bp3-intent-primary .bp3-icon-standard,
+.bp3-tag.bp3-minimal.bp3-intent-primary .bp3-icon-large {
+ fill: #137cbd;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-primary {
+ background-color: rgba(19, 124, 189, 0.25);
+ color: #48aff0;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive:hover {
+ background-color: rgba(19, 124, 189, 0.35);
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive.bp3-active,
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive:active {
+ background-color: rgba(19, 124, 189, 0.45);
+}
+.bp3-tag.bp3-minimal.bp3-intent-success {
+ background-color: rgba(15, 153, 96, 0.15);
+ color: #0d8050;
+}
+.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive:hover {
+ background-color: rgba(15, 153, 96, 0.25);
+}
+.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive.bp3-active,
+.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive:active {
+ background-color: rgba(15, 153, 96, 0.35);
+}
+.bp3-tag.bp3-minimal.bp3-intent-success > .bp3-icon,
+.bp3-tag.bp3-minimal.bp3-intent-success .bp3-icon-standard,
+.bp3-tag.bp3-minimal.bp3-intent-success .bp3-icon-large {
+ fill: #0f9960;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-success {
+ background-color: rgba(15, 153, 96, 0.25);
+ color: #3dcc91;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive:hover {
+ background-color: rgba(15, 153, 96, 0.35);
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive.bp3-active,
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive:active {
+ background-color: rgba(15, 153, 96, 0.45);
+}
+.bp3-tag.bp3-minimal.bp3-intent-warning {
+ background-color: rgba(217, 130, 43, 0.15);
+ color: #bf7326;
+}
+.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive:hover {
+ background-color: rgba(217, 130, 43, 0.25);
+}
+.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive.bp3-active,
+.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive:active {
+ background-color: rgba(217, 130, 43, 0.35);
+}
+.bp3-tag.bp3-minimal.bp3-intent-warning > .bp3-icon,
+.bp3-tag.bp3-minimal.bp3-intent-warning .bp3-icon-standard,
+.bp3-tag.bp3-minimal.bp3-intent-warning .bp3-icon-large {
+ fill: #d9822b;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-warning {
+ background-color: rgba(217, 130, 43, 0.25);
+ color: #ffb366;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive:hover {
+ background-color: rgba(217, 130, 43, 0.35);
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive.bp3-active,
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive:active {
+ background-color: rgba(217, 130, 43, 0.45);
+}
+.bp3-tag.bp3-minimal.bp3-intent-danger {
+ background-color: rgba(219, 55, 55, 0.15);
+ color: #c23030;
+}
+.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive:hover {
+ background-color: rgba(219, 55, 55, 0.25);
+}
+.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive.bp3-active,
+.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive:active {
+ background-color: rgba(219, 55, 55, 0.35);
+}
+.bp3-tag.bp3-minimal.bp3-intent-danger > .bp3-icon,
+.bp3-tag.bp3-minimal.bp3-intent-danger .bp3-icon-standard,
+.bp3-tag.bp3-minimal.bp3-intent-danger .bp3-icon-large {
+ fill: #db3737;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-danger {
+ background-color: rgba(219, 55, 55, 0.25);
+ color: #ff7373;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive {
+ cursor: pointer;
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive:hover {
+ background-color: rgba(219, 55, 55, 0.35);
+}
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive.bp3-active,
+.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive:active {
+ background-color: rgba(219, 55, 55, 0.45);
+}
+
+.bp3-tag-remove {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ opacity: 0.5;
+ margin-top: -2px;
+ margin-right: -6px !important;
+ margin-bottom: -2px;
+ border: none;
+ background: none;
+ cursor: pointer;
+ padding: 2px;
+ padding-left: 0;
+ color: inherit;
+}
+.bp3-tag-remove:hover {
+ opacity: 0.8;
+ background: none;
+ text-decoration: none;
+}
+.bp3-tag-remove:active {
+ opacity: 1;
+}
+.bp3-tag-remove:empty::before {
+ line-height: 1;
+ font-family: 'Icons16', sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ font-style: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ content: '';
+}
+.bp3-large .bp3-tag-remove {
+ margin-right: -10px !important;
+ padding: 5px;
+ padding-left: 0;
+}
+.bp3-large .bp3-tag-remove:empty::before {
+ line-height: 1;
+ font-family: 'Icons20', sans-serif;
+ font-size: 20px;
+ font-weight: 400;
+ font-style: normal;
+}
+.bp3-tag-input {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ cursor: text;
+ height: auto;
+ min-height: 30px;
+ padding-right: 0;
+ padding-left: 5px;
+ line-height: inherit;
+}
+.bp3-tag-input > * {
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.bp3-tag-input > .bp3-tag-input-values {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+}
+.bp3-tag-input .bp3-tag-input-icon {
+ margin-top: 7px;
+ margin-right: 7px;
+ margin-left: 2px;
+ color: #5c7080;
+}
+.bp3-tag-input .bp3-tag-input-values {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ margin-top: 5px;
+ margin-right: 7px;
+ min-width: 0;
+}
+.bp3-tag-input .bp3-tag-input-values > * {
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.bp3-tag-input .bp3-tag-input-values > .bp3-fill {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+}
+.bp3-tag-input .bp3-tag-input-values::before,
+.bp3-tag-input .bp3-tag-input-values > * {
+ margin-right: 5px;
+}
+.bp3-tag-input .bp3-tag-input-values:empty::before,
+.bp3-tag-input .bp3-tag-input-values > :last-child {
+ margin-right: 0;
+}
+.bp3-tag-input .bp3-tag-input-values:first-child .bp3-input-ghost:first-child {
+ padding-left: 5px;
+}
+.bp3-tag-input .bp3-tag-input-values > * {
+ margin-bottom: 5px;
+}
+.bp3-tag-input .bp3-tag {
+ overflow-wrap: break-word;
+}
+.bp3-tag-input .bp3-tag.bp3-active {
+ outline: rgba(19, 124, 189, 0.6) auto 2px;
+ outline-offset: 0;
+ -moz-outline-radius: 6px;
+}
+.bp3-tag-input .bp3-input-ghost {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 80px;
+ line-height: 20px;
+}
+.bp3-tag-input .bp3-input-ghost:disabled,
+.bp3-tag-input .bp3-input-ghost.bp3-disabled {
+ cursor: not-allowed;
+}
+.bp3-tag-input .bp3-button,
+.bp3-tag-input .bp3-spinner {
+ margin: 3px;
+ margin-left: 0;
+}
+.bp3-tag-input .bp3-button {
+ min-width: 24px;
+ min-height: 24px;
+ padding: 0 7px;
+}
+.bp3-tag-input.bp3-large {
+ height: auto;
+ min-height: 40px;
+}
+.bp3-tag-input.bp3-large::before,
+.bp3-tag-input.bp3-large > * {
+ margin-right: 10px;
+}
+.bp3-tag-input.bp3-large:empty::before,
+.bp3-tag-input.bp3-large > :last-child {
+ margin-right: 0;
+}
+.bp3-tag-input.bp3-large .bp3-tag-input-icon {
+ margin-top: 10px;
+ margin-left: 5px;
+}
+.bp3-tag-input.bp3-large .bp3-input-ghost {
+ line-height: 30px;
+}
+.bp3-tag-input.bp3-large .bp3-button {
+ min-width: 30px;
+ min-height: 30px;
+ padding: 5px 10px;
+ margin: 5px;
+ margin-left: 0;
+}
+.bp3-tag-input.bp3-large .bp3-spinner {
+ margin: 8px;
+ margin-left: 0;
+}
+.bp3-tag-input.bp3-active {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ background-color: #ffffff;
+}
+.bp3-tag-input.bp3-active.bp3-intent-primary {
+ -webkit-box-shadow: 0 0 0 1px #106ba3, 0 0 0 3px rgba(16, 107, 163, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #106ba3, 0 0 0 3px rgba(16, 107, 163, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-tag-input.bp3-active.bp3-intent-success {
+ -webkit-box-shadow: 0 0 0 1px #0d8050, 0 0 0 3px rgba(13, 128, 80, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #0d8050, 0 0 0 3px rgba(13, 128, 80, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-tag-input.bp3-active.bp3-intent-warning {
+ -webkit-box-shadow: 0 0 0 1px #bf7326, 0 0 0 3px rgba(191, 115, 38, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #bf7326, 0 0 0 3px rgba(191, 115, 38, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-tag-input.bp3-active.bp3-intent-danger {
+ -webkit-box-shadow: 0 0 0 1px #c23030, 0 0 0 3px rgba(194, 48, 48, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px #c23030, 0 0 0 3px rgba(194, 48, 48, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.bp3-dark .bp3-tag-input .bp3-tag-input-icon,
+.bp3-tag-input.bp3-dark .bp3-tag-input-icon {
+ color: #a7b6c2;
+}
+.bp3-dark .bp3-tag-input .bp3-input-ghost,
+.bp3-tag-input.bp3-dark .bp3-input-ghost {
+ color: #f5f8fa;
+}
+.bp3-dark .bp3-tag-input .bp3-input-ghost::-webkit-input-placeholder,
+.bp3-tag-input.bp3-dark .bp3-input-ghost::-webkit-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-tag-input .bp3-input-ghost::-moz-placeholder,
+.bp3-tag-input.bp3-dark .bp3-input-ghost::-moz-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-tag-input .bp3-input-ghost:-ms-input-placeholder,
+.bp3-tag-input.bp3-dark .bp3-input-ghost:-ms-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-tag-input .bp3-input-ghost::-ms-input-placeholder,
+.bp3-tag-input.bp3-dark .bp3-input-ghost::-ms-input-placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-tag-input .bp3-input-ghost::placeholder,
+.bp3-tag-input.bp3-dark .bp3-input-ghost::placeholder {
+ color: rgba(167, 182, 194, 0.6);
+}
+.bp3-dark .bp3-tag-input.bp3-active,
+.bp3-tag-input.bp3-dark.bp3-active {
+ -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd,
+ 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd,
+ 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ background-color: rgba(16, 22, 26, 0.3);
+}
+.bp3-dark .bp3-tag-input.bp3-active.bp3-intent-primary,
+.bp3-tag-input.bp3-dark.bp3-active.bp3-intent-primary {
+ -webkit-box-shadow: 0 0 0 1px #106ba3, 0 0 0 3px rgba(16, 107, 163, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #106ba3, 0 0 0 3px rgba(16, 107, 163, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-tag-input.bp3-active.bp3-intent-success,
+.bp3-tag-input.bp3-dark.bp3-active.bp3-intent-success {
+ -webkit-box-shadow: 0 0 0 1px #0d8050, 0 0 0 3px rgba(13, 128, 80, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #0d8050, 0 0 0 3px rgba(13, 128, 80, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-tag-input.bp3-active.bp3-intent-warning,
+.bp3-tag-input.bp3-dark.bp3-active.bp3-intent-warning {
+ -webkit-box-shadow: 0 0 0 1px #bf7326, 0 0 0 3px rgba(191, 115, 38, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #bf7326, 0 0 0 3px rgba(191, 115, 38, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+.bp3-dark .bp3-tag-input.bp3-active.bp3-intent-danger,
+.bp3-tag-input.bp3-dark.bp3-active.bp3-intent-danger {
+ -webkit-box-shadow: 0 0 0 1px #c23030, 0 0 0 3px rgba(194, 48, 48, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px #c23030, 0 0 0 3px rgba(194, 48, 48, 0.3),
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
+}
+
+.bp3-input-ghost {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ padding: 0;
+}
+.bp3-input-ghost::-webkit-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input-ghost::-moz-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input-ghost:-ms-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input-ghost::-ms-input-placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input-ghost::placeholder {
+ opacity: 1;
+ color: rgba(92, 112, 128, 0.6);
+}
+.bp3-input-ghost:focus {
+ outline: none !important;
+}
+.bp3-toast {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ position: relative !important;
+ margin: 20px 0 0;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2),
+ 0 8px 24px rgba(16, 22, 26, 0.2);
+ background-color: #ffffff;
+ min-width: 300px;
+ max-width: 500px;
+ pointer-events: all;
+}
+.bp3-toast.bp3-toast-enter,
+.bp3-toast.bp3-toast-appear {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px);
+}
+.bp3-toast.bp3-toast-enter-active,
+.bp3-toast.bp3-toast-appear-active {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 300ms;
+ transition-duration: 300ms;
+ -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-toast.bp3-toast-enter ~ .bp3-toast,
+.bp3-toast.bp3-toast-appear ~ .bp3-toast {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px);
+}
+.bp3-toast.bp3-toast-enter-active ~ .bp3-toast,
+.bp3-toast.bp3-toast-appear-active ~ .bp3-toast {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 300ms;
+ transition-duration: 300ms;
+ -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-toast.bp3-toast-exit {
+ opacity: 1;
+ -webkit-filter: blur(0);
+ filter: blur(0);
+}
+.bp3-toast.bp3-toast-exit-active {
+ opacity: 0;
+ -webkit-filter: blur(10px);
+ filter: blur(10px);
+ -webkit-transition-property: opacity, -webkit-filter;
+ transition-property: opacity, -webkit-filter;
+ transition-property: opacity, filter;
+ transition-property: opacity, filter, -webkit-filter;
+ -webkit-transition-duration: 300ms;
+ transition-duration: 300ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-toast.bp3-toast-exit ~ .bp3-toast {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+}
+.bp3-toast.bp3-toast-exit-active ~ .bp3-toast {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 50ms;
+ transition-delay: 50ms;
+}
+.bp3-toast .bp3-button-group {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding: 5px;
+ padding-left: 0;
+}
+.bp3-toast > .bp3-icon {
+ margin: 12px;
+ margin-right: 0;
+ color: #5c7080;
+}
+.bp3-toast.bp3-dark,
+.bp3-dark .bp3-toast {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4),
+ 0 8px 24px rgba(16, 22, 26, 0.4);
+ background-color: #394b59;
+}
+.bp3-toast.bp3-dark > .bp3-icon,
+.bp3-dark .bp3-toast > .bp3-icon {
+ color: #a7b6c2;
+}
+.bp3-toast[class*='bp3-intent-'] a {
+ color: rgba(255, 255, 255, 0.7);
+}
+.bp3-toast[class*='bp3-intent-'] a:hover {
+ color: #ffffff;
+}
+.bp3-toast[class*='bp3-intent-'] > .bp3-icon {
+ color: #ffffff;
+}
+.bp3-toast[class*='bp3-intent-'] .bp3-button,
+.bp3-toast[class*='bp3-intent-'] .bp3-button::before,
+.bp3-toast[class*='bp3-intent-'] .bp3-button .bp3-icon,
+.bp3-toast[class*='bp3-intent-'] .bp3-button:active {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+.bp3-toast[class*='bp3-intent-'] .bp3-button:focus {
+ outline-color: rgba(255, 255, 255, 0.5);
+}
+.bp3-toast[class*='bp3-intent-'] .bp3-button:hover {
+ background-color: rgba(255, 255, 255, 0.15) !important;
+ color: #ffffff !important;
+}
+.bp3-toast[class*='bp3-intent-'] .bp3-button:active {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ color: #ffffff !important;
+}
+.bp3-toast[class*='bp3-intent-'] .bp3-button::after {
+ background: rgba(255, 255, 255, 0.3) !important;
+}
+.bp3-toast.bp3-intent-primary {
+ background-color: #137cbd;
+ color: #ffffff;
+}
+.bp3-toast.bp3-intent-success {
+ background-color: #0f9960;
+ color: #ffffff;
+}
+.bp3-toast.bp3-intent-warning {
+ background-color: #d9822b;
+ color: #ffffff;
+}
+.bp3-toast.bp3-intent-danger {
+ background-color: #db3737;
+ color: #ffffff;
+}
+
+.bp3-toast-message {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 11px;
+ word-break: break-word;
+}
+
+.bp3-toast-container {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: fixed;
+ right: 0;
+ left: 0;
+ z-index: 40;
+ overflow: hidden;
+ padding: 0 20px 20px;
+ pointer-events: none;
+}
+.bp3-toast-container.bp3-toast-container-top {
+ top: 0;
+ bottom: auto;
+}
+.bp3-toast-container.bp3-toast-container-bottom {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ top: auto;
+ bottom: 0;
+}
+.bp3-toast-container.bp3-toast-container-left {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.bp3-toast-container.bp3-toast-container-right {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+}
+
+.bp3-toast-container-bottom
+ .bp3-toast.bp3-toast-enter:not(.bp3-toast-enter-active),
+.bp3-toast-container-bottom
+ .bp3-toast.bp3-toast-enter:not(.bp3-toast-enter-active)
+ ~ .bp3-toast,
+.bp3-toast-container-bottom
+ .bp3-toast.bp3-toast-appear:not(.bp3-toast-appear-active),
+.bp3-toast-container-bottom
+ .bp3-toast.bp3-toast-appear:not(.bp3-toast-appear-active)
+ ~ .bp3-toast,
+.bp3-toast-container-bottom .bp3-toast.bp3-toast-leave-active ~ .bp3-toast {
+ -webkit-transform: translateY(60px);
+ transform: translateY(60px);
+}
+.bp3-tooltip {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2),
+ 0 8px 24px rgba(16, 22, 26, 0.2);
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+.bp3-tooltip .bp3-popover-arrow {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+}
+.bp3-tooltip .bp3-popover-arrow::before {
+ margin: 4px;
+ width: 14px;
+ height: 14px;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top
+ > .bp3-tooltip {
+ margin-top: -11px;
+ margin-bottom: 11px;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top
+ > .bp3-tooltip
+ > .bp3-popover-arrow {
+ bottom: -8px;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top
+ > .bp3-tooltip
+ > .bp3-popover-arrow
+ svg {
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.bp3-tether-element-attached-left.bp3-tether-target-attached-right
+ > .bp3-tooltip {
+ margin-left: 11px;
+}
+.bp3-tether-element-attached-left.bp3-tether-target-attached-right
+ > .bp3-tooltip
+ > .bp3-popover-arrow {
+ left: -8px;
+}
+.bp3-tether-element-attached-left.bp3-tether-target-attached-right
+ > .bp3-tooltip
+ > .bp3-popover-arrow
+ svg {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+}
+.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom
+ > .bp3-tooltip {
+ margin-top: 11px;
+}
+.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom
+ > .bp3-tooltip
+ > .bp3-popover-arrow {
+ top: -8px;
+}
+.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom
+ > .bp3-tooltip
+ > .bp3-popover-arrow
+ svg {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.bp3-tether-element-attached-right.bp3-tether-target-attached-left
+ > .bp3-tooltip {
+ margin-right: 11px;
+ margin-left: -11px;
+}
+.bp3-tether-element-attached-right.bp3-tether-target-attached-left
+ > .bp3-tooltip
+ > .bp3-popover-arrow {
+ right: -8px;
+}
+.bp3-tether-element-attached-right.bp3-tether-target-attached-left
+ > .bp3-tooltip
+ > .bp3-popover-arrow
+ svg {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.bp3-tether-element-attached-middle > .bp3-tooltip > .bp3-popover-arrow {
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+.bp3-tether-element-attached-center > .bp3-tooltip > .bp3-popover-arrow {
+ right: 50%;
+ -webkit-transform: translateX(50%);
+ transform: translateX(50%);
+}
+.bp3-tether-element-attached-top.bp3-tether-target-attached-top
+ > .bp3-tooltip
+ > .bp3-popover-arrow {
+ top: -0.22183px;
+}
+.bp3-tether-element-attached-right.bp3-tether-target-attached-right
+ > .bp3-tooltip
+ > .bp3-popover-arrow {
+ right: -0.22183px;
+}
+.bp3-tether-element-attached-left.bp3-tether-target-attached-left
+ > .bp3-tooltip
+ > .bp3-popover-arrow {
+ left: -0.22183px;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-target-attached-bottom
+ > .bp3-tooltip
+ > .bp3-popover-arrow {
+ bottom: -0.22183px;
+}
+.bp3-tether-element-attached-top.bp3-tether-element-attached-left
+ > .bp3-tooltip {
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+}
+.bp3-tether-element-attached-top.bp3-tether-element-attached-center
+ > .bp3-tooltip {
+ -webkit-transform-origin: top center;
+ transform-origin: top center;
+}
+.bp3-tether-element-attached-top.bp3-tether-element-attached-right
+ > .bp3-tooltip {
+ -webkit-transform-origin: top right;
+ transform-origin: top right;
+}
+.bp3-tether-element-attached-middle.bp3-tether-element-attached-left
+ > .bp3-tooltip {
+ -webkit-transform-origin: center left;
+ transform-origin: center left;
+}
+.bp3-tether-element-attached-middle.bp3-tether-element-attached-center
+ > .bp3-tooltip {
+ -webkit-transform-origin: center center;
+ transform-origin: center center;
+}
+.bp3-tether-element-attached-middle.bp3-tether-element-attached-right
+ > .bp3-tooltip {
+ -webkit-transform-origin: center right;
+ transform-origin: center right;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-element-attached-left
+ > .bp3-tooltip {
+ -webkit-transform-origin: bottom left;
+ transform-origin: bottom left;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-element-attached-center
+ > .bp3-tooltip {
+ -webkit-transform-origin: bottom center;
+ transform-origin: bottom center;
+}
+.bp3-tether-element-attached-bottom.bp3-tether-element-attached-right
+ > .bp3-tooltip {
+ -webkit-transform-origin: bottom right;
+ transform-origin: bottom right;
+}
+.bp3-tooltip .bp3-popover-content {
+ background: #394b59;
+ color: #f5f8fa;
+}
+.bp3-tooltip .bp3-popover-arrow::before {
+ -webkit-box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2);
+ box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2);
+}
+.bp3-tooltip .bp3-popover-arrow-border {
+ fill: #10161a;
+ fill-opacity: 0.1;
+}
+.bp3-tooltip .bp3-popover-arrow-fill {
+ fill: #394b59;
+}
+.bp3-popover-enter > .bp3-tooltip,
+.bp3-popover-appear > .bp3-tooltip {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+}
+.bp3-popover-enter-active > .bp3-tooltip,
+.bp3-popover-appear-active > .bp3-tooltip {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-popover-exit > .bp3-tooltip {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+.bp3-popover-exit-active > .bp3-tooltip {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+ -webkit-transition-duration: 100ms;
+ transition-duration: 100ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-tooltip .bp3-popover-content {
+ padding: 10px 12px;
+}
+.bp3-tooltip.bp3-dark,
+.bp3-dark .bp3-tooltip {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4),
+ 0 8px 24px rgba(16, 22, 26, 0.4);
+}
+.bp3-tooltip.bp3-dark .bp3-popover-content,
+.bp3-dark .bp3-tooltip .bp3-popover-content {
+ background: #e1e8ed;
+ color: #394b59;
+}
+.bp3-tooltip.bp3-dark .bp3-popover-arrow::before,
+.bp3-dark .bp3-tooltip .bp3-popover-arrow::before {
+ -webkit-box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
+ box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
+}
+.bp3-tooltip.bp3-dark .bp3-popover-arrow-border,
+.bp3-dark .bp3-tooltip .bp3-popover-arrow-border {
+ fill: #10161a;
+ fill-opacity: 0.2;
+}
+.bp3-tooltip.bp3-dark .bp3-popover-arrow-fill,
+.bp3-dark .bp3-tooltip .bp3-popover-arrow-fill {
+ fill: #e1e8ed;
+}
+.bp3-tooltip.bp3-intent-primary .bp3-popover-content {
+ background: #137cbd;
+ color: #ffffff;
+}
+.bp3-tooltip.bp3-intent-primary .bp3-popover-arrow-fill {
+ fill: #137cbd;
+}
+.bp3-tooltip.bp3-intent-success .bp3-popover-content {
+ background: #0f9960;
+ color: #ffffff;
+}
+.bp3-tooltip.bp3-intent-success .bp3-popover-arrow-fill {
+ fill: #0f9960;
+}
+.bp3-tooltip.bp3-intent-warning .bp3-popover-content {
+ background: #d9822b;
+ color: #ffffff;
+}
+.bp3-tooltip.bp3-intent-warning .bp3-popover-arrow-fill {
+ fill: #d9822b;
+}
+.bp3-tooltip.bp3-intent-danger .bp3-popover-content {
+ background: #db3737;
+ color: #ffffff;
+}
+.bp3-tooltip.bp3-intent-danger .bp3-popover-arrow-fill {
+ fill: #db3737;
+}
+
+.bp3-tooltip-indicator {
+ border-bottom: dotted 1px;
+ cursor: help;
+}
+.bp3-tree .bp3-icon,
+.bp3-tree .bp3-icon-standard,
+.bp3-tree .bp3-icon-large {
+ color: #5c7080;
+}
+.bp3-tree .bp3-icon.bp3-intent-primary,
+.bp3-tree .bp3-icon-standard.bp3-intent-primary,
+.bp3-tree .bp3-icon-large.bp3-intent-primary {
+ color: #137cbd;
+}
+.bp3-tree .bp3-icon.bp3-intent-success,
+.bp3-tree .bp3-icon-standard.bp3-intent-success,
+.bp3-tree .bp3-icon-large.bp3-intent-success {
+ color: #0f9960;
+}
+.bp3-tree .bp3-icon.bp3-intent-warning,
+.bp3-tree .bp3-icon-standard.bp3-intent-warning,
+.bp3-tree .bp3-icon-large.bp3-intent-warning {
+ color: #d9822b;
+}
+.bp3-tree .bp3-icon.bp3-intent-danger,
+.bp3-tree .bp3-icon-standard.bp3-intent-danger,
+.bp3-tree .bp3-icon-large.bp3-intent-danger {
+ color: #db3737;
+}
+
+.bp3-tree-node-list {
+ margin: 0;
+ padding-left: 0;
+ list-style: none;
+}
+
+.bp3-tree-root {
+ position: relative;
+ background-color: transparent;
+ cursor: default;
+ padding-left: 0;
+}
+
+.bp3-tree-node-content-0 {
+ padding-left: 0px;
+}
+
+.bp3-tree-node-content-1 {
+ padding-left: 23px;
+}
+
+.bp3-tree-node-content-2 {
+ padding-left: 46px;
+}
+
+.bp3-tree-node-content-3 {
+ padding-left: 69px;
+}
+
+.bp3-tree-node-content-4 {
+ padding-left: 92px;
+}
+
+.bp3-tree-node-content-5 {
+ padding-left: 115px;
+}
+
+.bp3-tree-node-content-6 {
+ padding-left: 138px;
+}
+
+.bp3-tree-node-content-7 {
+ padding-left: 161px;
+}
+
+.bp3-tree-node-content-8 {
+ padding-left: 184px;
+}
+
+.bp3-tree-node-content-9 {
+ padding-left: 207px;
+}
+
+.bp3-tree-node-content-10 {
+ padding-left: 230px;
+}
+
+.bp3-tree-node-content-11 {
+ padding-left: 253px;
+}
+
+.bp3-tree-node-content-12 {
+ padding-left: 276px;
+}
+
+.bp3-tree-node-content-13 {
+ padding-left: 299px;
+}
+
+.bp3-tree-node-content-14 {
+ padding-left: 322px;
+}
+
+.bp3-tree-node-content-15 {
+ padding-left: 345px;
+}
+
+.bp3-tree-node-content-16 {
+ padding-left: 368px;
+}
+
+.bp3-tree-node-content-17 {
+ padding-left: 391px;
+}
+
+.bp3-tree-node-content-18 {
+ padding-left: 414px;
+}
+
+.bp3-tree-node-content-19 {
+ padding-left: 437px;
+}
+
+.bp3-tree-node-content-20 {
+ padding-left: 460px;
+}
+
+.bp3-tree-node-content {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ height: 30px;
+ padding-right: 5px;
+}
+.bp3-tree-node-content:hover {
+ background-color: rgba(191, 204, 214, 0.4);
+}
+
+.bp3-tree-node-caret,
+.bp3-tree-node-caret-none {
+ min-width: 30px;
+}
+
+.bp3-tree-node-caret {
+ color: #5c7080;
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ cursor: pointer;
+ padding: 7px;
+ -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9),
+ -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
+}
+.bp3-tree-node-caret:hover {
+ color: #182026;
+}
+.bp3-dark .bp3-tree-node-caret {
+ color: #a7b6c2;
+}
+.bp3-dark .bp3-tree-node-caret:hover {
+ color: #f5f8fa;
+}
+.bp3-tree-node-caret.bp3-tree-node-caret-open {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.bp3-tree-node-caret.bp3-icon-standard::before {
+ content: '';
+}
+
+.bp3-tree-node-icon {
+ position: relative;
+ margin-right: 7px;
+}
+
+.bp3-tree-node-label {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.bp3-tree-node-label span {
+ display: inline;
+}
+
+.bp3-tree-node-secondary-label {
+ padding: 0 5px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.bp3-tree-node-secondary-label .bp3-popover-wrapper,
+.bp3-tree-node-secondary-label .bp3-popover-target {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.bp3-tree-node.bp3-disabled .bp3-tree-node-content {
+ background-color: inherit;
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+
+.bp3-tree-node.bp3-disabled .bp3-tree-node-caret,
+.bp3-tree-node.bp3-disabled .bp3-tree-node-icon {
+ cursor: not-allowed;
+ color: rgba(92, 112, 128, 0.6);
+}
+
+.bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content {
+ background-color: #137cbd;
+}
+.bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content,
+.bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content .bp3-icon,
+.bp3-tree-node.bp3-tree-node-selected
+ > .bp3-tree-node-content
+ .bp3-icon-standard,
+.bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content .bp3-icon-large {
+ color: #ffffff;
+}
+.bp3-tree-node.bp3-tree-node-selected
+ > .bp3-tree-node-content
+ .bp3-tree-node-caret::before {
+ color: rgba(255, 255, 255, 0.7);
+}
+.bp3-tree-node.bp3-tree-node-selected
+ > .bp3-tree-node-content
+ .bp3-tree-node-caret:hover::before {
+ color: #ffffff;
+}
+
+.bp3-dark .bp3-tree-node-content:hover {
+ background-color: rgba(92, 112, 128, 0.3);
+}
+
+.bp3-dark .bp3-tree .bp3-icon,
+.bp3-dark .bp3-tree .bp3-icon-standard,
+.bp3-dark .bp3-tree .bp3-icon-large {
+ color: #a7b6c2;
+}
+.bp3-dark .bp3-tree .bp3-icon.bp3-intent-primary,
+.bp3-dark .bp3-tree .bp3-icon-standard.bp3-intent-primary,
+.bp3-dark .bp3-tree .bp3-icon-large.bp3-intent-primary {
+ color: #137cbd;
+}
+.bp3-dark .bp3-tree .bp3-icon.bp3-intent-success,
+.bp3-dark .bp3-tree .bp3-icon-standard.bp3-intent-success,
+.bp3-dark .bp3-tree .bp3-icon-large.bp3-intent-success {
+ color: #0f9960;
+}
+.bp3-dark .bp3-tree .bp3-icon.bp3-intent-warning,
+.bp3-dark .bp3-tree .bp3-icon-standard.bp3-intent-warning,
+.bp3-dark .bp3-tree .bp3-icon-large.bp3-intent-warning {
+ color: #d9822b;
+}
+.bp3-dark .bp3-tree .bp3-icon.bp3-intent-danger,
+.bp3-dark .bp3-tree .bp3-icon-standard.bp3-intent-danger,
+.bp3-dark .bp3-tree .bp3-icon-large.bp3-intent-danger {
+ color: #db3737;
+}
+
+.bp3-dark .bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content {
+ background-color: #137cbd;
+}
+/*!
+
+Copyright 2017-present Palantir Technologies, Inc. All rights reserved.
+Licensed under the Apache License, Version 2.0.
+
+*/
+.bp3-omnibar {
+ -webkit-filter: blur(0);
+ filter: blur(0);
+ opacity: 1;
+ top: 20vh;
+ left: calc(50% - 250px);
+ z-index: 21;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
+ 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2),
+ 0 18px 46px 6px rgba(16, 22, 26, 0.2);
+ background-color: #ffffff;
+ width: 500px;
+}
+.bp3-omnibar.bp3-overlay-enter,
+.bp3-omnibar.bp3-overlay-appear {
+ -webkit-filter: blur(20px);
+ filter: blur(20px);
+ opacity: 0.2;
+}
+.bp3-omnibar.bp3-overlay-enter-active,
+.bp3-omnibar.bp3-overlay-appear-active {
+ -webkit-filter: blur(0);
+ filter: blur(0);
+ opacity: 1;
+ -webkit-transition-property: opacity, -webkit-filter;
+ transition-property: opacity, -webkit-filter;
+ transition-property: filter, opacity;
+ transition-property: filter, opacity, -webkit-filter;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-omnibar.bp3-overlay-exit {
+ -webkit-filter: blur(0);
+ filter: blur(0);
+ opacity: 1;
+}
+.bp3-omnibar.bp3-overlay-exit-active {
+ -webkit-filter: blur(20px);
+ filter: blur(20px);
+ opacity: 0.2;
+ -webkit-transition-property: opacity, -webkit-filter;
+ transition-property: opacity, -webkit-filter;
+ transition-property: filter, opacity;
+ transition-property: filter, opacity, -webkit-filter;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+ -webkit-transition-delay: 0;
+ transition-delay: 0;
+}
+.bp3-omnibar .bp3-input {
+ border-radius: 0;
+ background-color: transparent;
+}
+.bp3-omnibar .bp3-input,
+.bp3-omnibar .bp3-input:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.bp3-omnibar .bp3-menu {
+ border-radius: 0;
+ -webkit-box-shadow: inset 0 1px 0 rgba(16, 22, 26, 0.15);
+ box-shadow: inset 0 1px 0 rgba(16, 22, 26, 0.15);
+ background-color: transparent;
+ max-height: calc(60vh - 40px);
+ overflow: auto;
+}
+.bp3-omnibar .bp3-menu:empty {
+ display: none;
+}
+.bp3-dark .bp3-omnibar,
+.bp3-omnibar.bp3-dark {
+ -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2),
+ 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
+ box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4),
+ 0 18px 46px 6px rgba(16, 22, 26, 0.4);
+ background-color: #30404d;
+}
+
+.bp3-omnibar-overlay .bp3-overlay-backdrop {
+ background-color: rgba(16, 22, 26, 0.2);
+}
+
+.bp3-select-popover .bp3-popover-content {
+ padding: 5px;
+}
+
+.bp3-select-popover .bp3-input-group {
+ margin-bottom: 0;
+}
+
+.bp3-select-popover .bp3-menu {
+ max-width: 400px;
+ max-height: 300px;
+ overflow: auto;
+ padding: 0;
+}
+.bp3-select-popover .bp3-menu:not(:first-child) {
+ padding-top: 5px;
+}
+
+.bp3-multi-select {
+ min-width: 150px;
+}
+
+.bp3-multi-select-popover .bp3-menu {
+ max-width: 400px;
+ max-height: 300px;
+ overflow: auto;
+}
+
+.bp3-select-popover .bp3-popover-content {
+ padding: 5px;
+}
+
+.bp3-select-popover .bp3-input-group {
+ margin-bottom: 0;
+}
+
+.bp3-select-popover .bp3-menu {
+ max-width: 400px;
+ max-height: 300px;
+ overflow: auto;
+ padding: 0;
+}
+.bp3-select-popover .bp3-menu:not(:first-child) {
+ padding-top: 5px;
+}
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensureUiComponents() in @jupyterlab/buildutils */
+
+/**
+ * (DEPRECATED) Support for consuming icons as CSS background images
+ */
+
+/* Icons urls */
+
+:root {
+ --jp-icon-add: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTE5IDEzaC02djZoLTJ2LTZINXYtMmg2VjVoMnY2aDZ2MnoiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-bug: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTIwIDhoLTIuODFjLS40NS0uNzgtMS4wNy0xLjQ1LTEuODItMS45NkwxNyA0LjQxIDE1LjU5IDNsLTIuMTcgMi4xN0MxMi45NiA1LjA2IDEyLjQ5IDUgMTIgNWMtLjQ5IDAtLjk2LjA2LTEuNDEuMTdMOC40MSAzIDcgNC40MWwxLjYyIDEuNjNDNy44OCA2LjU1IDcuMjYgNy4yMiA2LjgxIDhINHYyaDIuMDljLS4wNS4zMy0uMDkuNjYtLjA5IDF2MUg0djJoMnYxYzAgLjM0LjA0LjY3LjA5IDFINHYyaDIuODFjMS4wNCAxLjc5IDIuOTcgMyA1LjE5IDNzNC4xNS0xLjIxIDUuMTktM0gyMHYtMmgtMi4wOWMuMDUtLjMzLjA5LS42Ni4wOS0xdi0xaDJ2LTJoLTJ2LTFjMC0uMzQtLjA0LS42Ny0uMDktMUgyMFY4em0tNiA4aC00di0yaDR2MnptMC00aC00di0yaDR2MnoiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-build: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTE0LjkgMTcuNDVDMTYuMjUgMTcuNDUgMTcuMzUgMTYuMzUgMTcuMzUgMTVDMTcuMzUgMTMuNjUgMTYuMjUgMTIuNTUgMTQuOSAxMi41NUMxMy41NCAxMi41NSAxMi40NSAxMy42NSAxMi40NSAxNUMxMi40NSAxNi4zNSAxMy41NCAxNy40NSAxNC45IDE3LjQ1Wk0yMC4xIDE1LjY4TDIxLjU4IDE2Ljg0QzIxLjcxIDE2Ljk1IDIxLjc1IDE3LjEzIDIxLjY2IDE3LjI5TDIwLjI2IDE5LjcxQzIwLjE3IDE5Ljg2IDIwIDE5LjkyIDE5LjgzIDE5Ljg2TDE4LjA5IDE5LjE2QzE3LjczIDE5LjQ0IDE3LjMzIDE5LjY3IDE2LjkxIDE5Ljg1TDE2LjY0IDIxLjdDMTYuNjIgMjEuODcgMTYuNDcgMjIgMTYuMyAyMkgxMy41QzEzLjMyIDIyIDEzLjE4IDIxLjg3IDEzLjE1IDIxLjdMMTIuODkgMTkuODVDMTIuNDYgMTkuNjcgMTIuMDcgMTkuNDQgMTEuNzEgMTkuMTZMOS45NjAwMiAxOS44NkM5LjgxMDAyIDE5LjkyIDkuNjIwMDIgMTkuODYgOS41NDAwMiAxOS43MUw4LjE0MDAyIDE3LjI5QzguMDUwMDIgMTcuMTMgOC4wOTAwMiAxNi45NSA4LjIyMDAyIDE2Ljg0TDkuNzAwMDIgMTUuNjhMOS42NTAwMSAxNUw5LjcwMDAyIDE0LjMxTDguMjIwMDIgMTMuMTZDOC4wOTAwMiAxMy4wNSA4LjA1MDAyIDEyLjg2IDguMTQwMDIgMTIuNzFMOS41NDAwMiAxMC4yOUM5LjYyMDAyIDEwLjEzIDkuODEwMDIgMTAuMDcgOS45NjAwMiAxMC4xM0wxMS43MSAxMC44NEMxMi4wNyAxMC41NiAxMi40NiAxMC4zMiAxMi44OSAxMC4xNUwxMy4xNSA4LjI4OTk4QzEzLjE4IDguMTI5OTggMTMuMzIgNy45OTk5OCAxMy41IDcuOTk5OThIMTYuM0MxNi40NyA3Ljk5OTk4IDE2LjYyIDguMTI5OTggMTYuNjQgOC4yODk5OEwxNi45MSAxMC4xNUMxNy4zMyAxMC4zMiAxNy43MyAxMC41NiAxOC4wOSAxMC44NEwxOS44MyAxMC4xM0MyMCAxMC4wNyAyMC4xNyAxMC4xMyAyMC4yNiAxMC4yOUwyMS42NiAxMi43MUMyMS43NSAxMi44NiAyMS43MSAxMy4wNSAyMS41OCAxMy4xNkwyMC4xIDE0LjMxTDIwLjE1IDE1TDIwLjEgMTUuNjhaIi8+CiAgICA8cGF0aCBkPSJNNy4zMjk2NiA3LjQ0NDU0QzguMDgzMSA3LjAwOTU0IDguMzM5MzIgNi4wNTMzMiA3LjkwNDMyIDUuMjk5ODhDNy40NjkzMiA0LjU0NjQzIDYuNTA4MSA0LjI4MTU2IDUuNzU0NjYgNC43MTY1NkM1LjM5MTc2IDQuOTI2MDggNS4xMjY5NSA1LjI3MTE4IDUuMDE4NDkgNS42NzU5NEM0LjkxMDA0IDYuMDgwNzEgNC45NjY4MiA2LjUxMTk4IDUuMTc2MzQgNi44NzQ4OEM1LjYxMTM0IDcuNjI4MzIgNi41NzYyMiA3Ljg3OTU0IDcuMzI5NjYgNy40NDQ1NFpNOS42NTcxOCA0Ljc5NTkzTDEwLjg2NzIgNC45NTE3OUMxMC45NjI4IDQuOTc3NDEgMTEuMDQwMiA1LjA3MTMzIDExLjAzODIgNS4xODc5M0wxMS4wMzg4IDYuOTg4OTNDMTEuMDQ1NSA3LjEwMDU0IDEwLjk2MTYgNy4xOTUxOCAxMC44NTUgNy4yMTA1NEw5LjY2MDAxIDcuMzgwODNMOS4yMzkxNSA4LjEzMTg4TDkuNjY5NjEgOS4yNTc0NUM5LjcwNzI5IDkuMzYyNzEgOS42NjkzNCA5LjQ3Njk5IDkuNTc0MDggOS41MzE5OUw4LjAxNTIzIDEwLjQzMkM3LjkxMTMxIDEwLjQ5MiA3Ljc5MzM3IDEwLjQ2NzcgNy43MjEwNSAxMC4zODI0TDYuOTg3NDggOS40MzE4OEw2LjEwOTMxIDkuNDMwODNMNS4zNDcwNCAxMC4zOTA1QzUuMjg5MDkgMTAuNDcwMiA1LjE3MzgzIDEwLjQ5MDUgNS4wNzE4NyAxMC40MzM5TDMuNTEyNDUgOS41MzI5M0MzLjQxMDQ5IDkuNDc2MzMgMy4zNzY0NyA5LjM1NzQxIDMuNDEwNzUgOS4yNTY3OUwzLjg2MzQ3IDguMTQwOTNMMy42MTc0OSA3Ljc3NDg4TDMuNDIzNDcgNy4zNzg4M0wyLjIzMDc1IDcuMjEyOTdDMi4xMjY0NyA3LjE5MjM1IDIuMDQwNDkgNy4xMDM0MiAyLjA0MjQ1IDYuOTg2ODJMMi4wNDE4NyA1LjE4NTgyQzIuMDQzODMgNS4wNjkyMiAyLjExOTA5IDQuOTc5NTggMi4yMTcwNCA0Ljk2OTIyTDMuNDIwNjUgNC43OTM5M0wzLjg2NzQ5IDQuMDI3ODhMMy40MTEwNSAyLjkxNzMxQzMuMzczMzcgMi44MTIwNCAzLjQxMTMxIDIuNjk3NzYgMy41MTUyMyAyLjYzNzc2TDUuMDc0MDggMS43Mzc3NkM1LjE2OTM0IDEuNjgyNzYgNS4yODcyOSAxLjcwNzA0IDUuMzU5NjEgMS43OTIzMUw2LjExOTE1IDIuNzI3ODhMNi45ODAwMSAyLjczODkzTDcuNzI0OTYgMS43ODkyMkM3Ljc5MTU2IDEuNzA0NTggNy45MTU0OCAxLjY3OTIyIDguMDA4NzkgMS43NDA4Mkw5LjU2ODIxIDIuNjQxODJDOS42NzAxNyAyLjY5ODQyIDkuNzEyODUgMi44MTIzNCA5LjY4NzIzIDIuOTA3OTdMOS4yMTcxOCA0LjAzMzgzTDkuNDYzMTYgNC4zOTk4OEw5LjY1NzE4IDQuNzk1OTNaIi8+CiAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-caret-down-empty-thin: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iOS45LDEzLjYgMy42LDcuNCA0LjQsNi42IDkuOSwxMi4yIDE1LjQsNi43IDE2LjEsNy40ICIvPgoJPC9nPgo8L3N2Zz4K);
+ --jp-icon-caret-down-empty: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIj4KICAgIDxwYXRoIGQ9Ik01LjIsNS45TDksOS43bDMuOC0zLjhsMS4yLDEuMmwtNC45LDVsLTQuOS01TDUuMiw1Ljl6Ii8+CiAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-caret-down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIj4KICAgIDxwYXRoIGQ9Ik01LjIsNy41TDksMTEuMmwzLjgtMy44SDUuMnoiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-caret-left: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDE4IDE4Ij4KCTxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgoJCTxwYXRoIGQ9Ik0xMC44LDEyLjhMNy4xLDlsMy44LTMuOGwwLDcuNkgxMC44eiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-caret-right: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIj4KICAgIDxwYXRoIGQ9Ik03LjIsNS4yTDEwLjksOWwtMy44LDMuOFY1LjJINy4yeiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-caret-up-empty-thin: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTUuNCwxMy4zIDkuOSw3LjcgNC40LDEzLjIgMy42LDEyLjUgOS45LDYuMyAxNi4xLDEyLjYgIi8+Cgk8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-caret-up: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDE4IDE4Ij4KCTxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgoJCTxwYXRoIGQ9Ik01LjIsMTAuNUw5LDYuOGwzLjgsMy44SDUuMnoiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-case-sensitive: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8ZyBjbGFzcz0ianAtaWNvbjIiIGZpbGw9IiM0MTQxNDEiPgogICAgPHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+CiAgPC9nPgogIDxnIGNsYXNzPSJqcC1pY29uLWFjY2VudDIiIGZpbGw9IiNGRkYiPgogICAgPHBhdGggZD0iTTcuNiw4aDAuOWwzLjUsOGgtMS4xTDEwLDE0SDZsLTAuOSwySDRMNy42LDh6IE04LDkuMUw2LjQsMTNoMy4yTDgsOS4xeiIvPgogICAgPHBhdGggZD0iTTE2LjYsOS44Yy0wLjIsMC4xLTAuNCwwLjEtMC43LDAuMWMtMC4yLDAtMC40LTAuMS0wLjYtMC4yYy0wLjEtMC4xLTAuMi0wLjQtMC4yLTAuNyBjLTAuMywwLjMtMC42LDAuNS0wLjksMC43Yy0wLjMsMC4xLTAuNywwLjItMS4xLDAuMmMtMC4zLDAtMC41LDAtMC43LTAuMWMtMC4yLTAuMS0wLjQtMC4yLTAuNi0wLjNjLTAuMi0wLjEtMC4zLTAuMy0wLjQtMC41IGMtMC4xLTAuMi0wLjEtMC40LTAuMS0wLjdjMC0wLjMsMC4xLTAuNiwwLjItMC44YzAuMS0wLjIsMC4zLTAuNCwwLjQtMC41QzEyLDcsMTIuMiw2LjksMTIuNSw2LjhjMC4yLTAuMSwwLjUtMC4xLDAuNy0wLjIgYzAuMy0wLjEsMC41LTAuMSwwLjctMC4xYzAuMiwwLDAuNC0wLjEsMC42LTAuMWMwLjIsMCwwLjMtMC4xLDAuNC0wLjJjMC4xLTAuMSwwLjItMC4yLDAuMi0wLjRjMC0xLTEuMS0xLTEuMy0xIGMtMC40LDAtMS40LDAtMS40LDEuMmgtMC45YzAtMC40LDAuMS0wLjcsMC4yLTFjMC4xLTAuMiwwLjMtMC40LDAuNS0wLjZjMC4yLTAuMiwwLjUtMC4zLDAuOC0wLjNDMTMuMyw0LDEzLjYsNCwxMy45LDQgYzAuMywwLDAuNSwwLDAuOCwwLjFjMC4zLDAsMC41LDAuMSwwLjcsMC4yYzAuMiwwLjEsMC40LDAuMywwLjUsMC41QzE2LDUsMTYsNS4yLDE2LDUuNnYyLjljMCwwLjIsMCwwLjQsMCwwLjUgYzAsMC4xLDAuMSwwLjIsMC4zLDAuMmMwLjEsMCwwLjIsMCwwLjMsMFY5Ljh6IE0xNS4yLDYuOWMtMS4yLDAuNi0zLjEsMC4yLTMuMSwxLjRjMCwxLjQsMy4xLDEsMy4xLTAuNVY2Ljl6Ii8+CiAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-check: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-circle-empty: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTEyIDJDNi40NyAyIDIgNi40NyAyIDEyczQuNDcgMTAgMTAgMTAgMTAtNC40NyAxMC0xMFMxNy41MyAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-circle: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-clear: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8bWFzayBpZD0iZG9udXRIb2xlIj4KICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIC8+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsPSJibGFjayIvPgogIDwvbWFzaz4KCiAgPGcgY2xhc3M9ImpwLWljb24zIiBmaWxsPSIjNjE2MTYxIj4KICAgIDxyZWN0IGhlaWdodD0iMTgiIHdpZHRoPSIyIiB4PSIxMSIgeT0iMyIgdHJhbnNmb3JtPSJyb3RhdGUoMzE1LCAxMiwgMTIpIi8+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgbWFzaz0idXJsKCNkb251dEhvbGUpIi8+CiAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-close: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbi1ub25lIGpwLWljb24tc2VsZWN0YWJsZS1pbnZlcnNlIGpwLWljb24zLWhvdmVyIiBmaWxsPSJub25lIj4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjExIi8+CiAgPC9nPgoKICA8ZyBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIGpwLWljb24tYWNjZW50Mi1ob3ZlciIgZmlsbD0iIzYxNjE2MSI+CiAgICA8cGF0aCBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPgogIDwvZz4KCiAgPGcgY2xhc3M9ImpwLWljb24tbm9uZSBqcC1pY29uLWJ1c3kiIGZpbGw9Im5vbmUiPgogICAgPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iNyIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-console: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIwMCAyMDAiPgogIDxnIGNsYXNzPSJqcC1pY29uLWJyYW5kMSBqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiMwMjg4RDEiPgogICAgPHBhdGggZD0iTTIwIDE5LjhoMTYwdjE1OS45SDIweiIvPgogIDwvZz4KICA8ZyBjbGFzcz0ianAtaWNvbi1zZWxlY3RhYmxlLWludmVyc2UiIGZpbGw9IiNmZmYiPgogICAgPHBhdGggZD0iTTEwNSAxMjcuM2g0MHYxMi44aC00MHpNNTEuMSA3N0w3NCA5OS45bC0yMy4zIDIzLjMgMTAuNSAxMC41IDIzLjMtMjMuM0w5NSA5OS45IDg0LjUgODkuNCA2MS42IDY2LjV6Ii8+CiAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-copy: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTExLjksMUgzLjJDMi40LDEsMS43LDEuNywxLjcsMi41djEwLjJoMS41VjIuNWg4LjdWMXogTTE0LjEsMy45aC04Yy0wLjgsMC0xLjUsMC43LTEuNSwxLjV2MTAuMmMwLDAuOCwwLjcsMS41LDEuNSwxLjVoOCBjMC44LDAsMS41LTAuNywxLjUtMS41VjUuNEMxNS41LDQuNiwxNC45LDMuOSwxNC4xLDMuOXogTTE0LjEsMTUuNWgtOFY1LjRoOFYxNS41eiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-cut: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTkuNjQgNy42NGMuMjMtLjUuMzYtMS4wNS4zNi0xLjY0IDAtMi4yMS0xLjc5LTQtNC00UzIgMy43OSAyIDZzMS43OSA0IDQgNGMuNTkgMCAxLjE0LS4xMyAxLjY0LS4zNkwxMCAxMmwtMi4zNiAyLjM2QzcuMTQgMTQuMTMgNi41OSAxNCA2IDE0Yy0yLjIxIDAtNCAxLjc5LTQgNHMxLjc5IDQgNCA0IDQtMS43OSA0LTRjMC0uNTktLjEzLTEuMTQtLjM2LTEuNjRMMTIgMTRsNyA3aDN2LTFMOS42NCA3LjY0ek02IDhjLTEuMSAwLTItLjg5LTItMnMuOS0yIDItMiAyIC44OSAyIDItLjkgMi0yIDJ6bTAgMTJjLTEuMSAwLTItLjg5LTItMnMuOS0yIDItMiAyIC44OSAyIDItLjkgMi0yIDJ6bTYtNy41Yy0uMjggMC0uNS0uMjItLjUtLjVzLjIyLS41LjUtLjUuNS4yMi41LjUtLjIyLjUtLjUuNXpNMTkgM2wtNiA2IDIgMiA3LTdWM3oiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-download: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTE5IDloLTRWM0g5djZINWw3IDcgNy03ek01IDE4djJoMTR2LTJINXoiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-edit: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTMgMTcuMjVWMjFoMy43NUwxNy44MSA5Ljk0bC0zLjc1LTMuNzVMMyAxNy4yNXpNMjAuNzEgNy4wNGMuMzktLjM5LjM5LTEuMDIgMC0xLjQxbC0yLjM0LTIuMzRjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwbC0xLjgzIDEuODMgMy43NSAzLjc1IDEuODMtMS44M3oiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-ellipses: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPGNpcmNsZSBjeD0iNSIgY3k9IjEyIiByPSIyIi8+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIyIi8+CiAgICA8Y2lyY2xlIGN4PSIxOSIgY3k9IjEyIiByPSIyIi8+CiAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-extension: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTIwLjUgMTFIMTlWN2MwLTEuMS0uOS0yLTItMmgtNFYzLjVDMTMgMi4xMiAxMS44OCAxIDEwLjUgMVM4IDIuMTIgOCAzLjVWNUg0Yy0xLjEgMC0xLjk5LjktMS45OSAydjMuOEgzLjVjMS40OSAwIDIuNyAxLjIxIDIuNyAyLjdzLTEuMjEgMi43LTIuNyAyLjdIMlYyMGMwIDEuMS45IDIgMiAyaDMuOHYtMS41YzAtMS40OSAxLjIxLTIuNyAyLjctMi43IDEuNDkgMCAyLjcgMS4yMSAyLjcgMi43VjIySDE3YzEuMSAwIDItLjkgMi0ydi00aDEuNWMxLjM4IDAgMi41LTEuMTIgMi41LTIuNVMyMS44OCAxMSAyMC41IDExeiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-fast-forward: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSI+CiAgICAgICAgPHBhdGggZD0iTTQgMThsOC41LTZMNCA2djEyem05LTEydjEybDguNS02TDEzIDZ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-file-upload: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTkgMTZoNnYtNmg0bC03LTctNyA3aDR6bS00IDJoMTR2Mkg1eiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-file: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8cGF0aCBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIiBkPSJNMTkuMyA4LjJsLTUuNS01LjVjLS4zLS4zLS43LS41LTEuMi0uNUgzLjljLS44LjEtMS42LjktMS42IDEuOHYxNC4xYzAgLjkuNyAxLjYgMS42IDEuNmgxNC4yYy45IDAgMS42LS43IDEuNi0xLjZWOS40Yy4xLS41LS4xLS45LS40LTEuMnptLTUuOC0zLjNsMy40IDMuNmgtMy40VjQuOXptMy45IDEyLjdINC43Yy0uMSAwLS4yIDAtLjItLjJWNC43YzAtLjIuMS0uMy4yLS4zaDcuMnY0LjRzMCAuOC4zIDEuMWMuMy4zIDEuMS4zIDEuMS4zaDQuM3Y3LjJzLS4xLjItLjIuMnoiLz4KPC9zdmc+Cg==);
+ --jp-icon-filter-list: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTEwIDE4aDR2LTJoLTR2MnpNMyA2djJoMThWNkgzem0zIDdoMTJ2LTJINnYyeiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-folder: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIiBkPSJNMTAgNEg0Yy0xLjEgMC0xLjk5LjktMS45OSAyTDIgMThjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY4YzAtMS4xLS45LTItMi0yaC04bC0yLTJ6Ii8+Cjwvc3ZnPgo=);
+ --jp-icon-html5: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPgogIDxwYXRoIGNsYXNzPSJqcC1pY29uMCBqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiMwMDAiIGQ9Ik0xMDguNCAwaDIzdjIyLjhoMjEuMlYwaDIzdjY5aC0yM1Y0NmgtMjF2MjNoLTIzLjJNMjA2IDIzaC0yMC4zVjBoNjMuN3YyM0gyMjl2NDZoLTIzbTUzLjUtNjloMjQuMWwxNC44IDI0LjNMMzEzLjIgMGgyNC4xdjY5aC0yM1YzNC44bC0xNi4xIDI0LjgtMTYuMS0yNC44VjY5aC0yMi42bTg5LjItNjloMjN2NDYuMmgzMi42VjY5aC01NS42Ii8+CiAgPHBhdGggY2xhc3M9ImpwLWljb24tc2VsZWN0YWJsZSIgZmlsbD0iI2U0NGQyNiIgZD0iTTEwNy42IDQ3MWwtMzMtMzcwLjRoMzYyLjhsLTMzIDM3MC4yTDI1NS43IDUxMiIvPgogIDxwYXRoIGNsYXNzPSJqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiNmMTY1MjkiIGQ9Ik0yNTYgNDgwLjVWMTMxaDE0OC4zTDM3NiA0NDciLz4KICA8cGF0aCBjbGFzcz0ianAtaWNvbi1zZWxlY3RhYmxlLWludmVyc2UiIGZpbGw9IiNlYmViZWIiIGQ9Ik0xNDIgMTc2LjNoMTE0djQ1LjRoLTY0LjJsNC4yIDQ2LjVoNjB2NDUuM0gxNTQuNG0yIDIyLjhIMjAybDMuMiAzNi4zIDUwLjggMTMuNnY0Ny40bC05My4yLTI2Ii8+CiAgPHBhdGggY2xhc3M9ImpwLWljb24tc2VsZWN0YWJsZS1pbnZlcnNlIiBmaWxsPSIjZmZmIiBkPSJNMzY5LjYgMTc2LjNIMjU1Ljh2NDUuNGgxMDkuNm0tNC4xIDQ2LjVIMjU1Ljh2NDUuNGg1NmwtNS4zIDU5LTUwLjcgMTMuNnY0Ny4ybDkzLTI1LjgiLz4KPC9zdmc+Cg==);
+ --jp-icon-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8cGF0aCBjbGFzcz0ianAtaWNvbi1icmFuZDQganAtaWNvbi1zZWxlY3RhYmxlLWludmVyc2UiIGZpbGw9IiNGRkYiIGQ9Ik0yLjIgMi4yaDE3LjV2MTcuNUgyLjJ6Ii8+CiAgPHBhdGggY2xhc3M9ImpwLWljb24tYnJhbmQwIGpwLWljb24tc2VsZWN0YWJsZSIgZmlsbD0iIzNGNTFCNSIgZD0iTTIuMiAyLjJ2MTcuNWgxNy41bC4xLTE3LjVIMi4yem0xMi4xIDIuMmMxLjIgMCAyLjIgMSAyLjIgMi4ycy0xIDIuMi0yLjIgMi4yLTIuMi0xLTIuMi0yLjIgMS0yLjIgMi4yLTIuMnpNNC40IDE3LjZsMy4zLTguOCAzLjMgNi42IDIuMi0zLjIgNC40IDUuNEg0LjR6Ii8+Cjwvc3ZnPgo=);
+ --jp-icon-inspector: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIiBkPSJNMjAgNEg0Yy0xLjEgMC0xLjk5LjktMS45OSAyTDIgMThjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY2YzAtMS4xLS45LTItMi0yem0tNSAxNEg0di00aDExdjR6bTAtNUg0VjloMTF2NHptNSA1aC00VjloNHY5eiIvPgo8L3N2Zz4K);
+ --jp-icon-json: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8ZyBjbGFzcz0ianAtaWNvbi13YXJuMSBqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiNGOUE4MjUiPgogICAgPHBhdGggZD0iTTIwLjIgMTEuOGMtMS42IDAtMS43LjUtMS43IDEgMCAuNC4xLjkuMSAxLjMuMS41LjEuOS4xIDEuMyAwIDEuNy0xLjQgMi4zLTMuNSAyLjNoLS45di0xLjloLjVjMS4xIDAgMS40IDAgMS40LS44IDAtLjMgMC0uNi0uMS0xIDAtLjQtLjEtLjgtLjEtMS4yIDAtMS4zIDAtMS44IDEuMy0yLTEuMy0uMi0xLjMtLjctMS4zLTIgMC0uNC4xLS44LjEtMS4yLjEtLjQuMS0uNy4xLTEgMC0uOC0uNC0uNy0xLjQtLjhoLS41VjQuMWguOWMyLjIgMCAzLjUuNyAzLjUgMi4zIDAgLjQtLjEuOS0uMSAxLjMtLjEuNS0uMS45LS4xIDEuMyAwIC41LjIgMSAxLjcgMXYxLjh6TTEuOCAxMC4xYzEuNiAwIDEuNy0uNSAxLjctMSAwLS40LS4xLS45LS4xLTEuMy0uMS0uNS0uMS0uOS0uMS0xLjMgMC0xLjYgMS40LTIuMyAzLjUtMi4zaC45djEuOWgtLjVjLTEgMC0xLjQgMC0xLjQuOCAwIC4zIDAgLjYuMSAxIDAgLjIuMS42LjEgMSAwIDEuMyAwIDEuOC0xLjMgMkM2IDExLjIgNiAxMS43IDYgMTNjMCAuNC0uMS44LS4xIDEuMi0uMS4zLS4xLjctLjEgMSAwIC44LjMuOCAxLjQuOGguNXYxLjloLS45Yy0yLjEgMC0zLjUtLjYtMy41LTIuMyAwLS40LjEtLjkuMS0xLjMuMS0uNS4xLS45LjEtMS4zIDAtLjUtLjItMS0xLjctMXYtMS45eiIvPgogICAgPGNpcmNsZSBjeD0iMTEiIGN5PSIxMy44IiByPSIyLjEiLz4KICAgIDxjaXJjbGUgY3g9IjExIiBjeT0iOC4yIiByPSIyLjEiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-jupyter-favicon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUyIiBoZWlnaHQ9IjE2NSIgdmlld0JveD0iMCAwIDE1MiAxNjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbi13YXJuMCIgZmlsbD0iI0YzNzcyNiI+CiAgICA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjA3ODk0NywgMTEwLjU4MjkyNykiIGQ9Ik03NS45NDIyODQyLDI5LjU4MDQ1NjEgQzQzLjMwMjM5NDcsMjkuNTgwNDU2MSAxNC43OTY3ODMyLDE3LjY1MzQ2MzQgMCwwIEM1LjUxMDgzMjExLDE1Ljg0MDY4MjkgMTUuNzgxNTM4OSwyOS41NjY3NzMyIDI5LjM5MDQ5NDcsMzkuMjc4NDE3MSBDNDIuOTk5Nyw0OC45ODk4NTM3IDU5LjI3MzcsNTQuMjA2NzgwNSA3NS45NjA1Nzg5LDU0LjIwNjc4MDUgQzkyLjY0NzQ1NzksNTQuMjA2NzgwNSAxMDguOTIxNDU4LDQ4Ljk4OTg1MzcgMTIyLjUzMDY2MywzOS4yNzg0MTcxIEMxMzYuMTM5NDUzLDI5LjU2Njc3MzIgMTQ2LjQxMDI4NCwxNS44NDA2ODI5IDE1MS45MjExNTgsMCBDMTM3LjA4Nzg2OCwxNy42NTM0NjM0IDEwOC41ODI1ODksMjkuNTgwNDU2MSA3NS45NDIyODQyLDI5LjU4MDQ1NjEgTDc1Ljk0MjI4NDIsMjkuNTgwNDU2MSBaIiAvPgogICAgPHBhdGggdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMzczNjgsIDAuNzA0ODc4KSIgZD0iTTc1Ljk3ODQ1NzksMjQuNjI2NDA3MyBDMTA4LjYxODc2MywyNC42MjY0MDczIDEzNy4xMjQ0NTgsMzYuNTUzNDQxNSAxNTEuOTIxMTU4LDU0LjIwNjc4MDUgQzE0Ni40MTAyODQsMzguMzY2MjIyIDEzNi4xMzk0NTMsMjQuNjQwMTMxNyAxMjIuNTMwNjYzLDE0LjkyODQ4NzggQzEwOC45MjE0NTgsNS4yMTY4NDM5IDkyLjY0NzQ1NzksMCA3NS45NjA1Nzg5LDAgQzU5LjI3MzcsMCA0Mi45OTk3LDUuMjE2ODQzOSAyOS4zOTA0OTQ3LDE0LjkyODQ4NzggQzE1Ljc4MTUzODksMjQuNjQwMTMxNyA1LjUxMDgzMjExLDM4LjM2NjIyMiAwLDU0LjIwNjc4MDUgQzE0LjgzMzA4MTYsMzYuNTg5OTI5MyA0My4zMzg1Njg0LDI0LjYyNjQwNzMgNzUuOTc4NDU3OSwyNC42MjY0MDczIEw3NS45Nzg0NTc5LDI0LjYyNjQwNzMgWiIgLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-jupyter: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCAzOSA1MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYzOCAtMjI4MSkiPgogICAgPGcgY2xhc3M9ImpwLWljb24td2FybjAiIGZpbGw9IiNGMzc3MjYiPgogICAgICA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjM5Ljc0IDIzMTEuOTgpIiBkPSJNIDE4LjI2NDYgNy4xMzQxMUMgMTAuNDE0NSA3LjEzNDExIDMuNTU4NzIgNC4yNTc2IDAgMEMgMS4zMjUzOSAzLjgyMDQgMy43OTU1NiA3LjEzMDgxIDcuMDY4NiA5LjQ3MzAzQyAxMC4zNDE3IDExLjgxNTIgMTQuMjU1NyAxMy4wNzM0IDE4LjI2OSAxMy4wNzM0QyAyMi4yODIzIDEzLjA3MzQgMjYuMTk2MyAxMS44MTUyIDI5LjQ2OTQgOS40NzMwM0MgMzIuNzQyNCA3LjEzMDgxIDM1LjIxMjYgMy44MjA0IDM2LjUzOCAwQyAzMi45NzA1IDQuMjU3NiAyNi4xMTQ4IDcuMTM0MTEgMTguMjY0NiA3LjEzNDExWiIvPgogICAgICA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjM5LjczIDIyODUuNDgpIiBkPSJNIDE4LjI3MzMgNS45MzkzMUMgMjYuMTIzNSA1LjkzOTMxIDMyLjk3OTMgOC44MTU4MyAzNi41MzggMTMuMDczNEMgMzUuMjEyNiA5LjI1MzAzIDMyLjc0MjQgNS45NDI2MiAyOS40Njk0IDMuNjAwNEMgMjYuMTk2MyAxLjI1ODE4IDIyLjI4MjMgMCAxOC4yNjkgMEMgMTQuMjU1NyAwIDEwLjM0MTcgMS4yNTgxOCA3LjA2ODYgMy42MDA0QyAzLjc5NTU2IDUuOTQyNjIgMS4zMjUzOSA5LjI1MzAzIDAgMTMuMDczNEMgMy41Njc0NSA4LjgyNDYzIDEwLjQyMzIgNS45MzkzMSAxOC4yNzMzIDUuOTM5MzFaIi8+CiAgICA8L2c+CiAgICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgICA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjY5LjMgMjI4MS4zMSkiIGQ9Ik0gNS44OTM1MyAyLjg0NEMgNS45MTg4OSAzLjQzMTY1IDUuNzcwODUgNC4wMTM2NyA1LjQ2ODE1IDQuNTE2NDVDIDUuMTY1NDUgNS4wMTkyMiA0LjcyMTY4IDUuNDIwMTUgNC4xOTI5OSA1LjY2ODUxQyAzLjY2NDMgNS45MTY4OCAzLjA3NDQ0IDYuMDAxNTEgMi40OTgwNSA1LjkxMTcxQyAxLjkyMTY2IDUuODIxOSAxLjM4NDYzIDUuNTYxNyAwLjk1NDg5OCA1LjE2NDAxQyAwLjUyNTE3IDQuNzY2MzMgMC4yMjIwNTYgNC4yNDkwMyAwLjA4MzkwMzcgMy42Nzc1N0MgLTAuMDU0MjQ4MyAzLjEwNjExIC0wLjAyMTIzIDIuNTA2MTcgMC4xNzg3ODEgMS45NTM2NEMgMC4zNzg3OTMgMS40MDExIDAuNzM2ODA5IDAuOTIwODE3IDEuMjA3NTQgMC41NzM1MzhDIDEuNjc4MjYgMC4yMjYyNTkgMi4yNDA1NSAwLjAyNzU5MTkgMi44MjMyNiAwLjAwMjY3MjI5QyAzLjYwMzg5IC0wLjAzMDcxMTUgNC4zNjU3MyAwLjI0OTc4OSA0Ljk0MTQyIDAuNzgyNTUxQyA1LjUxNzExIDEuMzE1MzEgNS44NTk1NiAyLjA1Njc2IDUuODkzNTMgMi44NDRaIi8+CiAgICAgIDxwYXRoIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2MzkuOCAyMzIzLjgxKSIgZD0iTSA3LjQyNzg5IDMuNTgzMzhDIDcuNDYwMDggNC4zMjQzIDcuMjczNTUgNS4wNTgxOSA2Ljg5MTkzIDUuNjkyMTNDIDYuNTEwMzEgNi4zMjYwNyA1Ljk1MDc1IDYuODMxNTYgNS4yODQxMSA3LjE0NDZDIDQuNjE3NDcgNy40NTc2MyAzLjg3MzcxIDcuNTY0MTQgMy4xNDcwMiA3LjQ1MDYzQyAyLjQyMDMyIDcuMzM3MTIgMS43NDMzNiA3LjAwODcgMS4yMDE4NCA2LjUwNjk1QyAwLjY2MDMyOCA2LjAwNTIgMC4yNzg2MSA1LjM1MjY4IDAuMTA1MDE3IDQuNjMyMDJDIC0wLjA2ODU3NTcgMy45MTEzNSAtMC4wMjYyMzYxIDMuMTU0OTQgMC4yMjY2NzUgMi40NTg1NkMgMC40Nzk1ODcgMS43NjIxNyAwLjkzMTY5NyAxLjE1NzEzIDEuNTI1NzYgMC43MjAwMzNDIDIuMTE5ODMgMC4yODI5MzUgMi44MjkxNCAwLjAzMzQzOTUgMy41NjM4OSAwLjAwMzEzMzQ0QyA0LjU0NjY3IC0wLjAzNzQwMzMgNS41MDUyOSAwLjMxNjcwNiA2LjIyOTYxIDAuOTg3ODM1QyA2Ljk1MzkzIDEuNjU4OTYgNy4zODQ4NCAyLjU5MjM1IDcuNDI3ODkgMy41ODMzOEwgNy40Mjc4OSAzLjU4MzM4WiIvPgogICAgICA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjM4LjM2IDIyODYuMDYpIiBkPSJNIDIuMjc0NzEgNC4zOTYyOUMgMS44NDM2MyA0LjQxNTA4IDEuNDE2NzEgNC4zMDQ0NSAxLjA0Nzk5IDQuMDc4NDNDIDAuNjc5MjY4IDMuODUyNCAwLjM4NTMyOCAzLjUyMTE0IDAuMjAzMzcxIDMuMTI2NTZDIDAuMDIxNDEzNiAyLjczMTk4IC0wLjA0MDM3OTggMi4yOTE4MyAwLjAyNTgxMTYgMS44NjE4MUMgMC4wOTIwMDMxIDEuNDMxOCAwLjI4MzIwNCAxLjAzMTI2IDAuNTc1MjEzIDAuNzEwODgzQyAwLjg2NzIyMiAwLjM5MDUxIDEuMjQ2OTEgMC4xNjQ3MDggMS42NjYyMiAwLjA2MjA1OTJDIDIuMDg1NTMgLTAuMDQwNTg5NyAyLjUyNTYxIC0wLjAxNTQ3MTQgMi45MzA3NiAwLjEzNDIzNUMgMy4zMzU5MSAwLjI4Mzk0MSAzLjY4NzkyIDAuNTUxNTA1IDMuOTQyMjIgMC45MDMwNkMgNC4xOTY1MiAxLjI1NDYyIDQuMzQxNjkgMS42NzQzNiA0LjM1OTM1IDIuMTA5MTZDIDQuMzgyOTkgMi42OTEwNyA0LjE3Njc4IDMuMjU4NjkgMy43ODU5NyAzLjY4NzQ2QyAzLjM5NTE2IDQuMTE2MjQgMi44NTE2NiA0LjM3MTE2IDIuMjc0NzEgNC4zOTYyOUwgMi4yNzQ3MSA0LjM5NjI5WiIvPgogICAgPC9nPgogIDwvZz4+Cjwvc3ZnPgo=);
+ --jp-icon-jupyterlab-wordmark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIHZpZXdCb3g9IjAgMCAxODYwLjggNDc1Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjIiIGZpbGw9IiM0RTRFNEUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4MC4xMzY0MDEsIDY0LjI3MTQ5MykiPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDU4Ljg3NTU2NikiPgogICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjA4NzYwMywgMC4xNDAyOTQpIj4KICAgICAgICA8cGF0aCBkPSJNLTQyNi45LDE2OS44YzAsNDguNy0zLjcsNjQuNy0xMy42LDc2LjRjLTEwLjgsMTAtMjUsMTUuNS0zOS43LDE1LjVsMy43LDI5IGMyMi44LDAuMyw0NC44LTcuOSw2MS45LTIzLjFjMTcuOC0xOC41LDI0LTQ0LjEsMjQtODMuM1YwSC00Mjd2MTcwLjFMLTQyNi45LDE2OS44TC00MjYuOSwxNjkuOHoiLz4KICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU1LjA0NTI5NiwgNTYuODM3MTA0KSI+CiAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNTYyNDUzLCAxLjc5OTg0MikiPgogICAgICAgIDxwYXRoIGQ9Ik0tMzEyLDE0OGMwLDIxLDAsMzkuNSwxLjcsNTUuNGgtMzEuOGwtMi4xLTMzLjNoLTAuOGMtNi43LDExLjYtMTYuNCwyMS4zLTI4LDI3LjkgYy0xMS42LDYuNi0yNC44LDEwLTM4LjIsOS44Yy0zMS40LDAtNjktMTcuNy02OS04OVYwaDM2LjR2MTEyLjdjMCwzOC43LDExLjYsNjQuNyw0NC42LDY0LjdjMTAuMy0wLjIsMjAuNC0zLjUsMjguOS05LjQgYzguNS01LjksMTUuMS0xNC4zLDE4LjktMjMuOWMyLjItNi4xLDMuMy0xMi41LDMuMy0xOC45VjAuMmgzNi40VjE0OEgtMzEyTC0zMTIsMTQ4eiIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTAuMDEzMzIyLCA1My40Nzk2MzgpIj4KICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS43MDY0NTgsIDAuMjMxNDI1KSI+CiAgICAgICAgPHBhdGggZD0iTS00NzguNiw3MS40YzAtMjYtMC44LTQ3LTEuNy02Ni43aDMyLjdsMS43LDM0LjhoMC44YzcuMS0xMi41LDE3LjUtMjIuOCwzMC4xLTI5LjcgYzEyLjUtNywyNi43LTEwLjMsNDEtOS44YzQ4LjMsMCw4NC43LDQxLjcsODQuNywxMDMuM2MwLDczLjEtNDMuNywxMDkuMi05MSwxMDkuMmMtMTIuMSwwLjUtMjQuMi0yLjItMzUtNy44IGMtMTAuOC01LjYtMTkuOS0xMy45LTI2LjYtMjQuMmgtMC44VjI5MWgtMzZ2LTIyMEwtNDc4LjYsNzEuNEwtNDc4LjYsNzEuNHogTS00NDIuNiwxMjUuNmMwLjEsNS4xLDAuNiwxMC4xLDEuNywxNS4xIGMzLDEyLjMsOS45LDIzLjMsMTkuOCwzMS4xYzkuOSw3LjgsMjIuMSwxMi4xLDM0LjcsMTIuMWMzOC41LDAsNjAuNy0zMS45LDYwLjctNzguNWMwLTQwLjctMjEuMS03NS42LTU5LjUtNzUuNiBjLTEyLjksMC40LTI1LjMsNS4xLTM1LjMsMTMuNGMtOS45LDguMy0xNi45LDE5LjctMTkuNiwzMi40Yy0xLjUsNC45LTIuMywxMC0yLjUsMTUuMVYxMjUuNkwtNDQyLjYsMTI1LjZMLTQ0Mi42LDEyNS42eiIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDYuNzQwNzI2LCA1Ni44MzcxMDQpIj4KICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43NTEyMjYsIDEuOTg5Mjk5KSI+CiAgICAgICAgPHBhdGggZD0iTS00NDAuOCwwbDQzLjcsMTIwLjFjNC41LDEzLjQsOS41LDI5LjQsMTIuOCw0MS43aDAuOGMzLjctMTIuMiw3LjktMjcuNywxMi44LTQyLjQgbDM5LjctMTE5LjJoMzguNUwtMzQ2LjksMTQ1Yy0yNiw2OS43LTQzLjcsMTA1LjQtNjguNiwxMjcuMmMtMTIuNSwxMS43LTI3LjksMjAtNDQuNiwyMy45bC05LjEtMzEuMSBjMTEuNy0zLjksMjIuNS0xMC4xLDMxLjgtMTguMWMxMy4yLTExLjEsMjMuNy0yNS4yLDMwLjYtNDEuMmMxLjUtMi44LDIuNS01LjcsMi45LTguOGMtMC4zLTMuMy0xLjItNi42LTIuNS05LjdMLTQ4MC4yLDAuMSBoMzkuN0wtNDQwLjgsMEwtNDQwLjgsMHoiLz4KICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODIyLjc0ODEwNCwgMC4wMDAwMDApIj4KICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40NjQwNTAsIDAuMzc4OTE0KSI+CiAgICAgICAgPHBhdGggZD0iTS00MTMuNywwdjU4LjNoNTJ2MjguMmgtNTJWMTk2YzAsMjUsNywzOS41LDI3LjMsMzkuNWM3LjEsMC4xLDE0LjItMC43LDIxLjEtMi41IGwxLjcsMjcuN2MtMTAuMywzLjctMjEuMyw1LjQtMzIuMiw1Yy03LjMsMC40LTE0LjYtMC43LTIxLjMtMy40Yy02LjgtMi43LTEyLjktNi44LTE3LjktMTIuMWMtMTAuMy0xMC45LTE0LjEtMjktMTQuMS01Mi45IFY4Ni41aC0zMVY1OC4zaDMxVjkuNkwtNDEzLjcsMEwtNDEzLjcsMHoiLz4KICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTc0LjQzMzI4NiwgNTMuNDc5NjM4KSI+CiAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuOTkwMDM0LCAwLjYxMDMzOSkiPgogICAgICAgIDxwYXRoIGQ9Ik0tNDQ1LjgsMTEzYzAuOCw1MCwzMi4yLDcwLjYsNjguNiw3MC42YzE5LDAuNiwzNy45LTMsNTUuMy0xMC41bDYuMiwyNi40IGMtMjAuOSw4LjktNDMuNSwxMy4xLTY2LjIsMTIuNmMtNjEuNSwwLTk4LjMtNDEuMi05OC4zLTEwMi41Qy00ODAuMiw0OC4yLTQ0NC43LDAtMzg2LjUsMGM2NS4yLDAsODIuNyw1OC4zLDgyLjcsOTUuNyBjLTAuMSw1LjgtMC41LDExLjUtMS4yLDE3LjJoLTE0MC42SC00NDUuOEwtNDQ1LjgsMTEzeiBNLTMzOS4yLDg2LjZjMC40LTIzLjUtOS41LTYwLjEtNTAuNC02MC4xIGMtMzYuOCwwLTUyLjgsMzQuNC01NS43LDYwLjFILTMzOS4yTC0zMzkuMiw4Ni42TC0zMzkuMiw4Ni42eiIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjAxLjk2MTA1OCwgNTMuNDc5NjM4KSI+CiAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMTc5NjQwLCAwLjcwNTA2OCkiPgogICAgICAgIDxwYXRoIGQ9Ik0tNDc4LjYsNjhjMC0yMy45LTAuNC00NC41LTEuNy02My40aDMxLjhsMS4yLDM5LjloMS43YzkuMS0yNy4zLDMxLTQ0LjUsNTUuMy00NC41IGMzLjUtMC4xLDcsMC40LDEwLjMsMS4ydjM0LjhjLTQuMS0wLjktOC4yLTEuMy0xMi40LTEuMmMtMjUuNiwwLTQzLjcsMTkuNy00OC43LDQ3LjRjLTEsNS43LTEuNiwxMS41LTEuNywxNy4ydjEwOC4zaC0zNlY2OCBMLTQ3OC42LDY4eiIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9nPgoKICA8ZyBjbGFzcz0ianAtaWNvbi13YXJuMCIgZmlsbD0iI0YzNzcyNiI+CiAgICA8cGF0aCBkPSJNMTM1Mi4zLDMyNi4yaDM3VjI4aC0zN1YzMjYuMnogTTE2MDQuOCwzMjYuMmMtMi41LTEzLjktMy40LTMxLjEtMy40LTQ4Ljd2LTc2IGMwLTQwLjctMTUuMS04My4xLTc3LjMtODMuMWMtMjUuNiwwLTUwLDcuMS02Ni44LDE4LjFsOC40LDI0LjRjMTQuMy05LjIsMzQtMTUuMSw1My0xNS4xYzQxLjYsMCw0Ni4yLDMwLjIsNDYuMiw0N3Y0LjIgYy03OC42LTAuNC0xMjIuMywyNi41LTEyMi4zLDc1LjZjMCwyOS40LDIxLDU4LjQsNjIuMiw1OC40YzI5LDAsNTAuOS0xNC4zLDYyLjItMzAuMmgxLjNsMi45LDI1LjZIMTYwNC44eiBNMTU2NS43LDI1Ny43IGMwLDMuOC0wLjgsOC0yLjEsMTEuOGMtNS45LDE3LjItMjIuNywzNC00OS4yLDM0Yy0xOC45LDAtMzQuOS0xMS4zLTM0LjktMzUuM2MwLTM5LjUsNDUuOC00Ni42LDg2LjItNDUuOFYyNTcuN3ogTTE2OTguNSwzMjYuMiBsMS43LTMzLjZoMS4zYzE1LjEsMjYuOSwzOC43LDM4LjIsNjguMSwzOC4yYzQ1LjQsMCw5MS4yLTM2LjEsOTEuMi0xMDguOGMwLjQtNjEuNy0zNS4zLTEwMy43LTg1LjctMTAzLjcgYy0zMi44LDAtNTYuMywxNC43LTY5LjMsMzcuNGgtMC44VjI4aC0zNi42djI0NS43YzAsMTguMS0wLjgsMzguNi0xLjcsNTIuNUgxNjk4LjV6IE0xNzA0LjgsMjA4LjJjMC01LjksMS4zLTEwLjksMi4xLTE1LjEgYzcuNi0yOC4xLDMxLjEtNDUuNCw1Ni4zLTQ1LjRjMzkuNSwwLDYwLjUsMzQuOSw2MC41LDc1LjZjMCw0Ni42LTIzLjEsNzguMS02MS44LDc4LjFjLTI2LjksMC00OC4zLTE3LjYtNTUuNS00My4zIGMtMC44LTQuMi0xLjctOC44LTEuNy0xMy40VjIwOC4yeiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-kernel: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGNsYXNzPSJqcC1pY29uMiIgZmlsbD0iIzYxNjE2MSIgZD0iTTE1IDlIOXY2aDZWOXptLTIgNGgtMnYtMmgydjJ6bTgtMlY5aC0yVjdjMC0xLjEtLjktMi0yLTJoLTJWM2gtMnYyaC0yVjNIOXYySDdjLTEuMSAwLTIgLjktMiAydjJIM3YyaDJ2MkgzdjJoMnYyYzAgMS4xLjkgMiAyIDJoMnYyaDJ2LTJoMnYyaDJ2LTJoMmMxLjEgMCAyLS45IDItMnYtMmgydi0yaC0ydi0yaDJ6bS00IDZIN1Y3aDEwdjEweiIvPgo8L3N2Zz4K);
+ --jp-icon-keyboard: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIiBkPSJNMjAgNUg0Yy0xLjEgMC0xLjk5LjktMS45OSAyTDIgMTdjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY3YzAtMS4xLS45LTItMi0yem0tOSAzaDJ2MmgtMlY4em0wIDNoMnYyaC0ydi0yek04IDhoMnYySDhWOHptMCAzaDJ2Mkg4di0yem0tMSAySDV2LTJoMnYyem0wLTNINVY4aDJ2MnptOSA3SDh2LTJoOHYyem0wLTRoLTJ2LTJoMnYyem0wLTNoLTJWOGgydjJ6bTMgM2gtMnYtMmgydjJ6bTAtM2gtMlY4aDJ2MnoiLz4KPC9zdmc+Cg==);
+ --jp-icon-launcher: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIiBkPSJNMTkgMTlINVY1aDdWM0g1YTIgMiAwIDAwLTIgMnYxNGEyIDIgMCAwMDIgMmgxNGMxLjEgMCAyLS45IDItMnYtN2gtMnY3ek0xNCAzdjJoMy41OWwtOS44MyA5LjgzIDEuNDEgMS40MUwxOSA2LjQxVjEwaDJWM2gtN3oiLz4KPC9zdmc+Cg==);
+ --jp-icon-line-form: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9IndoaXRlIiBkPSJNNS44OCA0LjEyTDEzLjc2IDEybC03Ljg4IDcuODhMOCAyMmwxMC0xMEw4IDJ6Ii8+Cjwvc3ZnPgo=);
+ --jp-icon-link: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTMuOSAxMmMwLTEuNzEgMS4zOS0zLjEgMy4xLTMuMWg0VjdIN2MtMi43NiAwLTUgMi4yNC01IDVzMi4yNCA1IDUgNWg0di0xLjlIN2MtMS43MSAwLTMuMS0xLjM5LTMuMS0zLjF6TTggMTNoOHYtMkg4djJ6bTktNmgtNHYxLjloNGMxLjcxIDAgMy4xIDEuMzkgMy4xIDMuMXMtMS4zOSAzLjEtMy4xIDMuMWgtNFYxN2g0YzIuNzYgMCA1LTIuMjQgNS01cy0yLjI0LTUtNS01eiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-list: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGNsYXNzPSJqcC1pY29uMiBqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiM2MTYxNjEiIGQ9Ik0xOSA1djE0SDVWNWgxNG0xLjEtMkgzLjljLS41IDAtLjkuNC0uOS45djE2LjJjMCAuNC40LjkuOS45aDE2LjJjLjQgMCAuOS0uNS45LS45VjMuOWMwLS41LS41LS45LS45LS45ek0xMSA3aDZ2MmgtNlY3em0wIDRoNnYyaC02di0yem0wIDRoNnYyaC02ek03IDdoMnYySDd6bTAgNGgydjJIN3ptMCA0aDJ2Mkg3eiIvPgo8L3N2Zz4=);
+ --jp-icon-listings-info: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAuOTc4IDUwLjk3OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAuOTc4IDUwLjk3ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggc3R5bGU9ImZpbGw6IzAxMDAwMjsiIGQ9Ik00My41Miw3LjQ1OEMzOC43MTEsMi42NDgsMzIuMzA3LDAsMjUuNDg5LDBDMTguNjcsMCwxMi4yNjYsMi42NDgsNy40NTgsNy40NTgNCgkJCQljLTkuOTQzLDkuOTQxLTkuOTQzLDI2LjExOSwwLDM2LjA2MmM0LjgwOSw0LjgwOSwxMS4yMTIsNy40NTYsMTguMDMxLDcuNDU4YzAsMCwwLjAwMSwwLDAuMDAyLDANCgkJCQljNi44MTYsMCwxMy4yMjEtMi42NDgsMTguMDI5LTcuNDU4YzQuODA5LTQuODA5LDcuNDU3LTExLjIxMiw3LjQ1Ny0xOC4wM0M1MC45NzcsMTguNjcsNDguMzI4LDEyLjI2Niw0My41Miw3LjQ1OHoNCgkJCQkgTTQyLjEwNiw0Mi4xMDVjLTQuNDMyLDQuNDMxLTEwLjMzMiw2Ljg3Mi0xNi42MTUsNi44NzJoLTAuMDAyYy02LjI4NS0wLjAwMS0xMi4xODctMi40NDEtMTYuNjE3LTYuODcyDQoJCQkJYy05LjE2Mi05LjE2My05LjE2Mi0yNC4wNzEsMC0zMy4yMzNDMTMuMzAzLDQuNDQsMTkuMjA0LDIsMjUuNDg5LDJjNi4yODQsMCwxMi4xODYsMi40NCwxNi42MTcsNi44NzINCgkJCQljNC40MzEsNC40MzEsNi44NzEsMTAuMzMyLDYuODcxLDE2LjYxN0M0OC45NzcsMzEuNzcyLDQ2LjUzNiwzNy42NzUsNDIuMTA2LDQyLjEwNXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIHN0eWxlPSJmaWxsOiMwMTAwMDI7IiBkPSJNMjMuNTc4LDMyLjIxOGMtMC4wMjMtMS43MzQsMC4xNDMtMy4wNTksMC40OTYtMy45NzJjMC4zNTMtMC45MTMsMS4xMS0xLjk5NywyLjI3Mi0zLjI1Mw0KCQkJCWMwLjQ2OC0wLjUzNiwwLjkyMy0xLjA2MiwxLjM2Ny0xLjU3NWMwLjYyNi0wLjc1MywxLjEwNC0xLjQ3OCwxLjQzNi0yLjE3NWMwLjMzMS0wLjcwNywwLjQ5NS0xLjU0MSwwLjQ5NS0yLjUNCgkJCQljMC0xLjA5Ni0wLjI2LTIuMDg4LTAuNzc5LTIuOTc5Yy0wLjU2NS0wLjg3OS0xLjUwMS0xLjMzNi0yLjgwNi0xLjM2OWMtMS44MDIsMC4wNTctMi45ODUsMC42NjctMy41NSwxLjgzMg0KCQkJCWMtMC4zMDEsMC41MzUtMC41MDMsMS4xNDEtMC42MDcsMS44MTRjLTAuMTM5LDAuNzA3LTAuMjA3LDEuNDMyLTAuMjA3LDIuMTc0aC0yLjkzN2MtMC4wOTEtMi4yMDgsMC40MDctNC4xMTQsMS40OTMtNS43MTkNCgkJCQljMS4wNjItMS42NCwyLjg1NS0yLjQ4MSw1LjM3OC0yLjUyN2MyLjE2LDAuMDIzLDMuODc0LDAuNjA4LDUuMTQxLDEuNzU4YzEuMjc4LDEuMTYsMS45MjksMi43NjQsMS45NSw0LjgxMQ0KCQkJCWMwLDEuMTQyLTAuMTM3LDIuMTExLTAuNDEsMi45MTFjLTAuMzA5LDAuODQ1LTAuNzMxLDEuNTkzLTEuMjY4LDIuMjQzYy0wLjQ5MiwwLjY1LTEuMDY4LDEuMzE4LTEuNzMsMi4wMDINCgkJCQljLTAuNjUsMC42OTctMS4zMTMsMS40NzktMS45ODcsMi4zNDZjLTAuMjM5LDAuMzc3LTAuNDI5LDAuNzc3LTAuNTY1LDEuMTk5Yy0wLjE2LDAuOTU5LTAuMjE3LDEuOTUxLTAuMTcxLDIuOTc5DQoJCQkJQzI2LjU4OSwzMi4yMTgsMjMuNTc4LDMyLjIxOCwyMy41NzgsMzIuMjE4eiBNMjMuNTc4LDM4LjIydi0zLjQ4NGgzLjA3NnYzLjQ4NEgyMy41Nzh6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
+ --jp-icon-markdown: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8cGF0aCBjbGFzcz0ianAtaWNvbi1jb250cmFzdDAganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjN0IxRkEyIiBkPSJNNSAxNC45aDEybC02LjEgNnptOS40LTYuOGMwLTEuMy0uMS0yLjktLjEtNC41LS40IDEuNC0uOSAyLjktMS4zIDQuM2wtMS4zIDQuM2gtMkw4LjUgNy45Yy0uNC0xLjMtLjctMi45LTEtNC4zLS4xIDEuNi0uMSAzLjItLjIgNC42TDcgMTIuNEg0LjhsLjctMTFoMy4zTDEwIDVjLjQgMS4yLjcgMi43IDEgMy45LjMtMS4yLjctMi42IDEtMy45bDEuMi0zLjdoMy4zbC42IDExaC0yLjRsLS4zLTQuMnoiLz4KPC9zdmc+Cg==);
+ --jp-icon-new-folder: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTIwIDZoLThsLTItMkg0Yy0xLjExIDAtMS45OS44OS0xLjk5IDJMMiAxOGMwIDEuMTEuODkgMiAyIDJoMTZjMS4xMSAwIDItLjg5IDItMlY4YzAtMS4xMS0uODktMi0yLTJ6bS0xIDhoLTN2M2gtMnYtM2gtM3YtMmgzVjloMnYzaDN2MnoiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-not-trusted: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI1IDI1Ij4KICAgIDxwYXRoIGNsYXNzPSJqcC1pY29uMiIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMgMykiIGQ9Ik0xLjg2MDk0IDExLjQ0MDlDMC44MjY0NDggOC43NzAyNyAwLjg2Mzc3OSA2LjA1NzY0IDEuMjQ5MDcgNC4xOTkzMkMyLjQ4MjA2IDMuOTMzNDcgNC4wODA2OCAzLjQwMzQ3IDUuNjAxMDIgMi44NDQ5QzcuMjM1NDkgMi4yNDQ0IDguODU2NjYgMS41ODE1IDkuOTg3NiAxLjA5NTM5QzExLjA1OTcgMS41ODM0MSAxMi42MDk0IDIuMjQ0NCAxNC4yMTggMi44NDMzOUMxNS43NTAzIDMuNDEzOTQgMTcuMzk5NSAzLjk1MjU4IDE4Ljc1MzkgNC4yMTM4NUMxOS4xMzY0IDYuMDcxNzcgMTkuMTcwOSA4Ljc3NzIyIDE4LjEzOSAxMS40NDA5QzE3LjAzMDMgMTQuMzAzMiAxNC42NjY4IDE3LjE4NDQgOS45OTk5OSAxOC45MzU0QzUuMzMzMTkgMTcuMTg0NCAyLjk2OTY4IDE0LjMwMzIgMS44NjA5NCAxMS40NDA5WiIvPgogICAgPHBhdGggY2xhc3M9ImpwLWljb24yIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4zMTU5MiA5LjMyMDMxKSIgZD0iTTcuMzY4NDIgMEwwIDcuMzY0NzkiLz4KICAgIDxwYXRoIGNsYXNzPSJqcC1pY29uMiIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMzE1OTIgMTYuNjgzNikgc2NhbGUoMSAtMSkiIGQ9Ik03LjM2ODQyIDBMMCA3LjM2NDc5Ii8+Cjwvc3ZnPgo=);
+ --jp-icon-notebook: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8ZyBjbGFzcz0ianAtaWNvbi13YXJuMCBqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiNFRjZDMDAiPgogICAgPHBhdGggZD0iTTE4LjcgMy4zdjE1LjRIMy4zVjMuM2gxNS40bTEuNS0xLjVIMS44djE4LjNoMTguM2wuMS0xOC4zeiIvPgogICAgPHBhdGggZD0iTTE2LjUgMTYuNWwtNS40LTQuMy01LjYgNC4zdi0xMWgxMXoiLz4KICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-palette: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTE4IDEzVjIwSDRWNkg5LjAyQzkuMDcgNS4yOSA5LjI0IDQuNjIgOS41IDRINEMyLjkgNCAyIDQuOSAyIDZWMjBDMiAyMS4xIDIuOSAyMiA0IDIySDE4QzE5LjEgMjIgMjAgMjEuMSAyMCAyMFYxNUwxOCAxM1pNMTkuMyA4Ljg5QzE5Ljc0IDguMTkgMjAgNy4zOCAyMCA2LjVDMjAgNC4wMSAxNy45OSAyIDE1LjUgMkMxMy4wMSAyIDExIDQuMDEgMTEgNi41QzExIDguOTkgMTMuMDEgMTEgMTUuNDkgMTFDMTYuMzcgMTEgMTcuMTkgMTAuNzQgMTcuODggMTAuM0wyMSAxMy40MkwyMi40MiAxMkwxOS4zIDguODlaTTE1LjUgOUMxNC4xMiA5IDEzIDcuODggMTMgNi41QzEzIDUuMTIgMTQuMTIgNCAxNS41IDRDMTYuODggNCAxOCA1LjEyIDE4IDYuNUMxOCA3Ljg4IDE2Ljg4IDkgMTUuNSA5WiIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDZIOS4wMTg5NEM5LjAwNjM5IDYuMTY1MDIgOSA2LjMzMTc2IDkgNi41QzkgOC44MTU3NyAxMC4yMTEgMTAuODQ4NyAxMi4wMzQzIDEySDlWMTRIMTZWMTIuOTgxMUMxNi41NzAzIDEyLjkzNzcgMTcuMTIgMTIuODIwNyAxNy42Mzk2IDEyLjYzOTZMMTggMTNWMjBINFY2Wk04IDhINlYxMEg4VjhaTTYgMTJIOFYxNEg2VjEyWk04IDE2SDZWMThIOFYxNlpNOSAxNkgxNlYxOEg5VjE2WiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-paste: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSI+CiAgICAgICAgPHBhdGggZD0iTTE5IDJoLTQuMThDMTQuNC44NCAxMy4zIDAgMTIgMGMtMS4zIDAtMi40Ljg0LTIuODIgMkg1Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjRjMC0xLjEtLjktMi0yLTJ6bS03IDBjLjU1IDAgMSAuNDUgMSAxcy0uNDUgMS0xIDEtMS0uNDUtMS0xIC40NS0xIDEtMXptNyAxOEg1VjRoMnYzaDEwVjRoMnYxNnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-python: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8ZyBjbGFzcz0ianAtaWNvbi1icmFuZDAganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjMEQ0N0ExIj4KICAgIDxwYXRoIGQ9Ik0xMS4xIDYuOVY1LjhINi45YzAtLjUgMC0xLjMuMi0xLjYuNC0uNy44LTEuMSAxLjctMS40IDEuNy0uMyAyLjUtLjMgMy45LS4xIDEgLjEgMS45LjkgMS45IDEuOXY0LjJjMCAuNS0uOSAxLjYtMiAxLjZIOC44Yy0xLjUgMC0yLjQgMS40LTIuNCAyLjh2Mi4ySDQuN0MzLjUgMTUuMSAzIDE0IDMgMTMuMVY5Yy0uMS0xIC42LTIgMS44LTIgMS41LS4xIDYuMy0uMSA2LjMtLjF6Ii8+CiAgICA8cGF0aCBkPSJNMTAuOSAxNS4xdjEuMWg0LjJjMCAuNSAwIDEuMy0uMiAxLjYtLjQuNy0uOCAxLjEtMS43IDEuNC0xLjcuMy0yLjUuMy0zLjkuMS0xLS4xLTEuOS0uOS0xLjktMS45di00LjJjMC0uNS45LTEuNiAyLTEuNmgzLjhjMS41IDAgMi40LTEuNCAyLjQtMi44VjYuNmgxLjdDMTguNSA2LjkgMTkgOCAxOSA4LjlWMTNjMCAxLS43IDIuMS0xLjkgMi4xaC02LjJ6Ii8+CiAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-r-kernel: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8cGF0aCBjbGFzcz0ianAtaWNvbi1jb250cmFzdDMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjMjE5NkYzIiBkPSJNNC40IDIuNWMxLjItLjEgMi45LS4zIDQuOS0uMyAyLjUgMCA0LjEuNCA1LjIgMS4zIDEgLjcgMS41IDEuOSAxLjUgMy41IDAgMi0xLjQgMy41LTIuOSA0LjEgMS4yLjQgMS43IDEuNiAyLjIgMyAuNiAxLjkgMSAzLjkgMS4zIDQuNmgtMy44Yy0uMy0uNC0uOC0xLjctMS4yLTMuN3MtMS4yLTIuNi0yLjYtMi42aC0uOXY2LjRINC40VjIuNXptMy43IDYuOWgxLjRjMS45IDAgMi45LS45IDIuOS0yLjNzLTEtMi4zLTIuOC0yLjNjLS43IDAtMS4zIDAtMS42LjJ2NC41aC4xdi0uMXoiLz4KPC9zdmc+Cg==);
+ --jp-icon-react: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMTUwIDE1MCA1NDEuOSAyOTUuMyI+CiAgPGcgY2xhc3M9ImpwLWljb24tYnJhbmQyIGpwLWljb24tc2VsZWN0YWJsZSIgZmlsbD0iIzYxREFGQiI+CiAgICA8cGF0aCBkPSJNNjY2LjMgMjk2LjVjMC0zMi41LTQwLjctNjMuMy0xMDMuMS04Mi40IDE0LjQtNjMuNiA4LTExNC4yLTIwLjItMTMwLjQtNi41LTMuOC0xNC4xLTUuNi0yMi40LTUuNnYyMi4zYzQuNiAwIDguMy45IDExLjQgMi42IDEzLjYgNy44IDE5LjUgMzcuNSAxNC45IDc1LjctMS4xIDkuNC0yLjkgMTkuMy01LjEgMjkuNC0xOS42LTQuOC00MS04LjUtNjMuNS0xMC45LTEzLjUtMTguNS0yNy41LTM1LjMtNDEuNi01MCAzMi42LTMwLjMgNjMuMi00Ni45IDg0LTQ2LjlWNzhjLTI3LjUgMC02My41IDE5LjYtOTkuOSA1My42LTM2LjQtMzMuOC03Mi40LTUzLjItOTkuOS01My4ydjIyLjNjMjAuNyAwIDUxLjQgMTYuNSA4NCA0Ni42LTE0IDE0LjctMjggMzEuNC00MS4zIDQ5LjktMjIuNiAyLjQtNDQgNi4xLTYzLjYgMTEtMi4zLTEwLTQtMTkuNy01LjItMjktNC43LTM4LjIgMS4xLTY3LjkgMTQuNi03NS44IDMtMS44IDYuOS0yLjYgMTEuNS0yLjZWNzguNWMtOC40IDAtMTYgMS44LTIyLjYgNS42LTI4LjEgMTYuMi0zNC40IDY2LjctMTkuOSAxMzAuMS02Mi4yIDE5LjItMTAyLjcgNDkuOS0xMDIuNyA4Mi4zIDAgMzIuNSA0MC43IDYzLjMgMTAzLjEgODIuNC0xNC40IDYzLjYtOCAxMTQuMiAyMC4yIDEzMC40IDYuNSAzLjggMTQuMSA1LjYgMjIuNSA1LjYgMjcuNSAwIDYzLjUtMTkuNiA5OS45LTUzLjYgMzYuNCAzMy44IDcyLjQgNTMuMiA5OS45IDUzLjIgOC40IDAgMTYtMS44IDIyLjYtNS42IDI4LjEtMTYuMiAzNC40LTY2LjcgMTkuOS0xMzAuMSA2Mi0xOS4xIDEwMi41LTQ5LjkgMTAyLjUtODIuM3ptLTEzMC4yLTY2LjdjLTMuNyAxMi45LTguMyAyNi4yLTEzLjUgMzkuNS00LjEtOC04LjQtMTYtMTMuMS0yNC00LjYtOC05LjUtMTUuOC0xNC40LTIzLjQgMTQuMiAyLjEgMjcuOSA0LjcgNDEgNy45em0tNDUuOCAxMDYuNWMtNy44IDEzLjUtMTUuOCAyNi4zLTI0LjEgMzguMi0xNC45IDEuMy0zMCAyLTQ1LjIgMi0xNS4xIDAtMzAuMi0uNy00NS0xLjktOC4zLTExLjktMTYuNC0yNC42LTI0LjItMzgtNy42LTEzLjEtMTQuNS0yNi40LTIwLjgtMzkuOCA2LjItMTMuNCAxMy4yLTI2LjggMjAuNy0zOS45IDcuOC0xMy41IDE1LjgtMjYuMyAyNC4xLTM4LjIgMTQuOS0xLjMgMzAtMiA0NS4yLTIgMTUuMSAwIDMwLjIuNyA0NSAxLjkgOC4zIDExLjkgMTYuNCAyNC42IDI0LjIgMzggNy42IDEzLjEgMTQuNSAyNi40IDIwLjggMzkuOC02LjMgMTMuNC0xMy4yIDI2LjgtMjAuNyAzOS45em0zMi4zLTEzYzUuNCAxMy40IDEwIDI2LjggMTMuOCAzOS44LTEzLjEgMy4yLTI2LjkgNS45LTQxLjIgOCA0LjktNy43IDkuOC0xNS42IDE0LjQtMjMuNyA0LjYtOCA4LjktMTYuMSAxMy0yNC4xek00MjEuMiA0MzBjLTkuMy05LjYtMTguNi0yMC4zLTI3LjgtMzIgOSAuNCAxOC4yLjcgMjcuNS43IDkuNCAwIDE4LjctLjIgMjcuOC0uNy05IDExLjctMTguMyAyMi40LTI3LjUgMzJ6bS03NC40LTU4LjljLTE0LjItMi4xLTI3LjktNC43LTQxLTcuOSAzLjctMTIuOSA4LjMtMjYuMiAxMy41LTM5LjUgNC4xIDggOC40IDE2IDEzLjEgMjQgNC43IDggOS41IDE1LjggMTQuNCAyMy40ek00MjAuNyAxNjNjOS4zIDkuNiAxOC42IDIwLjMgMjcuOCAzMi05LS40LTE4LjItLjctMjcuNS0uNy05LjQgMC0xOC43LjItMjcuOC43IDktMTEuNyAxOC4zLTIyLjQgMjcuNS0zMnptLTc0IDU4LjljLTQuOSA3LjctOS44IDE1LjYtMTQuNCAyMy43LTQuNiA4LTguOSAxNi0xMyAyNC01LjQtMTMuNC0xMC0yNi44LTEzLjgtMzkuOCAxMy4xLTMuMSAyNi45LTUuOCA0MS4yLTcuOXptLTkwLjUgMTI1LjJjLTM1LjQtMTUuMS01OC4zLTM0LjktNTguMy01MC42IDAtMTUuNyAyMi45LTM1LjYgNTguMy01MC42IDguNi0zLjcgMTgtNyAyNy43LTEwLjEgNS43IDE5LjYgMTMuMiA0MCAyMi41IDYwLjktOS4yIDIwLjgtMTYuNiA0MS4xLTIyLjIgNjAuNi05LjktMy4xLTE5LjMtNi41LTI4LTEwLjJ6TTMxMCA0OTBjLTEzLjYtNy44LTE5LjUtMzcuNS0xNC45LTc1LjcgMS4xLTkuNCAyLjktMTkuMyA1LjEtMjkuNCAxOS42IDQuOCA0MSA4LjUgNjMuNSAxMC45IDEzLjUgMTguNSAyNy41IDM1LjMgNDEuNiA1MC0zMi42IDMwLjMtNjMuMiA0Ni45LTg0IDQ2LjktNC41LS4xLTguMy0xLTExLjMtMi43em0yMzcuMi03Ni4yYzQuNyAzOC4yLTEuMSA2Ny45LTE0LjYgNzUuOC0zIDEuOC02LjkgMi42LTExLjUgMi42LTIwLjcgMC01MS40LTE2LjUtODQtNDYuNiAxNC0xNC43IDI4LTMxLjQgNDEuMy00OS45IDIyLjYtMi40IDQ0LTYuMSA2My42LTExIDIuMyAxMC4xIDQuMSAxOS44IDUuMiAyOS4xem0zOC41LTY2LjdjLTguNiAzLjctMTggNy0yNy43IDEwLjEtNS43LTE5LjYtMTMuMi00MC0yMi41LTYwLjkgOS4yLTIwLjggMTYuNi00MS4xIDIyLjItNjAuNiA5LjkgMy4xIDE5LjMgNi41IDI4LjEgMTAuMiAzNS40IDE1LjEgNTguMyAzNC45IDU4LjMgNTAuNi0uMSAxNS43LTIzIDM1LjYtNTguNCA1MC42ek0zMjAuOCA3OC40eiIvPgogICAgPGNpcmNsZSBjeD0iNDIwLjkiIGN5PSIyOTYuNSIgcj0iNDUuNyIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-refresh: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSI+CiAgICAgICAgPHBhdGggZD0iTTkgMTMuNWMtMi40OSAwLTQuNS0yLjAxLTQuNS00LjVTNi41MSA0LjUgOSA0LjVjMS4yNCAwIDIuMzYuNTIgMy4xNyAxLjMzTDEwIDhoNVYzbC0xLjc2IDEuNzZDMTIuMTUgMy42OCAxMC42NiAzIDkgMyA1LjY5IDMgMy4wMSA1LjY5IDMuMDEgOVM1LjY5IDE1IDkgMTVjMi45NyAwIDUuNDMtMi4xNiA1LjktNWgtMS41MmMtLjQ2IDItMi4yNCAzLjUtNC4zOCAzLjV6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
+ --jp-icon-regex: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8ZyBjbGFzcz0ianAtaWNvbjIiIGZpbGw9IiM0MTQxNDEiPgogICAgPHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+CiAgPC9nPgoKICA8ZyBjbGFzcz0ianAtaWNvbi1hY2NlbnQyIiBmaWxsPSIjRkZGIj4KICAgIDxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjUuNSIgY3k9IjE0LjUiIHI9IjEuNSIvPgogICAgPHJlY3QgeD0iMTIiIHk9IjQiIGNsYXNzPSJzdDIiIHdpZHRoPSIxIiBoZWlnaHQ9IjgiLz4KICAgIDxyZWN0IHg9IjguNSIgeT0iNy41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjg2NiAtMC41IDAuNSAwLjg2NiAtMi4zMjU1IDcuMzIxOSkiIGNsYXNzPSJzdDIiIHdpZHRoPSI4IiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IHg9IjEyIiB5PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjUgLTAuODY2IDAuODY2IDAuNSAtMC42Nzc5IDE0LjgyNTIpIiBjbGFzcz0ic3QyIiB3aWR0aD0iMSIgaGVpZ2h0PSI4Ii8+CiAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-run: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSI+CiAgICAgICAgPHBhdGggZD0iTTggNXYxNGwxMS03eiIvPgogICAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-running: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPgogIDxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSI+CiAgICA8cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptOTYgMzI4YzAgOC44LTcuMiAxNi0xNiAxNkgxNzZjLTguOCAwLTE2LTcuMi0xNi0xNlYxNzZjMC04LjggNy4yLTE2IDE2LTE2aDE2MGM4LjggMCAxNiA3LjIgMTYgMTZ2MTYweiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-save: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSI+CiAgICAgICAgPHBhdGggZD0iTTE3IDNINWMtMS4xMSAwLTIgLjktMiAydjE0YzAgMS4xLjg5IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjdsLTQtNHptLTUgMTZjLTEuNjYgMC0zLTEuMzQtMy0zczEuMzQtMyAzLTMgMyAxLjM0IDMgMy0xLjM0IDMtMyAzem0zLTEwSDVWNWgxMHY0eiIvPgogICAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-search: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTEyLjEsMTAuOWgtMC43bC0wLjItMC4yYzAuOC0wLjksMS4zLTIuMiwxLjMtMy41YzAtMy0yLjQtNS40LTUuNC01LjRTMS44LDQuMiwxLjgsNy4xczIuNCw1LjQsNS40LDUuNCBjMS4zLDAsMi41LTAuNSwzLjUtMS4zbDAuMiwwLjJ2MC43bDQuMSw0LjFsMS4yLTEuMkwxMi4xLDEwLjl6IE03LjEsMTAuOWMtMi4xLDAtMy43LTEuNy0zLjctMy43czEuNy0zLjcsMy43LTMuN3MzLjcsMS43LDMuNywzLjcgUzkuMiwxMC45LDcuMSwxMC45eiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-settings: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIiBkPSJNMTkuNDMgMTIuOThjLjA0LS4zMi4wNy0uNjQuMDctLjk4cy0uMDMtLjY2LS4wNy0uOThsMi4xMS0xLjY1Yy4xOS0uMTUuMjQtLjQyLjEyLS42NGwtMi0zLjQ2Yy0uMTItLjIyLS4zOS0uMy0uNjEtLjIybC0yLjQ5IDFjLS41Mi0uNC0xLjA4LS43My0xLjY5LS45OGwtLjM4LTIuNjVBLjQ4OC40ODggMCAwMDE0IDJoLTRjLS4yNSAwLS40Ni4xOC0uNDkuNDJsLS4zOCAyLjY1Yy0uNjEuMjUtMS4xNy41OS0xLjY5Ljk4bC0yLjQ5LTFjLS4yMy0uMDktLjQ5IDAtLjYxLjIybC0yIDMuNDZjLS4xMy4yMi0uMDcuNDkuMTIuNjRsMi4xMSAxLjY1Yy0uMDQuMzItLjA3LjY1LS4wNy45OHMuMDMuNjYuMDcuOThsLTIuMTEgMS42NWMtLjE5LjE1LS4yNC40Mi0uMTIuNjRsMiAzLjQ2Yy4xMi4yMi4zOS4zLjYxLjIybDIuNDktMWMuNTIuNCAxLjA4LjczIDEuNjkuOThsLjM4IDIuNjVjLjAzLjI0LjI0LjQyLjQ5LjQyaDRjLjI1IDAgLjQ2LS4xOC40OS0uNDJsLjM4LTIuNjVjLjYxLS4yNSAxLjE3LS41OSAxLjY5LS45OGwyLjQ5IDFjLjIzLjA5LjQ5IDAgLjYxLS4yMmwyLTMuNDZjLjEyLS4yMi4wNy0uNDktLjEyLS42NGwtMi4xMS0xLjY1ek0xMiAxNS41Yy0xLjkzIDAtMy41LTEuNTctMy41LTMuNXMxLjU3LTMuNSAzLjUtMy41IDMuNSAxLjU3IDMuNSAzLjUtMS41NyAzLjUtMy41IDMuNXoiLz4KPC9zdmc+Cg==);
+ --jp-icon-spreadsheet: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8cGF0aCBjbGFzcz0ianAtaWNvbi1jb250cmFzdDEganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNENBRjUwIiBkPSJNMi4yIDIuMnYxNy42aDE3LjZWMi4ySDIuMnptMTUuNCA3LjdoLTUuNVY0LjRoNS41djUuNXpNOS45IDQuNHY1LjVINC40VjQuNGg1LjV6bS01LjUgNy43aDUuNXY1LjVINC40di01LjV6bTcuNyA1LjV2LTUuNWg1LjV2NS41aC01LjV6Ii8+Cjwvc3ZnPgo=);
+ --jp-icon-stop: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSI+CiAgICAgICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgogICAgICAgIDxwYXRoIGQ9Ik02IDZoMTJ2MTJINnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-tab: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTIxIDNIM2MtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxOGMxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yem0wIDE2SDNWNWgxMHY0aDh2MTB6Ii8+CiAgPC9nPgo8L3N2Zz4K);
+ --jp-icon-terminal: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiA+CiAgICA8cmVjdCBjbGFzcz0ianAtaWNvbjIganAtaWNvbi1zZWxlY3RhYmxlIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgMikiIGZpbGw9IiMzMzMzMzMiLz4KICAgIDxwYXRoIGNsYXNzPSJqcC1pY29uLWFjY2VudDIganAtaWNvbi1zZWxlY3RhYmxlLWludmVyc2UiIGQ9Ik01LjA1NjY0IDguNzYxNzJDNS4wNTY2NCA4LjU5NzY2IDUuMDMxMjUgOC40NTMxMiA0Ljk4MDQ3IDguMzI4MTJDNC45MzM1OSA4LjE5OTIyIDQuODU1NDcgOC4wODIwMyA0Ljc0NjA5IDcuOTc2NTZDNC42NDA2MiA3Ljg3MTA5IDQuNSA3Ljc3NTM5IDQuMzI0MjIgNy42ODk0NUM0LjE1MjM0IDcuNTk5NjEgMy45NDMzNiA3LjUxMTcyIDMuNjk3MjcgNy40MjU3OEMzLjMwMjczIDcuMjg1MTYgMi45NDMzNiA3LjEzNjcyIDIuNjE5MTQgNi45ODA0N0MyLjI5NDkyIDYuODI0MjIgMi4wMTc1OCA2LjY0MjU4IDEuNzg3MTEgNi40MzU1NUMxLjU2MDU1IDYuMjI4NTIgMS4zODQ3NyA1Ljk4ODI4IDEuMjU5NzcgNS43MTQ4NEMxLjEzNDc3IDUuNDM3NSAxLjA3MjI3IDUuMTA5MzggMS4wNzIyNyA0LjczMDQ3QzEuMDcyMjcgNC4zOTg0NCAxLjEyODkxIDQuMDk1NyAxLjI0MjE5IDMuODIyMjdDMS4zNTU0NyAzLjU0NDkyIDEuNTE1NjIgMy4zMDQ2OSAxLjcyMjY2IDMuMTAxNTZDMS45Mjk2OSAyLjg5ODQ0IDIuMTc5NjkgMi43MzQzNyAyLjQ3MjY2IDIuNjA5MzhDMi43NjU2MiAyLjQ4NDM4IDMuMDkxOCAyLjQwNDMgMy40NTExNyAyLjM2OTE0VjEuMTA5MzhINC4zODg2N1YyLjM4MDg2QzQuNzQwMjMgMi40Mjc3MyA1LjA1NjY0IDIuNTIzNDQgNS4zMzc4OSAyLjY2Nzk3QzUuNjE5MTQgMi44MTI1IDUuODU3NDIgMy4wMDE5NSA2LjA1MjczIDMuMjM2MzNDNi4yNTE5NSAzLjQ2NjggNi40MDQzIDMuNzQwMjMgNi41MDk3NyA0LjA1NjY0QzYuNjE5MTQgNC4zNjkxNCA2LjY3MzgzIDQuNzIwNyA2LjY3MzgzIDUuMTExMzNINS4wNDQ5MkM1LjA0NDkyIDQuNjM4NjcgNC45Mzc1IDQuMjgxMjUgNC43MjI2NiA0LjAzOTA2QzQuNTA3ODEgMy43OTI5NyA0LjIxNjggMy42Njk5MiAzLjg0OTYxIDMuNjY5OTJDMy42NTAzOSAzLjY2OTkyIDMuNDc2NTYgMy42OTcyNyAzLjMyODEyIDMuNzUxOTVDMy4xODM1OSAzLjgwMjczIDMuMDY0NDUgMy44NzY5NSAyLjk3MDcgMy45NzQ2MUMyLjg3Njk1IDQuMDY4MzYgMi44MDY2NCA0LjE3OTY5IDIuNzU5NzcgNC4zMDg1OUMyLjcxNjggNC40Mzc1IDIuNjk1MzEgNC41NzgxMiAyLjY5NTMxIDQuNzMwNDdDMi42OTUzMSA0Ljg4MjgxIDIuNzE2OCA1LjAxOTUzIDIuNzU5NzcgNS4xNDA2MkMyLjgwNjY0IDUuMjU3ODEgMi44ODI4MSA1LjM2NzE5IDIuOTg4MjggNS40Njg3NUMzLjA5NzY2IDUuNTcwMzEgMy4yNDAyMyA1LjY2Nzk3IDMuNDE2MDIgNS43NjE3MkMzLjU5MTggNS44NTE1NiAzLjgxMDU1IDUuOTQzMzYgNC4wNzIyNyA2LjAzNzExQzQuNDY2OCA2LjE4NTU1IDQuODI0MjIgNi4zMzk4NCA1LjE0NDUzIDYuNUM1LjQ2NDg0IDYuNjU2MjUgNS43MzgyOCA2LjgzOTg0IDUuOTY0ODQgNy4wNTA3OEM2LjE5NTMxIDcuMjU3ODEgNi4zNzEwOSA3LjUgNi40OTIxOSA3Ljc3NzM0QzYuNjE3MTkgOC4wNTA3OCA2LjY3OTY5IDguMzc1IDYuNjc5NjkgOC43NUM2LjY3OTY5IDkuMDkzNzUgNi42MjMwNSA5LjQwNDMgNi41MDk3NyA5LjY4MTY0QzYuMzk2NDggOS45NTUwOCA2LjIzNDM4IDEwLjE5MTQgNi4wMjM0NCAxMC4zOTA2QzUuODEyNSAxMC41ODk4IDUuNTU4NTkgMTAuNzUgNS4yNjE3MiAxMC44NzExQzQuOTY0ODQgMTAuOTg4MyA0LjYzMjgxIDExLjA2NDUgNC4yNjU2MiAxMS4wOTk2VjEyLjI0OEgzLjMzMzk4VjExLjA5OTZDMy4wMDE5NSAxMS4wNjg0IDIuNjc5NjkgMTAuOTk2MSAyLjM2NzE5IDEwLjg4MjhDMi4wNTQ2OSAxMC43NjU2IDEuNzc3MzQgMTAuNTk3NyAxLjUzNTE2IDEwLjM3ODlDMS4yOTY4OCAxMC4xNjAyIDEuMTA1NDcgOS44ODQ3NyAwLjk2MDkzOCA5LjU1MjczQzAuODE2NDA2IDkuMjE2OCAwLjc0NDE0MSA4LjgxNDQ1IDAuNzQ0MTQxIDguMzQ1N0gyLjM3ODkxQzIuMzc4OTEgOC42MjY5NSAyLjQxOTkyIDguODYzMjggMi41MDE5NSA5LjA1NDY5QzIuNTgzOTggOS4yNDIxOSAyLjY4OTQ1IDkuMzkyNTggMi44MTgzNiA5LjUwNTg2QzIuOTUxMTcgOS42MTUyMyAzLjEwMTU2IDkuNjkzMzYgMy4yNjk1MyA5Ljc0MDIzQzMuNDM3NSA5Ljc4NzExIDMuNjA5MzggOS44MTA1NSAzLjc4NTE2IDkuODEwNTVDNC4yMDMxMiA5LjgxMDU1IDQuNTE5NTMgOS43MTI4OSA0LjczNDM4IDkuNTE3NThDNC45NDkyMiA5LjMyMjI3IDUuMDU2NjQgOS4wNzAzMSA1LjA1NjY0IDguNzYxNzJaTTEzLjQxOCAxMi4yNzE1SDguMDc0MjJWMTFIMTMuNDE4VjEyLjI3MTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjk1MjY0IDYpIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
+ --jp-icon-text-editor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIiBkPSJNMTUgMTVIM3YyaDEydi0yem0wLThIM3YyaDEyVjd6TTMgMTNoMTh2LTJIM3Yyem0wIDhoMTh2LTJIM3Yyek0zIDN2MmgxOFYzSDN6Ii8+Cjwvc3ZnPgo=);
+ --jp-icon-trusted: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI1Ij4KICAgIDxwYXRoIGNsYXNzPSJqcC1pY29uMiIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgMykiIGQ9Ik0xLjg2MDk0IDExLjQ0MDlDMC44MjY0NDggOC43NzAyNyAwLjg2Mzc3OSA2LjA1NzY0IDEuMjQ5MDcgNC4xOTkzMkMyLjQ4MjA2IDMuOTMzNDcgNC4wODA2OCAzLjQwMzQ3IDUuNjAxMDIgMi44NDQ5QzcuMjM1NDkgMi4yNDQ0IDguODU2NjYgMS41ODE1IDkuOTg3NiAxLjA5NTM5QzExLjA1OTcgMS41ODM0MSAxMi42MDk0IDIuMjQ0NCAxNC4yMTggMi44NDMzOUMxNS43NTAzIDMuNDEzOTQgMTcuMzk5NSAzLjk1MjU4IDE4Ljc1MzkgNC4yMTM4NUMxOS4xMzY0IDYuMDcxNzcgMTkuMTcwOSA4Ljc3NzIyIDE4LjEzOSAxMS40NDA5QzE3LjAzMDMgMTQuMzAzMiAxNC42NjY4IDE3LjE4NDQgOS45OTk5OSAxOC45MzU0QzUuMzMzMiAxNy4xODQ0IDIuOTY5NjggMTQuMzAzMiAxLjg2MDk0IDExLjQ0MDlaIi8+CiAgICA8cGF0aCBjbGFzcz0ianAtaWNvbjIiIGZpbGw9IiMzMzMzMzMiIHN0cm9rZT0iIzMzMzMzMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCA5Ljg2NzE5KSIgZD0iTTIuODYwMTUgNC44NjUzNUwwLjcyNjU0OSAyLjk5OTU5TDAgMy42MzA0NUwyLjg2MDE1IDYuMTMxNTdMOCAwLjYzMDg3Mkw3LjI3ODU3IDBMMi44NjAxNSA0Ljg2NTM1WiIvPgo8L3N2Zz4K);
+ --jp-icon-undo: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTEyLjUgOGMtMi42NSAwLTUuMDUuOTktNi45IDIuNkwyIDd2OWg5bC0zLjYyLTMuNjJjMS4zOS0xLjE2IDMuMTYtMS44OCA1LjEyLTEuODggMy41NCAwIDYuNTUgMi4zMSA3LjYgNS41bDIuMzctLjc4QzIxLjA4IDExLjAzIDE3LjE1IDggMTIuNSA4eiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-vega: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8ZyBjbGFzcz0ianAtaWNvbjEganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjMjEyMTIxIj4KICAgIDxwYXRoIGQ9Ik0xMC42IDUuNGwyLjItMy4ySDIuMnY3LjNsNC02LjZ6Ii8+CiAgICA8cGF0aCBkPSJNMTUuOCAyLjJsLTQuNCA2LjZMNyA2LjNsLTQuOCA4djUuNWgxNy42VjIuMmgtNHptLTcgMTUuNEg1LjV2LTQuNGgzLjN2NC40em00LjQgMEg5LjhWOS44aDMuNHY3Ljh6bTQuNCAwaC0zLjRWNi41aDMuNHYxMS4xeiIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --jp-icon-yaml: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8ZyBjbGFzcz0ianAtaWNvbi1jb250cmFzdDIganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjRDgxQjYwIj4KICAgIDxwYXRoIGQ9Ik03LjIgMTguNnYtNS40TDMgNS42aDMuM2wxLjQgMy4xYy4zLjkuNiAxLjYgMSAyLjUuMy0uOC42LTEuNiAxLTIuNWwxLjQtMy4xaDMuNGwtNC40IDcuNnY1LjVsLTIuOS0uMXoiLz4KICAgIDxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjE3LjYiIGN5PSIxNi41IiByPSIyLjEiLz4KICAgIDxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjE3LjYiIGN5PSIxMSIgcj0iMi4xIi8+CiAgPC9nPgo8L3N2Zz4K);
+}
+
+/* Icon CSS class declarations */
+
+.jp-AddIcon {
+ background-image: var(--jp-icon-add);
+}
+.jp-BugIcon {
+ background-image: var(--jp-icon-bug);
+}
+.jp-BuildIcon {
+ background-image: var(--jp-icon-build);
+}
+.jp-CaretDownEmptyIcon {
+ background-image: var(--jp-icon-caret-down-empty);
+}
+.jp-CaretDownEmptyThinIcon {
+ background-image: var(--jp-icon-caret-down-empty-thin);
+}
+.jp-CaretDownIcon {
+ background-image: var(--jp-icon-caret-down);
+}
+.jp-CaretLeftIcon {
+ background-image: var(--jp-icon-caret-left);
+}
+.jp-CaretRightIcon {
+ background-image: var(--jp-icon-caret-right);
+}
+.jp-CaretUpEmptyThinIcon {
+ background-image: var(--jp-icon-caret-up-empty-thin);
+}
+.jp-CaretUpIcon {
+ background-image: var(--jp-icon-caret-up);
+}
+.jp-CaseSensitiveIcon {
+ background-image: var(--jp-icon-case-sensitive);
+}
+.jp-CheckIcon {
+ background-image: var(--jp-icon-check);
+}
+.jp-CircleEmptyIcon {
+ background-image: var(--jp-icon-circle-empty);
+}
+.jp-CircleIcon {
+ background-image: var(--jp-icon-circle);
+}
+.jp-ClearIcon {
+ background-image: var(--jp-icon-clear);
+}
+.jp-CloseIcon {
+ background-image: var(--jp-icon-close);
+}
+.jp-ConsoleIcon {
+ background-image: var(--jp-icon-console);
+}
+.jp-CopyIcon {
+ background-image: var(--jp-icon-copy);
+}
+.jp-CutIcon {
+ background-image: var(--jp-icon-cut);
+}
+.jp-DownloadIcon {
+ background-image: var(--jp-icon-download);
+}
+.jp-EditIcon {
+ background-image: var(--jp-icon-edit);
+}
+.jp-EllipsesIcon {
+ background-image: var(--jp-icon-ellipses);
+}
+.jp-ExtensionIcon {
+ background-image: var(--jp-icon-extension);
+}
+.jp-FastForwardIcon {
+ background-image: var(--jp-icon-fast-forward);
+}
+.jp-FileIcon {
+ background-image: var(--jp-icon-file);
+}
+.jp-FileUploadIcon {
+ background-image: var(--jp-icon-file-upload);
+}
+.jp-FilterListIcon {
+ background-image: var(--jp-icon-filter-list);
+}
+.jp-FolderIcon {
+ background-image: var(--jp-icon-folder);
+}
+.jp-Html5Icon {
+ background-image: var(--jp-icon-html5);
+}
+.jp-ImageIcon {
+ background-image: var(--jp-icon-image);
+}
+.jp-InspectorIcon {
+ background-image: var(--jp-icon-inspector);
+}
+.jp-JsonIcon {
+ background-image: var(--jp-icon-json);
+}
+.jp-JupyterFaviconIcon {
+ background-image: var(--jp-icon-jupyter-favicon);
+}
+.jp-JupyterIcon {
+ background-image: var(--jp-icon-jupyter);
+}
+.jp-JupyterlabWordmarkIcon {
+ background-image: var(--jp-icon-jupyterlab-wordmark);
+}
+.jp-KernelIcon {
+ background-image: var(--jp-icon-kernel);
+}
+.jp-KeyboardIcon {
+ background-image: var(--jp-icon-keyboard);
+}
+.jp-LauncherIcon {
+ background-image: var(--jp-icon-launcher);
+}
+.jp-LineFormIcon {
+ background-image: var(--jp-icon-line-form);
+}
+.jp-LinkIcon {
+ background-image: var(--jp-icon-link);
+}
+.jp-ListIcon {
+ background-image: var(--jp-icon-list);
+}
+.jp-ListingsInfoIcon {
+ background-image: var(--jp-icon-listings-info);
+}
+.jp-MarkdownIcon {
+ background-image: var(--jp-icon-markdown);
+}
+.jp-NewFolderIcon {
+ background-image: var(--jp-icon-new-folder);
+}
+.jp-NotTrustedIcon {
+ background-image: var(--jp-icon-not-trusted);
+}
+.jp-NotebookIcon {
+ background-image: var(--jp-icon-notebook);
+}
+.jp-PaletteIcon {
+ background-image: var(--jp-icon-palette);
+}
+.jp-PasteIcon {
+ background-image: var(--jp-icon-paste);
+}
+.jp-PythonIcon {
+ background-image: var(--jp-icon-python);
+}
+.jp-RKernelIcon {
+ background-image: var(--jp-icon-r-kernel);
+}
+.jp-ReactIcon {
+ background-image: var(--jp-icon-react);
+}
+.jp-RefreshIcon {
+ background-image: var(--jp-icon-refresh);
+}
+.jp-RegexIcon {
+ background-image: var(--jp-icon-regex);
+}
+.jp-RunIcon {
+ background-image: var(--jp-icon-run);
+}
+.jp-RunningIcon {
+ background-image: var(--jp-icon-running);
+}
+.jp-SaveIcon {
+ background-image: var(--jp-icon-save);
+}
+.jp-SearchIcon {
+ background-image: var(--jp-icon-search);
+}
+.jp-SettingsIcon {
+ background-image: var(--jp-icon-settings);
+}
+.jp-SpreadsheetIcon {
+ background-image: var(--jp-icon-spreadsheet);
+}
+.jp-StopIcon {
+ background-image: var(--jp-icon-stop);
+}
+.jp-TabIcon {
+ background-image: var(--jp-icon-tab);
+}
+.jp-TerminalIcon {
+ background-image: var(--jp-icon-terminal);
+}
+.jp-TextEditorIcon {
+ background-image: var(--jp-icon-text-editor);
+}
+.jp-TrustedIcon {
+ background-image: var(--jp-icon-trusted);
+}
+.jp-UndoIcon {
+ background-image: var(--jp-icon-undo);
+}
+.jp-VegaIcon {
+ background-image: var(--jp-icon-vega);
+}
+.jp-YamlIcon {
+ background-image: var(--jp-icon-yaml);
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/**
+ * (DEPRECATED) Support for consuming icons as CSS background images
+ */
+
+:root {
+ --jp-icon-search-white: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTEyLjEsMTAuOWgtMC43bC0wLjItMC4yYzAuOC0wLjksMS4zLTIuMiwxLjMtMy41YzAtMy0yLjQtNS40LTUuNC01LjRTMS44LDQuMiwxLjgsNy4xczIuNCw1LjQsNS40LDUuNCBjMS4zLDAsMi41LTAuNSwzLjUtMS4zbDAuMiwwLjJ2MC43bDQuMSw0LjFsMS4yLTEuMkwxMi4xLDEwLjl6IE03LjEsMTAuOWMtMi4xLDAtMy43LTEuNy0zLjctMy43czEuNy0zLjcsMy43LTMuN3MzLjcsMS43LDMuNywzLjcgUzkuMiwxMC45LDcuMSwxMC45eiIvPgogIDwvZz4KPC9zdmc+Cg==);
+}
+
+.jp-Icon,
+.jp-MaterialIcon {
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 16px;
+ min-width: 16px;
+ min-height: 16px;
+}
+
+.jp-Icon-cover {
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
+/**
+ * (DEPRECATED) Support for specific CSS icon sizes
+ */
+
+.jp-Icon-16 {
+ background-size: 16px;
+ min-width: 16px;
+ min-height: 16px;
+}
+
+.jp-Icon-18 {
+ background-size: 18px;
+ min-width: 18px;
+ min-height: 18px;
+}
+
+.jp-Icon-20 {
+ background-size: 20px;
+ min-width: 20px;
+ min-height: 20px;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/**
+ * Support for icons as inline SVG HTMLElements
+ */
+
+/* recolor the primary elements of an icon */
+.jp-icon0[fill] {
+ fill: var(--jp-inverse-layout-color0);
+}
+.jp-icon1[fill] {
+ fill: var(--jp-inverse-layout-color1);
+}
+.jp-icon2[fill] {
+ fill: var(--jp-inverse-layout-color2);
+}
+.jp-icon3[fill] {
+ fill: var(--jp-inverse-layout-color3);
+}
+.jp-icon4[fill] {
+ fill: var(--jp-inverse-layout-color4);
+}
+
+.jp-icon0[stroke] {
+ stroke: var(--jp-inverse-layout-color0);
+}
+.jp-icon1[stroke] {
+ stroke: var(--jp-inverse-layout-color1);
+}
+.jp-icon2[stroke] {
+ stroke: var(--jp-inverse-layout-color2);
+}
+.jp-icon3[stroke] {
+ stroke: var(--jp-inverse-layout-color3);
+}
+.jp-icon4[stroke] {
+ stroke: var(--jp-inverse-layout-color4);
+}
+/* recolor the accent elements of an icon */
+.jp-icon-accent0[fill] {
+ fill: var(--jp-layout-color0);
+}
+.jp-icon-accent1[fill] {
+ fill: var(--jp-layout-color1);
+}
+.jp-icon-accent2[fill] {
+ fill: var(--jp-layout-color2);
+}
+.jp-icon-accent3[fill] {
+ fill: var(--jp-layout-color3);
+}
+.jp-icon-accent4[fill] {
+ fill: var(--jp-layout-color4);
+}
+
+.jp-icon-accent0[stroke] {
+ stroke: var(--jp-layout-color0);
+}
+.jp-icon-accent1[stroke] {
+ stroke: var(--jp-layout-color1);
+}
+.jp-icon-accent2[stroke] {
+ stroke: var(--jp-layout-color2);
+}
+.jp-icon-accent3[stroke] {
+ stroke: var(--jp-layout-color3);
+}
+.jp-icon-accent4[stroke] {
+ stroke: var(--jp-layout-color4);
+}
+/* set the color of an icon to transparent */
+.jp-icon-none[fill] {
+ fill: none;
+}
+
+.jp-icon-none[stroke] {
+ stroke: none;
+}
+/* brand icon colors. Same for light and dark */
+.jp-icon-brand0[fill] {
+ fill: var(--jp-brand-color0);
+}
+.jp-icon-brand1[fill] {
+ fill: var(--jp-brand-color1);
+}
+.jp-icon-brand2[fill] {
+ fill: var(--jp-brand-color2);
+}
+.jp-icon-brand3[fill] {
+ fill: var(--jp-brand-color3);
+}
+.jp-icon-brand4[fill] {
+ fill: var(--jp-brand-color4);
+}
+
+.jp-icon-brand0[stroke] {
+ stroke: var(--jp-brand-color0);
+}
+.jp-icon-brand1[stroke] {
+ stroke: var(--jp-brand-color1);
+}
+.jp-icon-brand2[stroke] {
+ stroke: var(--jp-brand-color2);
+}
+.jp-icon-brand3[stroke] {
+ stroke: var(--jp-brand-color3);
+}
+.jp-icon-brand4[stroke] {
+ stroke: var(--jp-brand-color4);
+}
+/* warn icon colors. Same for light and dark */
+.jp-icon-warn0[fill] {
+ fill: var(--jp-warn-color0);
+}
+.jp-icon-warn1[fill] {
+ fill: var(--jp-warn-color1);
+}
+.jp-icon-warn2[fill] {
+ fill: var(--jp-warn-color2);
+}
+.jp-icon-warn3[fill] {
+ fill: var(--jp-warn-color3);
+}
+
+.jp-icon-warn0[stroke] {
+ stroke: var(--jp-warn-color0);
+}
+.jp-icon-warn1[stroke] {
+ stroke: var(--jp-warn-color1);
+}
+.jp-icon-warn2[stroke] {
+ stroke: var(--jp-warn-color2);
+}
+.jp-icon-warn3[stroke] {
+ stroke: var(--jp-warn-color3);
+}
+/* icon colors that contrast well with each other and most backgrounds */
+.jp-icon-contrast0[fill] {
+ fill: var(--jp-icon-contrast-color0);
+}
+.jp-icon-contrast1[fill] {
+ fill: var(--jp-icon-contrast-color1);
+}
+.jp-icon-contrast2[fill] {
+ fill: var(--jp-icon-contrast-color2);
+}
+.jp-icon-contrast3[fill] {
+ fill: var(--jp-icon-contrast-color3);
+}
+
+.jp-icon-contrast0[stroke] {
+ stroke: var(--jp-icon-contrast-color0);
+}
+.jp-icon-contrast1[stroke] {
+ stroke: var(--jp-icon-contrast-color1);
+}
+.jp-icon-contrast2[stroke] {
+ stroke: var(--jp-icon-contrast-color2);
+}
+.jp-icon-contrast3[stroke] {
+ stroke: var(--jp-icon-contrast-color3);
+}
+
+/* CSS for icons in selected items in the settings editor */
+#setting-editor .jp-PluginList .jp-mod-selected .jp-icon-selectable[fill] {
+ fill: #fff;
+}
+#setting-editor
+ .jp-PluginList
+ .jp-mod-selected
+ .jp-icon-selectable-inverse[fill] {
+ fill: var(--jp-brand-color1);
+}
+
+/* CSS for icons in selected filebrowser listing items */
+.jp-DirListing-item.jp-mod-selected .jp-icon-selectable[fill] {
+ fill: #fff;
+}
+.jp-DirListing-item.jp-mod-selected .jp-icon-selectable-inverse[fill] {
+ fill: var(--jp-brand-color1);
+}
+
+/* CSS for icons in selected tabs in the sidebar tab manager */
+#tab-manager .lm-TabBar-tab.jp-mod-active .jp-icon-selectable[fill] {
+ fill: #fff;
+}
+
+#tab-manager .lm-TabBar-tab.jp-mod-active .jp-icon-selectable-inverse[fill] {
+ fill: var(--jp-brand-color1);
+}
+#tab-manager
+ .lm-TabBar-tab.jp-mod-active
+ .jp-icon-hover
+ :hover
+ .jp-icon-selectable[fill] {
+ fill: var(--jp-brand-color1);
+}
+
+#tab-manager
+ .lm-TabBar-tab.jp-mod-active
+ .jp-icon-hover
+ :hover
+ .jp-icon-selectable-inverse[fill] {
+ fill: #fff;
+}
+
+/**
+ * TODO: come up with non css-hack solution for showing the busy icon on top
+ * of the close icon
+ * CSS for complex behavior of close icon of tabs in the sidebar tab manager
+ */
+#tab-manager
+ .lm-TabBar-tab.jp-mod-dirty
+ > .lm-TabBar-tabCloseIcon
+ > :not(:hover)
+ > .jp-icon3[fill] {
+ fill: none;
+}
+#tab-manager
+ .lm-TabBar-tab.jp-mod-dirty
+ > .lm-TabBar-tabCloseIcon
+ > :not(:hover)
+ > .jp-icon-busy[fill] {
+ fill: var(--jp-inverse-layout-color3);
+}
+
+#tab-manager
+ .lm-TabBar-tab.jp-mod-dirty.jp-mod-active
+ > .lm-TabBar-tabCloseIcon
+ > :not(:hover)
+ > .jp-icon-busy[fill] {
+ fill: #fff;
+}
+
+/**
+* TODO: come up with non css-hack solution for showing the busy icon on top
+* of the close icon
+* CSS for complex behavior of close icon of tabs in the main area tabbar
+*/
+.lm-DockPanel-tabBar
+ .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
+ > .lm-TabBar-tabCloseIcon
+ > :not(:hover)
+ > .jp-icon3[fill] {
+ fill: none;
+}
+.lm-DockPanel-tabBar
+ .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
+ > .lm-TabBar-tabCloseIcon
+ > :not(:hover)
+ > .jp-icon-busy[fill] {
+ fill: var(--jp-inverse-layout-color3);
+}
+
+/* CSS for icons in status bar */
+#jp-main-statusbar .jp-mod-selected .jp-icon-selectable[fill] {
+ fill: #fff;
+}
+
+#jp-main-statusbar .jp-mod-selected .jp-icon-selectable-inverse[fill] {
+ fill: var(--jp-brand-color1);
+}
+/* special handling for splash icon CSS. While the theme CSS reloads during
+ splash, the splash icon can loose theming. To prevent that, we set a
+ default for its color variable */
+:root {
+ --jp-warn-color0: var(--md-orange-700);
+}
+
+/* not sure what to do with this one, used in filebrowser listing */
+.jp-DragIcon {
+ margin-right: 4px;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/**
+ * Support for alt colors for icons as inline SVG HTMLElements
+ */
+
+/* alt recolor the primary elements of an icon */
+.jp-icon-alt .jp-icon0[fill] {
+ fill: var(--jp-layout-color0);
+}
+.jp-icon-alt .jp-icon1[fill] {
+ fill: var(--jp-layout-color1);
+}
+.jp-icon-alt .jp-icon2[fill] {
+ fill: var(--jp-layout-color2);
+}
+.jp-icon-alt .jp-icon3[fill] {
+ fill: var(--jp-layout-color3);
+}
+.jp-icon-alt .jp-icon4[fill] {
+ fill: var(--jp-layout-color4);
+}
+
+.jp-icon-alt .jp-icon0[stroke] {
+ stroke: var(--jp-layout-color0);
+}
+.jp-icon-alt .jp-icon1[stroke] {
+ stroke: var(--jp-layout-color1);
+}
+.jp-icon-alt .jp-icon2[stroke] {
+ stroke: var(--jp-layout-color2);
+}
+.jp-icon-alt .jp-icon3[stroke] {
+ stroke: var(--jp-layout-color3);
+}
+.jp-icon-alt .jp-icon4[stroke] {
+ stroke: var(--jp-layout-color4);
+}
+
+/* alt recolor the accent elements of an icon */
+.jp-icon-alt .jp-icon-accent0[fill] {
+ fill: var(--jp-inverse-layout-color0);
+}
+.jp-icon-alt .jp-icon-accent1[fill] {
+ fill: var(--jp-inverse-layout-color1);
+}
+.jp-icon-alt .jp-icon-accent2[fill] {
+ fill: var(--jp-inverse-layout-color2);
+}
+.jp-icon-alt .jp-icon-accent3[fill] {
+ fill: var(--jp-inverse-layout-color3);
+}
+.jp-icon-alt .jp-icon-accent4[fill] {
+ fill: var(--jp-inverse-layout-color4);
+}
+
+.jp-icon-alt .jp-icon-accent0[stroke] {
+ stroke: var(--jp-inverse-layout-color0);
+}
+.jp-icon-alt .jp-icon-accent1[stroke] {
+ stroke: var(--jp-inverse-layout-color1);
+}
+.jp-icon-alt .jp-icon-accent2[stroke] {
+ stroke: var(--jp-inverse-layout-color2);
+}
+.jp-icon-alt .jp-icon-accent3[stroke] {
+ stroke: var(--jp-inverse-layout-color3);
+}
+.jp-icon-alt .jp-icon-accent4[stroke] {
+ stroke: var(--jp-inverse-layout-color4);
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-icon-hoverShow:not(:hover) svg {
+ display: none !important;
+}
+
+/**
+ * Support for hover colors for icons as inline SVG HTMLElements
+ */
+
+/**
+ * regular colors
+ */
+
+/* recolor the primary elements of an icon */
+.jp-icon-hover :hover .jp-icon0-hover[fill] {
+ fill: var(--jp-inverse-layout-color0);
+}
+.jp-icon-hover :hover .jp-icon1-hover[fill] {
+ fill: var(--jp-inverse-layout-color1);
+}
+.jp-icon-hover :hover .jp-icon2-hover[fill] {
+ fill: var(--jp-inverse-layout-color2);
+}
+.jp-icon-hover :hover .jp-icon3-hover[fill] {
+ fill: var(--jp-inverse-layout-color3);
+}
+.jp-icon-hover :hover .jp-icon4-hover[fill] {
+ fill: var(--jp-inverse-layout-color4);
+}
+
+.jp-icon-hover :hover .jp-icon0-hover[stroke] {
+ stroke: var(--jp-inverse-layout-color0);
+}
+.jp-icon-hover :hover .jp-icon1-hover[stroke] {
+ stroke: var(--jp-inverse-layout-color1);
+}
+.jp-icon-hover :hover .jp-icon2-hover[stroke] {
+ stroke: var(--jp-inverse-layout-color2);
+}
+.jp-icon-hover :hover .jp-icon3-hover[stroke] {
+ stroke: var(--jp-inverse-layout-color3);
+}
+.jp-icon-hover :hover .jp-icon4-hover[stroke] {
+ stroke: var(--jp-inverse-layout-color4);
+}
+
+/* recolor the accent elements of an icon */
+.jp-icon-hover :hover .jp-icon-accent0-hover[fill] {
+ fill: var(--jp-layout-color0);
+}
+.jp-icon-hover :hover .jp-icon-accent1-hover[fill] {
+ fill: var(--jp-layout-color1);
+}
+.jp-icon-hover :hover .jp-icon-accent2-hover[fill] {
+ fill: var(--jp-layout-color2);
+}
+.jp-icon-hover :hover .jp-icon-accent3-hover[fill] {
+ fill: var(--jp-layout-color3);
+}
+.jp-icon-hover :hover .jp-icon-accent4-hover[fill] {
+ fill: var(--jp-layout-color4);
+}
+
+.jp-icon-hover :hover .jp-icon-accent0-hover[stroke] {
+ stroke: var(--jp-layout-color0);
+}
+.jp-icon-hover :hover .jp-icon-accent1-hover[stroke] {
+ stroke: var(--jp-layout-color1);
+}
+.jp-icon-hover :hover .jp-icon-accent2-hover[stroke] {
+ stroke: var(--jp-layout-color2);
+}
+.jp-icon-hover :hover .jp-icon-accent3-hover[stroke] {
+ stroke: var(--jp-layout-color3);
+}
+.jp-icon-hover :hover .jp-icon-accent4-hover[stroke] {
+ stroke: var(--jp-layout-color4);
+}
+
+/* set the color of an icon to transparent */
+.jp-icon-hover :hover .jp-icon-none-hover[fill] {
+ fill: none;
+}
+
+.jp-icon-hover :hover .jp-icon-none-hover[stroke] {
+ stroke: none;
+}
+
+/**
+ * inverse colors
+ */
+
+/* inverse recolor the primary elements of an icon */
+.jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[fill] {
+ fill: var(--jp-layout-color0);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[fill] {
+ fill: var(--jp-layout-color1);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[fill] {
+ fill: var(--jp-layout-color2);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[fill] {
+ fill: var(--jp-layout-color3);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[fill] {
+ fill: var(--jp-layout-color4);
+}
+
+.jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[stroke] {
+ stroke: var(--jp-layout-color0);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[stroke] {
+ stroke: var(--jp-layout-color1);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[stroke] {
+ stroke: var(--jp-layout-color2);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[stroke] {
+ stroke: var(--jp-layout-color3);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[stroke] {
+ stroke: var(--jp-layout-color4);
+}
+
+/* inverse recolor the accent elements of an icon */
+.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[fill] {
+ fill: var(--jp-inverse-layout-color0);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[fill] {
+ fill: var(--jp-inverse-layout-color1);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[fill] {
+ fill: var(--jp-inverse-layout-color2);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[fill] {
+ fill: var(--jp-inverse-layout-color3);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[fill] {
+ fill: var(--jp-inverse-layout-color4);
+}
+
+.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[stroke] {
+ stroke: var(--jp-inverse-layout-color0);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[stroke] {
+ stroke: var(--jp-inverse-layout-color1);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[stroke] {
+ stroke: var(--jp-inverse-layout-color2);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[stroke] {
+ stroke: var(--jp-inverse-layout-color3);
+}
+.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[stroke] {
+ stroke: var(--jp-inverse-layout-color4);
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* Sibling imports */
+
+/* Override Blueprint's _reset.scss styles */
+html {
+ box-sizing: unset;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: unset;
+}
+
+body {
+ color: unset;
+ font-family: var(--jp-ui-font-family);
+}
+
+p {
+ margin-top: unset;
+ margin-bottom: unset;
+}
+
+small {
+ font-size: unset;
+}
+
+strong {
+ font-weight: unset;
+}
+
+/* Override Blueprint's _typography.scss styles */
+a {
+ text-decoration: unset;
+ color: unset;
+}
+a:hover {
+ text-decoration: unset;
+ color: unset;
+}
+
+/* Override Blueprint's _accessibility.scss styles */
+:focus {
+ outline: unset;
+ outline-offset: unset;
+ -moz-outline-radius: unset;
+}
+
+/* Styles for ui-components */
+.jp-Button {
+ border-radius: var(--jp-border-radius);
+ padding: 0px 12px;
+ font-size: var(--jp-ui-font-size1);
+}
+
+/* Use our own theme for hover styles */
+button.jp-Button.bp3-button.bp3-minimal:hover {
+ background-color: var(--jp-layout-color2);
+}
+.jp-Button.minimal {
+ color: unset !important;
+}
+
+.jp-Button.jp-ToolbarButtonComponent {
+ text-transform: none;
+}
+
+.jp-InputGroup input {
+ box-sizing: border-box;
+ border-radius: 0;
+ background-color: transparent;
+ color: var(--jp-ui-font-color0);
+ box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
+}
+
+.jp-InputGroup input:focus {
+ box-shadow: inset 0 0 0 var(--jp-border-width)
+ var(--jp-input-active-box-shadow-color),
+ inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
+}
+
+.jp-InputGroup input::placeholder,
+input::placeholder {
+ color: var(--jp-ui-font-color3);
+}
+
+.jp-BPIcon {
+ display: inline-block;
+ vertical-align: middle;
+ margin: auto;
+}
+
+/* Stop blueprint futzing with our icon fills */
+.bp3-icon.jp-BPIcon > svg:not([fill]) {
+ fill: var(--jp-inverse-layout-color3);
+}
+
+.jp-InputGroupAction {
+ padding: 6px;
+}
+
+.jp-HTMLSelect.jp-DefaultStyle select {
+ background-color: initial;
+ border: none;
+ border-radius: 0;
+ box-shadow: none;
+ color: var(--jp-ui-font-color0);
+ display: block;
+ font-size: var(--jp-ui-font-size1);
+ height: 24px;
+ line-height: 14px;
+ padding: 0 25px 0 10px;
+ text-align: left;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+}
+
+/* Use our own theme for hover and option styles */
+.jp-HTMLSelect.jp-DefaultStyle select:hover,
+.jp-HTMLSelect.jp-DefaultStyle select > option {
+ background-color: var(--jp-layout-color2);
+ color: var(--jp-ui-font-color0);
+}
+select {
+ box-sizing: border-box;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-Collapse {
+ display: flex;
+ flex-direction: column;
+ align-items: stretch;
+ border-top: 1px solid var(--jp-border-color2);
+ border-bottom: 1px solid var(--jp-border-color2);
+}
+
+.jp-Collapse-header {
+ padding: 1px 12px;
+ color: var(--jp-ui-font-color1);
+ background-color: var(--jp-layout-color1);
+ font-size: var(--jp-ui-font-size2);
+}
+
+.jp-Collapse-header:hover {
+ background-color: var(--jp-layout-color2);
+}
+
+.jp-Collapse-contents {
+ padding: 0px 12px 0px 12px;
+ background-color: var(--jp-layout-color1);
+ color: var(--jp-ui-font-color1);
+ overflow: auto;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Variables
+|----------------------------------------------------------------------------*/
+
+:root {
+ --jp-private-commandpalette-search-height: 28px;
+}
+
+/*-----------------------------------------------------------------------------
+| Overall styles
+|----------------------------------------------------------------------------*/
+
+.lm-CommandPalette {
+ padding-bottom: 0px;
+ color: var(--jp-ui-font-color1);
+ background: var(--jp-layout-color1);
+ /* This is needed so that all font sizing of children done in ems is
+ * relative to this base size */
+ font-size: var(--jp-ui-font-size1);
+}
+
+/*-----------------------------------------------------------------------------
+| Search
+|----------------------------------------------------------------------------*/
+
+.lm-CommandPalette-search {
+ padding: 4px;
+ background-color: var(--jp-layout-color1);
+ z-index: 2;
+}
+
+.lm-CommandPalette-wrapper {
+ overflow: overlay;
+ padding: 0px 9px;
+ background-color: var(--jp-input-active-background);
+ height: 30px;
+ box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
+}
+
+.lm-CommandPalette.lm-mod-focused .lm-CommandPalette-wrapper {
+ box-shadow: inset 0 0 0 1px var(--jp-input-active-box-shadow-color),
+ inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
+}
+
+.lm-CommandPalette-wrapper::after {
+ content: ' ';
+ color: white;
+ background-color: var(--jp-brand-color1);
+ position: absolute;
+ top: 4px;
+ right: 4px;
+ height: 30px;
+ width: 10px;
+ padding: 0px 10px;
+ background-image: var(--jp-icon-search-white);
+ background-size: 20px;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+.lm-CommandPalette-input {
+ background: transparent;
+ width: calc(100% - 18px);
+ float: left;
+ border: none;
+ outline: none;
+ font-size: var(--jp-ui-font-size1);
+ color: var(--jp-ui-font-color0);
+ line-height: var(--jp-private-commandpalette-search-height);
+}
+
+.lm-CommandPalette-input::-webkit-input-placeholder,
+.lm-CommandPalette-input::-moz-placeholder,
+.lm-CommandPalette-input:-ms-input-placeholder {
+ color: var(--jp-ui-font-color3);
+ font-size: var(--jp-ui-font-size1);
+}
+
+/*-----------------------------------------------------------------------------
+| Results
+|----------------------------------------------------------------------------*/
+
+.lm-CommandPalette-header:first-child {
+ margin-top: 0px;
+}
+
+.lm-CommandPalette-header {
+ border-bottom: solid var(--jp-border-width) var(--jp-border-color2);
+ color: var(--jp-ui-font-color1);
+ cursor: pointer;
+ display: flex;
+ font-size: var(--jp-ui-font-size0);
+ font-weight: 600;
+ letter-spacing: 1px;
+ margin-top: 8px;
+ padding: 8px 0 8px 12px;
+ text-transform: uppercase;
+}
+
+.lm-CommandPalette-header.lm-mod-active {
+ background: var(--jp-layout-color2);
+}
+
+.lm-CommandPalette-header > mark {
+ background-color: transparent;
+ font-weight: bold;
+ color: var(--jp-ui-font-color1);
+}
+
+.lm-CommandPalette-item {
+ padding: 4px 12px 4px 4px;
+ color: var(--jp-ui-font-color1);
+ font-size: var(--jp-ui-font-size1);
+ font-weight: 400;
+ display: flex;
+}
+
+.lm-CommandPalette-item.lm-mod-disabled {
+ color: var(--jp-ui-font-color3);
+}
+
+.lm-CommandPalette-item.lm-mod-active {
+ background: var(--jp-layout-color3);
+}
+
+.lm-CommandPalette-item.lm-mod-active:hover:not(.lm-mod-disabled) {
+ background: var(--jp-layout-color4);
+}
+
+.lm-CommandPalette-item:hover:not(.lm-mod-active):not(.lm-mod-disabled) {
+ background: var(--jp-layout-color2);
+}
+
+.lm-CommandPalette-itemContent {
+ overflow: hidden;
+}
+
+.lm-CommandPalette-itemLabel > mark {
+ color: var(--jp-ui-font-color0);
+ background-color: transparent;
+ font-weight: bold;
+}
+
+.lm-CommandPalette-item.lm-mod-disabled mark {
+ color: var(--jp-ui-font-color3);
+}
+
+.lm-CommandPalette-item .lm-CommandPalette-itemIcon {
+ margin: 0 4px 0 0;
+ position: relative;
+ width: 16px;
+ top: 2px;
+ flex: 0 0 auto;
+}
+
+.lm-CommandPalette-item.lm-mod-disabled .lm-CommandPalette-itemIcon {
+ opacity: 0.4;
+}
+
+.lm-CommandPalette-item .lm-CommandPalette-itemShortcut {
+ flex: 0 0 auto;
+}
+
+.lm-CommandPalette-itemCaption {
+ display: none;
+}
+
+.lm-CommandPalette-content {
+ background-color: var(--jp-layout-color1);
+}
+
+.lm-CommandPalette-content:empty:after {
+ content: 'No results';
+ margin: auto;
+ margin-top: 20px;
+ width: 100px;
+ display: block;
+ font-size: var(--jp-ui-font-size2);
+ font-family: var(--jp-ui-font-family);
+ font-weight: lighter;
+}
+
+.lm-CommandPalette-emptyMessage {
+ text-align: center;
+ margin-top: 24px;
+ line-height: 1.32;
+ padding: 0px 8px;
+ color: var(--jp-content-font-color3);
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) 2014-2017, Jupyter Development Team.
+|
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-Dialog {
+ position: absolute;
+ z-index: 10000;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ top: 0px;
+ left: 0px;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ height: 100%;
+ background: var(--jp-dialog-background);
+}
+
+.jp-Dialog-content {
+ display: flex;
+ flex-direction: column;
+ margin-left: auto;
+ margin-right: auto;
+ background: var(--jp-layout-color1);
+ padding: 24px;
+ padding-bottom: 12px;
+ min-width: 300px;
+ min-height: 150px;
+ max-width: 1000px;
+ max-height: 500px;
+ box-sizing: border-box;
+ box-shadow: var(--jp-elevation-z20);
+ word-wrap: break-word;
+ border-radius: var(--jp-border-radius);
+ /* This is needed so that all font sizing of children done in ems is
+ * relative to this base size */
+ font-size: var(--jp-ui-font-size1);
+ color: var(--jp-ui-font-color1);
+}
+
+.jp-Dialog-button {
+ overflow: visible;
+}
+
+button.jp-Dialog-button:focus {
+ outline: 1px solid var(--jp-brand-color1);
+ outline-offset: 4px;
+ -moz-outline-radius: 0px;
+}
+
+button.jp-Dialog-button:focus::-moz-focus-inner {
+ border: 0;
+}
+
+.jp-Dialog-header {
+ flex: 0 0 auto;
+ padding-bottom: 12px;
+ font-size: var(--jp-ui-font-size3);
+ font-weight: 400;
+ color: var(--jp-ui-font-color0);
+}
+
+.jp-Dialog-body {
+ display: flex;
+ flex-direction: column;
+ flex: 1 1 auto;
+ font-size: var(--jp-ui-font-size1);
+ background: var(--jp-layout-color1);
+ overflow: auto;
+}
+
+.jp-Dialog-footer {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ flex: 0 0 auto;
+ margin-left: -12px;
+ margin-right: -12px;
+ padding: 12px;
+}
+
+.jp-Dialog-title {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.jp-Dialog-body > .jp-select-wrapper {
+ width: 100%;
+}
+
+.jp-Dialog-body > button {
+ padding: 0px 16px;
+}
+
+.jp-Dialog-body > label {
+ line-height: 1.4;
+ color: var(--jp-ui-font-color0);
+}
+
+.jp-Dialog-button.jp-mod-styled:not(:last-child) {
+ margin-right: 12px;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) 2014-2016, Jupyter Development Team.
+|
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-HoverBox {
+ position: fixed;
+}
+
+.jp-HoverBox.jp-mod-outofview {
+ display: none;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-IFrame {
+ width: 100%;
+ height: 100%;
+}
+
+.jp-IFrame > iframe {
+ border: none;
+}
+
+/*
+When drag events occur, `p-mod-override-cursor` is added to the body.
+Because iframes steal all cursor events, the following two rules are necessary
+to suppress pointer events while resize drags are occurring. There may be a
+better solution to this problem.
+*/
+body.lm-mod-override-cursor .jp-IFrame {
+ position: relative;
+}
+
+body.lm-mod-override-cursor .jp-IFrame:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: transparent;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) 2014-2016, Jupyter Development Team.
+|
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-MainAreaWidget > :focus {
+ outline: none;
+}
+
+/**
+ * google-material-color v1.2.6
+ * https://github.com/danlevan/google-material-color
+ */
+:root {
+ --md-red-50: #ffebee;
+ --md-red-100: #ffcdd2;
+ --md-red-200: #ef9a9a;
+ --md-red-300: #e57373;
+ --md-red-400: #ef5350;
+ --md-red-500: #f44336;
+ --md-red-600: #e53935;
+ --md-red-700: #d32f2f;
+ --md-red-800: #c62828;
+ --md-red-900: #b71c1c;
+ --md-red-A100: #ff8a80;
+ --md-red-A200: #ff5252;
+ --md-red-A400: #ff1744;
+ --md-red-A700: #d50000;
+
+ --md-pink-50: #fce4ec;
+ --md-pink-100: #f8bbd0;
+ --md-pink-200: #f48fb1;
+ --md-pink-300: #f06292;
+ --md-pink-400: #ec407a;
+ --md-pink-500: #e91e63;
+ --md-pink-600: #d81b60;
+ --md-pink-700: #c2185b;
+ --md-pink-800: #ad1457;
+ --md-pink-900: #880e4f;
+ --md-pink-A100: #ff80ab;
+ --md-pink-A200: #ff4081;
+ --md-pink-A400: #f50057;
+ --md-pink-A700: #c51162;
+
+ --md-purple-50: #f3e5f5;
+ --md-purple-100: #e1bee7;
+ --md-purple-200: #ce93d8;
+ --md-purple-300: #ba68c8;
+ --md-purple-400: #ab47bc;
+ --md-purple-500: #9c27b0;
+ --md-purple-600: #8e24aa;
+ --md-purple-700: #7b1fa2;
+ --md-purple-800: #6a1b9a;
+ --md-purple-900: #4a148c;
+ --md-purple-A100: #ea80fc;
+ --md-purple-A200: #e040fb;
+ --md-purple-A400: #d500f9;
+ --md-purple-A700: #aa00ff;
+
+ --md-deep-purple-50: #ede7f6;
+ --md-deep-purple-100: #d1c4e9;
+ --md-deep-purple-200: #b39ddb;
+ --md-deep-purple-300: #9575cd;
+ --md-deep-purple-400: #7e57c2;
+ --md-deep-purple-500: #673ab7;
+ --md-deep-purple-600: #5e35b1;
+ --md-deep-purple-700: #512da8;
+ --md-deep-purple-800: #4527a0;
+ --md-deep-purple-900: #311b92;
+ --md-deep-purple-A100: #b388ff;
+ --md-deep-purple-A200: #7c4dff;
+ --md-deep-purple-A400: #651fff;
+ --md-deep-purple-A700: #6200ea;
+
+ --md-indigo-50: #e8eaf6;
+ --md-indigo-100: #c5cae9;
+ --md-indigo-200: #9fa8da;
+ --md-indigo-300: #7986cb;
+ --md-indigo-400: #5c6bc0;
+ --md-indigo-500: #3f51b5;
+ --md-indigo-600: #3949ab;
+ --md-indigo-700: #303f9f;
+ --md-indigo-800: #283593;
+ --md-indigo-900: #1a237e;
+ --md-indigo-A100: #8c9eff;
+ --md-indigo-A200: #536dfe;
+ --md-indigo-A400: #3d5afe;
+ --md-indigo-A700: #304ffe;
+
+ --md-blue-50: #e3f2fd;
+ --md-blue-100: #bbdefb;
+ --md-blue-200: #90caf9;
+ --md-blue-300: #64b5f6;
+ --md-blue-400: #42a5f5;
+ --md-blue-500: #2196f3;
+ --md-blue-600: #1e88e5;
+ --md-blue-700: #1976d2;
+ --md-blue-800: #1565c0;
+ --md-blue-900: #0d47a1;
+ --md-blue-A100: #82b1ff;
+ --md-blue-A200: #448aff;
+ --md-blue-A400: #2979ff;
+ --md-blue-A700: #2962ff;
+
+ --md-light-blue-50: #e1f5fe;
+ --md-light-blue-100: #b3e5fc;
+ --md-light-blue-200: #81d4fa;
+ --md-light-blue-300: #4fc3f7;
+ --md-light-blue-400: #29b6f6;
+ --md-light-blue-500: #03a9f4;
+ --md-light-blue-600: #039be5;
+ --md-light-blue-700: #0288d1;
+ --md-light-blue-800: #0277bd;
+ --md-light-blue-900: #01579b;
+ --md-light-blue-A100: #80d8ff;
+ --md-light-blue-A200: #40c4ff;
+ --md-light-blue-A400: #00b0ff;
+ --md-light-blue-A700: #0091ea;
+
+ --md-cyan-50: #e0f7fa;
+ --md-cyan-100: #b2ebf2;
+ --md-cyan-200: #80deea;
+ --md-cyan-300: #4dd0e1;
+ --md-cyan-400: #26c6da;
+ --md-cyan-500: #00bcd4;
+ --md-cyan-600: #00acc1;
+ --md-cyan-700: #0097a7;
+ --md-cyan-800: #00838f;
+ --md-cyan-900: #006064;
+ --md-cyan-A100: #84ffff;
+ --md-cyan-A200: #18ffff;
+ --md-cyan-A400: #00e5ff;
+ --md-cyan-A700: #00b8d4;
+
+ --md-teal-50: #e0f2f1;
+ --md-teal-100: #b2dfdb;
+ --md-teal-200: #80cbc4;
+ --md-teal-300: #4db6ac;
+ --md-teal-400: #26a69a;
+ --md-teal-500: #009688;
+ --md-teal-600: #00897b;
+ --md-teal-700: #00796b;
+ --md-teal-800: #00695c;
+ --md-teal-900: #004d40;
+ --md-teal-A100: #a7ffeb;
+ --md-teal-A200: #64ffda;
+ --md-teal-A400: #1de9b6;
+ --md-teal-A700: #00bfa5;
+
+ --md-green-50: #e8f5e9;
+ --md-green-100: #c8e6c9;
+ --md-green-200: #a5d6a7;
+ --md-green-300: #81c784;
+ --md-green-400: #66bb6a;
+ --md-green-500: #4caf50;
+ --md-green-600: #43a047;
+ --md-green-700: #388e3c;
+ --md-green-800: #2e7d32;
+ --md-green-900: #1b5e20;
+ --md-green-A100: #b9f6ca;
+ --md-green-A200: #69f0ae;
+ --md-green-A400: #00e676;
+ --md-green-A700: #00c853;
+
+ --md-light-green-50: #f1f8e9;
+ --md-light-green-100: #dcedc8;
+ --md-light-green-200: #c5e1a5;
+ --md-light-green-300: #aed581;
+ --md-light-green-400: #9ccc65;
+ --md-light-green-500: #8bc34a;
+ --md-light-green-600: #7cb342;
+ --md-light-green-700: #689f38;
+ --md-light-green-800: #558b2f;
+ --md-light-green-900: #33691e;
+ --md-light-green-A100: #ccff90;
+ --md-light-green-A200: #b2ff59;
+ --md-light-green-A400: #76ff03;
+ --md-light-green-A700: #64dd17;
+
+ --md-lime-50: #f9fbe7;
+ --md-lime-100: #f0f4c3;
+ --md-lime-200: #e6ee9c;
+ --md-lime-300: #dce775;
+ --md-lime-400: #d4e157;
+ --md-lime-500: #cddc39;
+ --md-lime-600: #c0ca33;
+ --md-lime-700: #afb42b;
+ --md-lime-800: #9e9d24;
+ --md-lime-900: #827717;
+ --md-lime-A100: #f4ff81;
+ --md-lime-A200: #eeff41;
+ --md-lime-A400: #c6ff00;
+ --md-lime-A700: #aeea00;
+
+ --md-yellow-50: #fffde7;
+ --md-yellow-100: #fff9c4;
+ --md-yellow-200: #fff59d;
+ --md-yellow-300: #fff176;
+ --md-yellow-400: #ffee58;
+ --md-yellow-500: #ffeb3b;
+ --md-yellow-600: #fdd835;
+ --md-yellow-700: #fbc02d;
+ --md-yellow-800: #f9a825;
+ --md-yellow-900: #f57f17;
+ --md-yellow-A100: #ffff8d;
+ --md-yellow-A200: #ffff00;
+ --md-yellow-A400: #ffea00;
+ --md-yellow-A700: #ffd600;
+
+ --md-amber-50: #fff8e1;
+ --md-amber-100: #ffecb3;
+ --md-amber-200: #ffe082;
+ --md-amber-300: #ffd54f;
+ --md-amber-400: #ffca28;
+ --md-amber-500: #ffc107;
+ --md-amber-600: #ffb300;
+ --md-amber-700: #ffa000;
+ --md-amber-800: #ff8f00;
+ --md-amber-900: #ff6f00;
+ --md-amber-A100: #ffe57f;
+ --md-amber-A200: #ffd740;
+ --md-amber-A400: #ffc400;
+ --md-amber-A700: #ffab00;
+
+ --md-orange-50: #fff3e0;
+ --md-orange-100: #ffe0b2;
+ --md-orange-200: #ffcc80;
+ --md-orange-300: #ffb74d;
+ --md-orange-400: #ffa726;
+ --md-orange-500: #ff9800;
+ --md-orange-600: #fb8c00;
+ --md-orange-700: #f57c00;
+ --md-orange-800: #ef6c00;
+ --md-orange-900: #e65100;
+ --md-orange-A100: #ffd180;
+ --md-orange-A200: #ffab40;
+ --md-orange-A400: #ff9100;
+ --md-orange-A700: #ff6d00;
+
+ --md-deep-orange-50: #fbe9e7;
+ --md-deep-orange-100: #ffccbc;
+ --md-deep-orange-200: #ffab91;
+ --md-deep-orange-300: #ff8a65;
+ --md-deep-orange-400: #ff7043;
+ --md-deep-orange-500: #ff5722;
+ --md-deep-orange-600: #f4511e;
+ --md-deep-orange-700: #e64a19;
+ --md-deep-orange-800: #d84315;
+ --md-deep-orange-900: #bf360c;
+ --md-deep-orange-A100: #ff9e80;
+ --md-deep-orange-A200: #ff6e40;
+ --md-deep-orange-A400: #ff3d00;
+ --md-deep-orange-A700: #dd2c00;
+
+ --md-brown-50: #efebe9;
+ --md-brown-100: #d7ccc8;
+ --md-brown-200: #bcaaa4;
+ --md-brown-300: #a1887f;
+ --md-brown-400: #8d6e63;
+ --md-brown-500: #795548;
+ --md-brown-600: #6d4c41;
+ --md-brown-700: #5d4037;
+ --md-brown-800: #4e342e;
+ --md-brown-900: #3e2723;
+
+ --md-grey-50: #fafafa;
+ --md-grey-100: #f5f5f5;
+ --md-grey-200: #eeeeee;
+ --md-grey-300: #e0e0e0;
+ --md-grey-400: #bdbdbd;
+ --md-grey-500: #9e9e9e;
+ --md-grey-600: #757575;
+ --md-grey-700: #616161;
+ --md-grey-800: #424242;
+ --md-grey-900: #212121;
+
+ --md-blue-grey-50: #eceff1;
+ --md-blue-grey-100: #cfd8dc;
+ --md-blue-grey-200: #b0bec5;
+ --md-blue-grey-300: #90a4ae;
+ --md-blue-grey-400: #78909c;
+ --md-blue-grey-500: #607d8b;
+ --md-blue-grey-600: #546e7a;
+ --md-blue-grey-700: #455a64;
+ --md-blue-grey-800: #37474f;
+ --md-blue-grey-900: #263238;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) 2017, Jupyter Development Team.
+|
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-Spinner {
+ position: absolute;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 10;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: var(--jp-layout-color0);
+ outline: none;
+}
+
+.jp-SpinnerContent {
+ font-size: 10px;
+ margin: 50px auto;
+ text-indent: -9999em;
+ width: 3em;
+ height: 3em;
+ border-radius: 50%;
+ background: var(--jp-brand-color3);
+ background: linear-gradient(
+ to right,
+ #f37626 10%,
+ rgba(255, 255, 255, 0) 42%
+ );
+ position: relative;
+ animation: load3 1s infinite linear, fadeIn 1s;
+}
+
+.jp-SpinnerContent:before {
+ width: 50%;
+ height: 50%;
+ background: #f37626;
+ border-radius: 100% 0 0 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ content: '';
+}
+
+.jp-SpinnerContent:after {
+ background: var(--jp-layout-color0);
+ width: 75%;
+ height: 75%;
+ border-radius: 50%;
+ content: '';
+ margin: auto;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+}
+
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes load3 {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) 2014-2017, Jupyter Development Team.
+|
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+button.jp-mod-styled {
+ font-size: var(--jp-ui-font-size1);
+ color: var(--jp-ui-font-color0);
+ border: none;
+ box-sizing: border-box;
+ text-align: center;
+ line-height: 32px;
+ height: 32px;
+ padding: 0px 12px;
+ letter-spacing: 0.8px;
+ outline: none;
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+}
+
+input.jp-mod-styled {
+ background: var(--jp-input-background);
+ height: 28px;
+ box-sizing: border-box;
+ border: var(--jp-border-width) solid var(--jp-border-color1);
+ padding-left: 7px;
+ padding-right: 7px;
+ font-size: var(--jp-ui-font-size2);
+ color: var(--jp-ui-font-color0);
+ outline: none;
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+}
+
+input.jp-mod-styled:focus {
+ border: var(--jp-border-width) solid var(--md-blue-500);
+ box-shadow: inset 0 0 4px var(--md-blue-300);
+}
+
+.jp-select-wrapper {
+ display: flex;
+ position: relative;
+ flex-direction: column;
+ padding: 1px;
+ background-color: var(--jp-layout-color1);
+ height: 28px;
+ box-sizing: border-box;
+ margin-bottom: 12px;
+}
+
+.jp-select-wrapper.jp-mod-focused select.jp-mod-styled {
+ border: var(--jp-border-width) solid var(--jp-input-active-border-color);
+ box-shadow: var(--jp-input-box-shadow);
+ background-color: var(--jp-input-active-background);
+}
+
+select.jp-mod-styled:hover {
+ background-color: var(--jp-layout-color1);
+ cursor: pointer;
+ color: var(--jp-ui-font-color0);
+ background-color: var(--jp-input-hover-background);
+ box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.5);
+}
+
+select.jp-mod-styled {
+ flex: 1 1 auto;
+ height: 32px;
+ width: 100%;
+ font-size: var(--jp-ui-font-size2);
+ background: var(--jp-input-background);
+ color: var(--jp-ui-font-color0);
+ padding: 0 25px 0 8px;
+ border: var(--jp-border-width) solid var(--jp-input-border-color);
+ border-radius: 0px;
+ outline: none;
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) 2014-2016, Jupyter Development Team.
+|
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+:root {
+ --jp-private-toolbar-height: calc(
+ 28px + var(--jp-border-width)
+ ); /* leave 28px for content */
+}
+
+.jp-Toolbar {
+ color: var(--jp-ui-font-color1);
+ flex: 0 0 auto;
+ display: flex;
+ flex-direction: row;
+ border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
+ box-shadow: var(--jp-toolbar-box-shadow);
+ background: var(--jp-toolbar-background);
+ min-height: var(--jp-toolbar-micro-height);
+ padding: 2px;
+ z-index: 1;
+}
+
+/* Toolbar items */
+
+.jp-Toolbar > .jp-Toolbar-item.jp-Toolbar-spacer {
+ flex-grow: 1;
+ flex-shrink: 1;
+}
+
+.jp-Toolbar-item.jp-Toolbar-kernelStatus {
+ display: inline-block;
+ width: 32px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 16px;
+}
+
+.jp-Toolbar > .jp-Toolbar-item {
+ flex: 0 0 auto;
+ display: flex;
+ padding-left: 1px;
+ padding-right: 1px;
+ font-size: var(--jp-ui-font-size1);
+ line-height: var(--jp-private-toolbar-height);
+ height: 100%;
+}
+
+/* Toolbar buttons */
+
+/* This is the div we use to wrap the react component into a Widget */
+div.jp-ToolbarButton {
+ color: transparent;
+ border: none;
+ box-sizing: border-box;
+ outline: none;
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ padding: 0px;
+ margin: 0px;
+}
+
+button.jp-ToolbarButtonComponent {
+ background: var(--jp-layout-color1);
+ border: none;
+ box-sizing: border-box;
+ outline: none;
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ padding: 0px 6px;
+ margin: 0px;
+ height: 24px;
+ border-radius: var(--jp-border-radius);
+ display: flex;
+ align-items: center;
+ text-align: center;
+ font-size: 14px;
+ min-width: unset;
+ min-height: unset;
+}
+
+button.jp-ToolbarButtonComponent:disabled {
+ opacity: 0.4;
+}
+
+button.jp-ToolbarButtonComponent span {
+ padding: 0px;
+ flex: 0 0 auto;
+}
+
+button.jp-ToolbarButtonComponent .jp-ToolbarButtonComponent-label {
+ font-size: var(--jp-ui-font-size1);
+ line-height: 100%;
+ padding-left: 2px;
+ color: var(--jp-ui-font-color1);
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) 2014-2017, Jupyter Development Team.
+|
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Copyright (c) 2014-2017, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|----------------------------------------------------------------------------*/
+
+/* */
+body.p-mod-override-cursor *, /* */
+body.lm-mod-override-cursor * {
+ cursor: inherit !important;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) 2014-2016, Jupyter Development Team.
+|
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-JSONEditor {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+}
+
+.jp-JSONEditor-host {
+ flex: 1 1 auto;
+ border: var(--jp-border-width) solid var(--jp-input-border-color);
+ border-radius: 0px;
+ background: var(--jp-layout-color0);
+ min-height: 50px;
+ padding: 1px;
+}
+
+.jp-JSONEditor.jp-mod-error .jp-JSONEditor-host {
+ border-color: red;
+ outline-color: red;
+}
+
+.jp-JSONEditor-header {
+ display: flex;
+ flex: 1 0 auto;
+ padding: 0 0 0 12px;
+}
+
+.jp-JSONEditor-header label {
+ flex: 0 0 auto;
+}
+
+.jp-JSONEditor-commitButton {
+ height: 16px;
+ width: 16px;
+ background-size: 18px;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+.jp-JSONEditor-host.jp-mod-focused {
+ background-color: var(--jp-input-active-background);
+ border: 1px solid var(--jp-input-active-border-color);
+ box-shadow: var(--jp-input-box-shadow);
+}
+
+.jp-Editor.jp-mod-dropTarget {
+ border: var(--jp-border-width) solid var(--jp-input-active-border-color);
+ box-shadow: var(--jp-input-box-shadow);
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* BASICS */
+
+.CodeMirror {
+ /* Set height, width, borders, and global font properties here */
+ font-family: monospace;
+ height: 300px;
+ color: black;
+ direction: ltr;
+}
+
+/* PADDING */
+
+.CodeMirror-lines {
+ padding: 4px 0; /* Vertical padding around content */
+}
+.CodeMirror pre.CodeMirror-line,
+.CodeMirror pre.CodeMirror-line-like {
+ padding: 0 4px; /* Horizontal padding of content */
+}
+
+.CodeMirror-scrollbar-filler,
+.CodeMirror-gutter-filler {
+ background-color: white; /* The little square between H and V scrollbars */
+}
+
+/* GUTTER */
+
+.CodeMirror-gutters {
+ border-right: 1px solid #ddd;
+ background-color: #f7f7f7;
+ white-space: nowrap;
+}
+.CodeMirror-linenumbers {
+}
+.CodeMirror-linenumber {
+ padding: 0 3px 0 5px;
+ min-width: 20px;
+ text-align: right;
+ color: #999;
+ white-space: nowrap;
+}
+
+.CodeMirror-guttermarker {
+ color: black;
+}
+.CodeMirror-guttermarker-subtle {
+ color: #999;
+}
+
+/* CURSOR */
+
+.CodeMirror-cursor {
+ border-left: 1px solid black;
+ border-right: none;
+ width: 0;
+}
+/* Shown when moving in bi-directional text */
+.CodeMirror div.CodeMirror-secondarycursor {
+ border-left: 1px solid silver;
+}
+.cm-fat-cursor .CodeMirror-cursor {
+ width: auto;
+ border: 0 !important;
+ background: #7e7;
+}
+.cm-fat-cursor div.CodeMirror-cursors {
+ z-index: 1;
+}
+.cm-fat-cursor-mark {
+ background-color: rgba(20, 255, 20, 0.5);
+ -webkit-animation: blink 1.06s steps(1) infinite;
+ -moz-animation: blink 1.06s steps(1) infinite;
+ animation: blink 1.06s steps(1) infinite;
+}
+.cm-animate-fat-cursor {
+ width: auto;
+ border: 0;
+ -webkit-animation: blink 1.06s steps(1) infinite;
+ -moz-animation: blink 1.06s steps(1) infinite;
+ animation: blink 1.06s steps(1) infinite;
+ background-color: #7e7;
+}
+@-moz-keyframes blink {
+ 0% {
+ }
+ 50% {
+ background-color: transparent;
+ }
+ 100% {
+ }
+}
+@-webkit-keyframes blink {
+ 0% {
+ }
+ 50% {
+ background-color: transparent;
+ }
+ 100% {
+ }
+}
+@keyframes blink {
+ 0% {
+ }
+ 50% {
+ background-color: transparent;
+ }
+ 100% {
+ }
+}
+
+/* Can style cursor different in overwrite (non-insert) mode */
+.CodeMirror-overwrite .CodeMirror-cursor {
+}
+
+.cm-tab {
+ display: inline-block;
+ text-decoration: inherit;
+}
+
+.CodeMirror-rulers {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: -50px;
+ bottom: 0;
+ overflow: hidden;
+}
+.CodeMirror-ruler {
+ border-left: 1px solid #ccc;
+ top: 0;
+ bottom: 0;
+ position: absolute;
+}
+
+/* DEFAULT THEME */
+
+.cm-s-default .cm-header {
+ color: blue;
+}
+.cm-s-default .cm-quote {
+ color: #090;
+}
+.cm-negative {
+ color: #d44;
+}
+.cm-positive {
+ color: #292;
+}
+.cm-header,
+.cm-strong {
+ font-weight: bold;
+}
+.cm-em {
+ font-style: italic;
+}
+.cm-link {
+ text-decoration: underline;
+}
+.cm-strikethrough {
+ text-decoration: line-through;
+}
+
+.cm-s-default .cm-keyword {
+ color: #708;
+}
+.cm-s-default .cm-atom {
+ color: #219;
+}
+.cm-s-default .cm-number {
+ color: #164;
+}
+.cm-s-default .cm-def {
+ color: #00f;
+}
+.cm-s-default .cm-variable,
+.cm-s-default .cm-punctuation,
+.cm-s-default .cm-property,
+.cm-s-default .cm-operator {
+}
+.cm-s-default .cm-variable-2 {
+ color: #05a;
+}
+.cm-s-default .cm-variable-3,
+.cm-s-default .cm-type {
+ color: #085;
+}
+.cm-s-default .cm-comment {
+ color: #a50;
+}
+.cm-s-default .cm-string {
+ color: #a11;
+}
+.cm-s-default .cm-string-2 {
+ color: #f50;
+}
+.cm-s-default .cm-meta {
+ color: #555;
+}
+.cm-s-default .cm-qualifier {
+ color: #555;
+}
+.cm-s-default .cm-builtin {
+ color: #30a;
+}
+.cm-s-default .cm-bracket {
+ color: #997;
+}
+.cm-s-default .cm-tag {
+ color: #170;
+}
+.cm-s-default .cm-attribute {
+ color: #00c;
+}
+.cm-s-default .cm-hr {
+ color: #999;
+}
+.cm-s-default .cm-link {
+ color: #00c;
+}
+
+.cm-s-default .cm-error {
+ color: #f00;
+}
+.cm-invalidchar {
+ color: #f00;
+}
+
+.CodeMirror-composing {
+ border-bottom: 2px solid;
+}
+
+/* Default styles for common addons */
+
+div.CodeMirror span.CodeMirror-matchingbracket {
+ color: #0b0;
+}
+div.CodeMirror span.CodeMirror-nonmatchingbracket {
+ color: #a22;
+}
+.CodeMirror-matchingtag {
+ background: rgba(255, 150, 0, 0.3);
+}
+.CodeMirror-activeline-background {
+ background: #e8f2ff;
+}
+
+/* STOP */
+
+/* The rest of this file contains styles related to the mechanics of
+ the editor. You probably shouldn't touch them. */
+
+.CodeMirror {
+ position: relative;
+ overflow: hidden;
+ background: white;
+}
+
+.CodeMirror-scroll {
+ overflow: scroll !important; /* Things will break if this is overridden */
+ /* 30px is the magic margin used to hide the element's real scrollbars */
+ /* See overflow: hidden in .CodeMirror */
+ margin-bottom: -30px;
+ margin-right: -30px;
+ padding-bottom: 30px;
+ height: 100%;
+ outline: none; /* Prevent dragging from highlighting the element */
+ position: relative;
+}
+.CodeMirror-sizer {
+ position: relative;
+ border-right: 30px solid transparent;
+}
+
+/* The fake, visible scrollbars. Used to force redraw during scrolling
+ before actual scrolling happens, thus preventing shaking and
+ flickering artifacts. */
+.CodeMirror-vscrollbar,
+.CodeMirror-hscrollbar,
+.CodeMirror-scrollbar-filler,
+.CodeMirror-gutter-filler {
+ position: absolute;
+ z-index: 6;
+ display: none;
+}
+.CodeMirror-vscrollbar {
+ right: 0;
+ top: 0;
+ overflow-x: hidden;
+ overflow-y: scroll;
+}
+.CodeMirror-hscrollbar {
+ bottom: 0;
+ left: 0;
+ overflow-y: hidden;
+ overflow-x: scroll;
+}
+.CodeMirror-scrollbar-filler {
+ right: 0;
+ bottom: 0;
+}
+.CodeMirror-gutter-filler {
+ left: 0;
+ bottom: 0;
+}
+
+.CodeMirror-gutters {
+ position: absolute;
+ left: 0;
+ top: 0;
+ min-height: 100%;
+ z-index: 3;
+}
+.CodeMirror-gutter {
+ white-space: normal;
+ height: 100%;
+ display: inline-block;
+ vertical-align: top;
+ margin-bottom: -30px;
+}
+.CodeMirror-gutter-wrapper {
+ position: absolute;
+ z-index: 4;
+ background: none !important;
+ border: none !important;
+}
+.CodeMirror-gutter-background {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 4;
+}
+.CodeMirror-gutter-elt {
+ position: absolute;
+ cursor: default;
+ z-index: 4;
+}
+.CodeMirror-gutter-wrapper ::selection {
+ background-color: transparent;
+}
+.CodeMirror-gutter-wrapper ::-moz-selection {
+ background-color: transparent;
+}
+
+.CodeMirror-lines {
+ cursor: text;
+ min-height: 1px; /* prevents collapsing before first draw */
+}
+.CodeMirror pre.CodeMirror-line,
+.CodeMirror pre.CodeMirror-line-like {
+ /* Reset some styles that the rest of the page might have set */
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ border-width: 0;
+ background: transparent;
+ font-family: inherit;
+ font-size: inherit;
+ margin: 0;
+ white-space: pre;
+ word-wrap: normal;
+ line-height: inherit;
+ color: inherit;
+ z-index: 2;
+ position: relative;
+ overflow: visible;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-font-variant-ligatures: contextual;
+ font-variant-ligatures: contextual;
+}
+.CodeMirror-wrap pre.CodeMirror-line,
+.CodeMirror-wrap pre.CodeMirror-line-like {
+ word-wrap: break-word;
+ white-space: pre-wrap;
+ word-break: normal;
+}
+
+.CodeMirror-linebackground {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ z-index: 0;
+}
+
+.CodeMirror-linewidget {
+ position: relative;
+ z-index: 2;
+ padding: 0.1px; /* Force widget margins to stay inside of the container */
+}
+
+.CodeMirror-widget {
+}
+
+.CodeMirror-rtl pre {
+ direction: rtl;
+}
+
+.CodeMirror-code {
+ outline: none;
+}
+
+/* Force content-box sizing for the elements where we expect it */
+.CodeMirror-scroll,
+.CodeMirror-sizer,
+.CodeMirror-gutter,
+.CodeMirror-gutters,
+.CodeMirror-linenumber {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+}
+
+.CodeMirror-measure {
+ position: absolute;
+ width: 100%;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+.CodeMirror-cursor {
+ position: absolute;
+ pointer-events: none;
+}
+.CodeMirror-measure pre {
+ position: static;
+}
+
+div.CodeMirror-cursors {
+ visibility: hidden;
+ position: relative;
+ z-index: 3;
+}
+div.CodeMirror-dragcursors {
+ visibility: visible;
+}
+
+.CodeMirror-focused div.CodeMirror-cursors {
+ visibility: visible;
+}
+
+.CodeMirror-selected {
+ background: #d9d9d9;
+}
+.CodeMirror-focused .CodeMirror-selected {
+ background: #d7d4f0;
+}
+.CodeMirror-crosshair {
+ cursor: crosshair;
+}
+.CodeMirror-line::selection,
+.CodeMirror-line > span::selection,
+.CodeMirror-line > span > span::selection {
+ background: #d7d4f0;
+}
+.CodeMirror-line::-moz-selection,
+.CodeMirror-line > span::-moz-selection,
+.CodeMirror-line > span > span::-moz-selection {
+ background: #d7d4f0;
+}
+
+.cm-searching {
+ background-color: #ffa;
+ background-color: rgba(255, 255, 0, 0.4);
+}
+
+/* Used to force a border model for a node */
+.cm-force-border {
+ padding-right: 0.1px;
+}
+
+@media print {
+ /* Hide the cursor when printing */
+ .CodeMirror div.CodeMirror-cursors {
+ visibility: hidden;
+ }
+}
+
+/* See issue #2901 */
+.cm-tab-wrap-hack:after {
+ content: '';
+}
+
+/* Help users use markselection to safely style text background */
+span.CodeMirror-selectedtext {
+ background: none;
+}
+
+.CodeMirror-dialog {
+ position: absolute;
+ left: 0;
+ right: 0;
+ background: inherit;
+ z-index: 15;
+ padding: 0.1em 0.8em;
+ overflow: hidden;
+ color: inherit;
+}
+
+.CodeMirror-dialog-top {
+ border-bottom: 1px solid #eee;
+ top: 0;
+}
+
+.CodeMirror-dialog-bottom {
+ border-top: 1px solid #eee;
+ bottom: 0;
+}
+
+.CodeMirror-dialog input {
+ border: none;
+ outline: none;
+ background: transparent;
+ width: 20em;
+ color: inherit;
+ font-family: monospace;
+}
+
+.CodeMirror-dialog button {
+ font-size: 70%;
+}
+
+.CodeMirror-foldmarker {
+ color: blue;
+ text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px,
+ #b9f -1px 1px 2px;
+ font-family: arial;
+ line-height: 0.3;
+ cursor: pointer;
+}
+.CodeMirror-foldgutter {
+ width: 0.7em;
+}
+.CodeMirror-foldgutter-open,
+.CodeMirror-foldgutter-folded {
+ cursor: pointer;
+}
+.CodeMirror-foldgutter-open:after {
+ content: '\25BE';
+}
+.CodeMirror-foldgutter-folded:after {
+ content: '\25B8';
+}
+
+/*
+ Name: material
+ Author: Mattia Astorino (http://github.com/equinusocio)
+ Website: https://material-theme.site/
+*/
+
+.cm-s-material.CodeMirror {
+ background-color: #263238;
+ color: #eeffff;
+}
+
+.cm-s-material .CodeMirror-gutters {
+ background: #263238;
+ color: #546e7a;
+ border: none;
+}
+
+.cm-s-material .CodeMirror-guttermarker,
+.cm-s-material .CodeMirror-guttermarker-subtle,
+.cm-s-material .CodeMirror-linenumber {
+ color: #546e7a;
+}
+
+.cm-s-material .CodeMirror-cursor {
+ border-left: 1px solid #ffcc00;
+}
+
+.cm-s-material div.CodeMirror-selected {
+ background: rgba(128, 203, 196, 0.2);
+}
+
+.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
+ background: rgba(128, 203, 196, 0.2);
+}
+
+.cm-s-material .CodeMirror-line::selection,
+.cm-s-material .CodeMirror-line > span::selection,
+.cm-s-material .CodeMirror-line > span > span::selection {
+ background: rgba(128, 203, 196, 0.2);
+}
+
+.cm-s-material .CodeMirror-line::-moz-selection,
+.cm-s-material .CodeMirror-line > span::-moz-selection,
+.cm-s-material .CodeMirror-line > span > span::-moz-selection {
+ background: rgba(128, 203, 196, 0.2);
+}
+
+.cm-s-material .CodeMirror-activeline-background {
+ background: rgba(0, 0, 0, 0.5);
+}
+
+.cm-s-material .cm-keyword {
+ color: #c792ea;
+}
+
+.cm-s-material .cm-operator {
+ color: #89ddff;
+}
+
+.cm-s-material .cm-variable-2 {
+ color: #eeffff;
+}
+
+.cm-s-material .cm-variable-3,
+.cm-s-material .cm-type {
+ color: #f07178;
+}
+
+.cm-s-material .cm-builtin {
+ color: #ffcb6b;
+}
+
+.cm-s-material .cm-atom {
+ color: #f78c6c;
+}
+
+.cm-s-material .cm-number {
+ color: #ff5370;
+}
+
+.cm-s-material .cm-def {
+ color: #82aaff;
+}
+
+.cm-s-material .cm-string {
+ color: #c3e88d;
+}
+
+.cm-s-material .cm-string-2 {
+ color: #f07178;
+}
+
+.cm-s-material .cm-comment {
+ color: #546e7a;
+}
+
+.cm-s-material .cm-variable {
+ color: #f07178;
+}
+
+.cm-s-material .cm-tag {
+ color: #ff5370;
+}
+
+.cm-s-material .cm-meta {
+ color: #ffcb6b;
+}
+
+.cm-s-material .cm-attribute {
+ color: #c792ea;
+}
+
+.cm-s-material .cm-property {
+ color: #c792ea;
+}
+
+.cm-s-material .cm-qualifier {
+ color: #decb6b;
+}
+
+.cm-s-material .cm-variable-3,
+.cm-s-material .cm-type {
+ color: #decb6b;
+}
+
+.cm-s-material .cm-error {
+ color: rgba(255, 255, 255, 1);
+ background-color: #ff5370;
+}
+
+.cm-s-material .CodeMirror-matchingbracket {
+ text-decoration: underline;
+ color: white !important;
+}
+/**
+ * "
+ * Using Zenburn color palette from the Emacs Zenburn Theme
+ * https://github.com/bbatsov/zenburn-emacs/blob/master/zenburn-theme.el
+ *
+ * Also using parts of https://github.com/xavi/coderay-lighttable-theme
+ * "
+ * From: https://github.com/wisenomad/zenburn-lighttable-theme/blob/master/zenburn.css
+ */
+
+.cm-s-zenburn .CodeMirror-gutters {
+ background: #3f3f3f !important;
+}
+.cm-s-zenburn .CodeMirror-foldgutter-open,
+.CodeMirror-foldgutter-folded {
+ color: #999;
+}
+.cm-s-zenburn .CodeMirror-cursor {
+ border-left: 1px solid white;
+}
+.cm-s-zenburn {
+ background-color: #3f3f3f;
+ color: #dcdccc;
+}
+.cm-s-zenburn span.cm-builtin {
+ color: #dcdccc;
+ font-weight: bold;
+}
+.cm-s-zenburn span.cm-comment {
+ color: #7f9f7f;
+}
+.cm-s-zenburn span.cm-keyword {
+ color: #f0dfaf;
+ font-weight: bold;
+}
+.cm-s-zenburn span.cm-atom {
+ color: #bfebbf;
+}
+.cm-s-zenburn span.cm-def {
+ color: #dcdccc;
+}
+.cm-s-zenburn span.cm-variable {
+ color: #dfaf8f;
+}
+.cm-s-zenburn span.cm-variable-2 {
+ color: #dcdccc;
+}
+.cm-s-zenburn span.cm-string {
+ color: #cc9393;
+}
+.cm-s-zenburn span.cm-string-2 {
+ color: #cc9393;
+}
+.cm-s-zenburn span.cm-number {
+ color: #dcdccc;
+}
+.cm-s-zenburn span.cm-tag {
+ color: #93e0e3;
+}
+.cm-s-zenburn span.cm-property {
+ color: #dfaf8f;
+}
+.cm-s-zenburn span.cm-attribute {
+ color: #dfaf8f;
+}
+.cm-s-zenburn span.cm-qualifier {
+ color: #7cb8bb;
+}
+.cm-s-zenburn span.cm-meta {
+ color: #f0dfaf;
+}
+.cm-s-zenburn span.cm-header {
+ color: #f0efd0;
+}
+.cm-s-zenburn span.cm-operator {
+ color: #f0efd0;
+}
+.cm-s-zenburn span.CodeMirror-matchingbracket {
+ box-sizing: border-box;
+ background: transparent;
+ border-bottom: 1px solid;
+}
+.cm-s-zenburn span.CodeMirror-nonmatchingbracket {
+ border-bottom: 1px solid;
+ background: none;
+}
+.cm-s-zenburn .CodeMirror-activeline {
+ background: #000000;
+}
+.cm-s-zenburn .CodeMirror-activeline-background {
+ background: #000000;
+}
+.cm-s-zenburn div.CodeMirror-selected {
+ background: #545454;
+}
+.cm-s-zenburn .CodeMirror-focused div.CodeMirror-selected {
+ background: #4f4f4f;
+}
+
+.cm-s-abcdef.CodeMirror {
+ background: #0f0f0f;
+ color: #defdef;
+}
+.cm-s-abcdef div.CodeMirror-selected {
+ background: #515151;
+}
+.cm-s-abcdef .CodeMirror-line::selection,
+.cm-s-abcdef .CodeMirror-line > span::selection,
+.cm-s-abcdef .CodeMirror-line > span > span::selection {
+ background: rgba(56, 56, 56, 0.99);
+}
+.cm-s-abcdef .CodeMirror-line::-moz-selection,
+.cm-s-abcdef .CodeMirror-line > span::-moz-selection,
+.cm-s-abcdef .CodeMirror-line > span > span::-moz-selection {
+ background: rgba(56, 56, 56, 0.99);
+}
+.cm-s-abcdef .CodeMirror-gutters {
+ background: #555;
+ border-right: 2px solid #314151;
+}
+.cm-s-abcdef .CodeMirror-guttermarker {
+ color: #222;
+}
+.cm-s-abcdef .CodeMirror-guttermarker-subtle {
+ color: azure;
+}
+.cm-s-abcdef .CodeMirror-linenumber {
+ color: #ffffff;
+}
+.cm-s-abcdef .CodeMirror-cursor {
+ border-left: 1px solid #00ff00;
+}
+
+.cm-s-abcdef span.cm-keyword {
+ color: darkgoldenrod;
+ font-weight: bold;
+}
+.cm-s-abcdef span.cm-atom {
+ color: #77f;
+}
+.cm-s-abcdef span.cm-number {
+ color: violet;
+}
+.cm-s-abcdef span.cm-def {
+ color: #fffabc;
+}
+.cm-s-abcdef span.cm-variable {
+ color: #abcdef;
+}
+.cm-s-abcdef span.cm-variable-2 {
+ color: #cacbcc;
+}
+.cm-s-abcdef span.cm-variable-3,
+.cm-s-abcdef span.cm-type {
+ color: #def;
+}
+.cm-s-abcdef span.cm-property {
+ color: #fedcba;
+}
+.cm-s-abcdef span.cm-operator {
+ color: #ff0;
+}
+.cm-s-abcdef span.cm-comment {
+ color: #7a7b7c;
+ font-style: italic;
+}
+.cm-s-abcdef span.cm-string {
+ color: #2b4;
+}
+.cm-s-abcdef span.cm-meta {
+ color: #c9f;
+}
+.cm-s-abcdef span.cm-qualifier {
+ color: #fff700;
+}
+.cm-s-abcdef span.cm-builtin {
+ color: #30aabc;
+}
+.cm-s-abcdef span.cm-bracket {
+ color: #8a8a8a;
+}
+.cm-s-abcdef span.cm-tag {
+ color: #ffdd44;
+}
+.cm-s-abcdef span.cm-attribute {
+ color: #ddff00;
+}
+.cm-s-abcdef span.cm-error {
+ color: #ff0000;
+}
+.cm-s-abcdef span.cm-header {
+ color: aquamarine;
+ font-weight: bold;
+}
+.cm-s-abcdef span.cm-link {
+ color: blueviolet;
+}
+
+.cm-s-abcdef .CodeMirror-activeline-background {
+ background: #314151;
+}
+
+/*
+
+ Name: Base16 Default Light
+ Author: Chris Kempson (http://chriskempson.com)
+
+ CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
+ Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
+
+*/
+
+.cm-s-base16-light.CodeMirror {
+ background: #f5f5f5;
+ color: #202020;
+}
+.cm-s-base16-light div.CodeMirror-selected {
+ background: #e0e0e0;
+}
+.cm-s-base16-light .CodeMirror-line::selection,
+.cm-s-base16-light .CodeMirror-line > span::selection,
+.cm-s-base16-light .CodeMirror-line > span > span::selection {
+ background: #e0e0e0;
+}
+.cm-s-base16-light .CodeMirror-line::-moz-selection,
+.cm-s-base16-light .CodeMirror-line > span::-moz-selection,
+.cm-s-base16-light .CodeMirror-line > span > span::-moz-selection {
+ background: #e0e0e0;
+}
+.cm-s-base16-light .CodeMirror-gutters {
+ background: #f5f5f5;
+ border-right: 0px;
+}
+.cm-s-base16-light .CodeMirror-guttermarker {
+ color: #ac4142;
+}
+.cm-s-base16-light .CodeMirror-guttermarker-subtle {
+ color: #b0b0b0;
+}
+.cm-s-base16-light .CodeMirror-linenumber {
+ color: #b0b0b0;
+}
+.cm-s-base16-light .CodeMirror-cursor {
+ border-left: 1px solid #505050;
+}
+
+.cm-s-base16-light span.cm-comment {
+ color: #8f5536;
+}
+.cm-s-base16-light span.cm-atom {
+ color: #aa759f;
+}
+.cm-s-base16-light span.cm-number {
+ color: #aa759f;
+}
+
+.cm-s-base16-light span.cm-property,
+.cm-s-base16-light span.cm-attribute {
+ color: #90a959;
+}
+.cm-s-base16-light span.cm-keyword {
+ color: #ac4142;
+}
+.cm-s-base16-light span.cm-string {
+ color: #f4bf75;
+}
+
+.cm-s-base16-light span.cm-variable {
+ color: #90a959;
+}
+.cm-s-base16-light span.cm-variable-2 {
+ color: #6a9fb5;
+}
+.cm-s-base16-light span.cm-def {
+ color: #d28445;
+}
+.cm-s-base16-light span.cm-bracket {
+ color: #202020;
+}
+.cm-s-base16-light span.cm-tag {
+ color: #ac4142;
+}
+.cm-s-base16-light span.cm-link {
+ color: #aa759f;
+}
+.cm-s-base16-light span.cm-error {
+ background: #ac4142;
+ color: #505050;
+}
+
+.cm-s-base16-light .CodeMirror-activeline-background {
+ background: #dddcdc;
+}
+.cm-s-base16-light .CodeMirror-matchingbracket {
+ color: #f5f5f5 !important;
+ background-color: #6a9fb5 !important;
+}
+
+/*
+
+ Name: Base16 Default Dark
+ Author: Chris Kempson (http://chriskempson.com)
+
+ CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
+ Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
+
+*/
+
+.cm-s-base16-dark.CodeMirror {
+ background: #151515;
+ color: #e0e0e0;
+}
+.cm-s-base16-dark div.CodeMirror-selected {
+ background: #303030;
+}
+.cm-s-base16-dark .CodeMirror-line::selection,
+.cm-s-base16-dark .CodeMirror-line > span::selection,
+.cm-s-base16-dark .CodeMirror-line > span > span::selection {
+ background: rgba(48, 48, 48, 0.99);
+}
+.cm-s-base16-dark .CodeMirror-line::-moz-selection,
+.cm-s-base16-dark .CodeMirror-line > span::-moz-selection,
+.cm-s-base16-dark .CodeMirror-line > span > span::-moz-selection {
+ background: rgba(48, 48, 48, 0.99);
+}
+.cm-s-base16-dark .CodeMirror-gutters {
+ background: #151515;
+ border-right: 0px;
+}
+.cm-s-base16-dark .CodeMirror-guttermarker {
+ color: #ac4142;
+}
+.cm-s-base16-dark .CodeMirror-guttermarker-subtle {
+ color: #505050;
+}
+.cm-s-base16-dark .CodeMirror-linenumber {
+ color: #505050;
+}
+.cm-s-base16-dark .CodeMirror-cursor {
+ border-left: 1px solid #b0b0b0;
+}
+
+.cm-s-base16-dark span.cm-comment {
+ color: #8f5536;
+}
+.cm-s-base16-dark span.cm-atom {
+ color: #aa759f;
+}
+.cm-s-base16-dark span.cm-number {
+ color: #aa759f;
+}
+
+.cm-s-base16-dark span.cm-property,
+.cm-s-base16-dark span.cm-attribute {
+ color: #90a959;
+}
+.cm-s-base16-dark span.cm-keyword {
+ color: #ac4142;
+}
+.cm-s-base16-dark span.cm-string {
+ color: #f4bf75;
+}
+
+.cm-s-base16-dark span.cm-variable {
+ color: #90a959;
+}
+.cm-s-base16-dark span.cm-variable-2 {
+ color: #6a9fb5;
+}
+.cm-s-base16-dark span.cm-def {
+ color: #d28445;
+}
+.cm-s-base16-dark span.cm-bracket {
+ color: #e0e0e0;
+}
+.cm-s-base16-dark span.cm-tag {
+ color: #ac4142;
+}
+.cm-s-base16-dark span.cm-link {
+ color: #aa759f;
+}
+.cm-s-base16-dark span.cm-error {
+ background: #ac4142;
+ color: #b0b0b0;
+}
+
+.cm-s-base16-dark .CodeMirror-activeline-background {
+ background: #202020;
+}
+.cm-s-base16-dark .CodeMirror-matchingbracket {
+ text-decoration: underline;
+ color: white !important;
+}
+
+/*
+
+ Name: dracula
+ Author: Michael Kaminsky (http://github.com/mkaminsky11)
+
+ Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)
+
+*/
+
+.cm-s-dracula.CodeMirror,
+.cm-s-dracula .CodeMirror-gutters {
+ background-color: #282a36 !important;
+ color: #f8f8f2 !important;
+ border: none;
+}
+.cm-s-dracula .CodeMirror-gutters {
+ color: #282a36;
+}
+.cm-s-dracula .CodeMirror-cursor {
+ border-left: solid thin #f8f8f0;
+}
+.cm-s-dracula .CodeMirror-linenumber {
+ color: #6d8a88;
+}
+.cm-s-dracula .CodeMirror-selected {
+ background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-dracula .CodeMirror-line::selection,
+.cm-s-dracula .CodeMirror-line > span::selection,
+.cm-s-dracula .CodeMirror-line > span > span::selection {
+ background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-dracula .CodeMirror-line::-moz-selection,
+.cm-s-dracula .CodeMirror-line > span::-moz-selection,
+.cm-s-dracula .CodeMirror-line > span > span::-moz-selection {
+ background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-dracula span.cm-comment {
+ color: #6272a4;
+}
+.cm-s-dracula span.cm-string,
+.cm-s-dracula span.cm-string-2 {
+ color: #f1fa8c;
+}
+.cm-s-dracula span.cm-number {
+ color: #bd93f9;
+}
+.cm-s-dracula span.cm-variable {
+ color: #50fa7b;
+}
+.cm-s-dracula span.cm-variable-2 {
+ color: white;
+}
+.cm-s-dracula span.cm-def {
+ color: #50fa7b;
+}
+.cm-s-dracula span.cm-operator {
+ color: #ff79c6;
+}
+.cm-s-dracula span.cm-keyword {
+ color: #ff79c6;
+}
+.cm-s-dracula span.cm-atom {
+ color: #bd93f9;
+}
+.cm-s-dracula span.cm-meta {
+ color: #f8f8f2;
+}
+.cm-s-dracula span.cm-tag {
+ color: #ff79c6;
+}
+.cm-s-dracula span.cm-attribute {
+ color: #50fa7b;
+}
+.cm-s-dracula span.cm-qualifier {
+ color: #50fa7b;
+}
+.cm-s-dracula span.cm-property {
+ color: #66d9ef;
+}
+.cm-s-dracula span.cm-builtin {
+ color: #50fa7b;
+}
+.cm-s-dracula span.cm-variable-3,
+.cm-s-dracula span.cm-type {
+ color: #ffb86c;
+}
+
+.cm-s-dracula .CodeMirror-activeline-background {
+ background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-dracula .CodeMirror-matchingbracket {
+ text-decoration: underline;
+ color: white !important;
+}
+
+/*
+
+ Name: Hopscotch
+ Author: Jan T. Sott
+
+ CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
+ Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
+
+*/
+
+.cm-s-hopscotch.CodeMirror {
+ background: #322931;
+ color: #d5d3d5;
+}
+.cm-s-hopscotch div.CodeMirror-selected {
+ background: #433b42 !important;
+}
+.cm-s-hopscotch .CodeMirror-gutters {
+ background: #322931;
+ border-right: 0px;
+}
+.cm-s-hopscotch .CodeMirror-linenumber {
+ color: #797379;
+}
+.cm-s-hopscotch .CodeMirror-cursor {
+ border-left: 1px solid #989498 !important;
+}
+
+.cm-s-hopscotch span.cm-comment {
+ color: #b33508;
+}
+.cm-s-hopscotch span.cm-atom {
+ color: #c85e7c;
+}
+.cm-s-hopscotch span.cm-number {
+ color: #c85e7c;
+}
+
+.cm-s-hopscotch span.cm-property,
+.cm-s-hopscotch span.cm-attribute {
+ color: #8fc13e;
+}
+.cm-s-hopscotch span.cm-keyword {
+ color: #dd464c;
+}
+.cm-s-hopscotch span.cm-string {
+ color: #fdcc59;
+}
+
+.cm-s-hopscotch span.cm-variable {
+ color: #8fc13e;
+}
+.cm-s-hopscotch span.cm-variable-2 {
+ color: #1290bf;
+}
+.cm-s-hopscotch span.cm-def {
+ color: #fd8b19;
+}
+.cm-s-hopscotch span.cm-error {
+ background: #dd464c;
+ color: #989498;
+}
+.cm-s-hopscotch span.cm-bracket {
+ color: #d5d3d5;
+}
+.cm-s-hopscotch span.cm-tag {
+ color: #dd464c;
+}
+.cm-s-hopscotch span.cm-link {
+ color: #c85e7c;
+}
+
+.cm-s-hopscotch .CodeMirror-matchingbracket {
+ text-decoration: underline;
+ color: white !important;
+}
+.cm-s-hopscotch .CodeMirror-activeline-background {
+ background: #302020;
+}
+
+/****************************************************************/
+/* Based on mbonaci's Brackets mbo theme */
+/* https://github.com/mbonaci/global/blob/master/Mbo.tmTheme */
+/* Create your own: http://tmtheme-editor.herokuapp.com */
+/****************************************************************/
+
+.cm-s-mbo.CodeMirror {
+ background: #2c2c2c;
+ color: #ffffec;
+}
+.cm-s-mbo div.CodeMirror-selected {
+ background: #716c62;
+}
+.cm-s-mbo .CodeMirror-line::selection,
+.cm-s-mbo .CodeMirror-line > span::selection,
+.cm-s-mbo .CodeMirror-line > span > span::selection {
+ background: rgba(113, 108, 98, 0.99);
+}
+.cm-s-mbo .CodeMirror-line::-moz-selection,
+.cm-s-mbo .CodeMirror-line > span::-moz-selection,
+.cm-s-mbo .CodeMirror-line > span > span::-moz-selection {
+ background: rgba(113, 108, 98, 0.99);
+}
+.cm-s-mbo .CodeMirror-gutters {
+ background: #4e4e4e;
+ border-right: 0px;
+}
+.cm-s-mbo .CodeMirror-guttermarker {
+ color: white;
+}
+.cm-s-mbo .CodeMirror-guttermarker-subtle {
+ color: grey;
+}
+.cm-s-mbo .CodeMirror-linenumber {
+ color: #dadada;
+}
+.cm-s-mbo .CodeMirror-cursor {
+ border-left: 1px solid #ffffec;
+}
+
+.cm-s-mbo span.cm-comment {
+ color: #95958a;
+}
+.cm-s-mbo span.cm-atom {
+ color: #00a8c6;
+}
+.cm-s-mbo span.cm-number {
+ color: #00a8c6;
+}
+
+.cm-s-mbo span.cm-property,
+.cm-s-mbo span.cm-attribute {
+ color: #9ddfe9;
+}
+.cm-s-mbo span.cm-keyword {
+ color: #ffb928;
+}
+.cm-s-mbo span.cm-string {
+ color: #ffcf6c;
+}
+.cm-s-mbo span.cm-string.cm-property {
+ color: #ffffec;
+}
+
+.cm-s-mbo span.cm-variable {
+ color: #ffffec;
+}
+.cm-s-mbo span.cm-variable-2 {
+ color: #00a8c6;
+}
+.cm-s-mbo span.cm-def {
+ color: #ffffec;
+}
+.cm-s-mbo span.cm-bracket {
+ color: #fffffc;
+ font-weight: bold;
+}
+.cm-s-mbo span.cm-tag {
+ color: #9ddfe9;
+}
+.cm-s-mbo span.cm-link {
+ color: #f54b07;
+}
+.cm-s-mbo span.cm-error {
+ border-bottom: #636363;
+ color: #ffffec;
+}
+.cm-s-mbo span.cm-qualifier {
+ color: #ffffec;
+}
+
+.cm-s-mbo .CodeMirror-activeline-background {
+ background: #494b41;
+}
+.cm-s-mbo .CodeMirror-matchingbracket {
+ color: #ffb928 !important;
+}
+.cm-s-mbo .CodeMirror-matchingtag {
+ background: rgba(255, 255, 255, 0.37);
+}
+
+/*
+ MDN-LIKE Theme - Mozilla
+ Ported to CodeMirror by Peter Kroon
+ Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues
+ GitHub: @peterkroon
+
+ The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation
+
+*/
+.cm-s-mdn-like.CodeMirror {
+ color: #999;
+ background-color: #fff;
+}
+.cm-s-mdn-like div.CodeMirror-selected {
+ background: #cfc;
+}
+.cm-s-mdn-like .CodeMirror-line::selection,
+.cm-s-mdn-like .CodeMirror-line > span::selection,
+.cm-s-mdn-like .CodeMirror-line > span > span::selection {
+ background: #cfc;
+}
+.cm-s-mdn-like .CodeMirror-line::-moz-selection,
+.cm-s-mdn-like .CodeMirror-line > span::-moz-selection,
+.cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection {
+ background: #cfc;
+}
+
+.cm-s-mdn-like .CodeMirror-gutters {
+ background: #f8f8f8;
+ border-left: 6px solid rgba(0, 83, 159, 0.65);
+ color: #333;
+}
+.cm-s-mdn-like .CodeMirror-linenumber {
+ color: #aaa;
+ padding-left: 8px;
+}
+.cm-s-mdn-like .CodeMirror-cursor {
+ border-left: 2px solid #222;
+}
+
+.cm-s-mdn-like .cm-keyword {
+ color: #6262ff;
+}
+.cm-s-mdn-like .cm-atom {
+ color: #f90;
+}
+.cm-s-mdn-like .cm-number {
+ color: #ca7841;
+}
+.cm-s-mdn-like .cm-def {
+ color: #8da6ce;
+}
+.cm-s-mdn-like span.cm-variable-2,
+.cm-s-mdn-like span.cm-tag {
+ color: #690;
+}
+.cm-s-mdn-like span.cm-variable-3,
+.cm-s-mdn-like span.cm-def,
+.cm-s-mdn-like span.cm-type {
+ color: #07a;
+}
+
+.cm-s-mdn-like .cm-variable {
+ color: #07a;
+}
+.cm-s-mdn-like .cm-property {
+ color: #905;
+}
+.cm-s-mdn-like .cm-qualifier {
+ color: #690;
+}
+
+.cm-s-mdn-like .cm-operator {
+ color: #cda869;
+}
+.cm-s-mdn-like .cm-comment {
+ color: #777;
+ font-weight: normal;
+}
+.cm-s-mdn-like .cm-string {
+ color: #07a;
+ font-style: italic;
+}
+.cm-s-mdn-like .cm-string-2 {
+ color: #bd6b18;
+} /*?*/
+.cm-s-mdn-like .cm-meta {
+ color: #000;
+} /*?*/
+.cm-s-mdn-like .cm-builtin {
+ color: #9b7536;
+} /*?*/
+.cm-s-mdn-like .cm-tag {
+ color: #997643;
+}
+.cm-s-mdn-like .cm-attribute {
+ color: #d6bb6d;
+} /*?*/
+.cm-s-mdn-like .cm-header {
+ color: #ff6400;
+}
+.cm-s-mdn-like .cm-hr {
+ color: #aeaeae;
+}
+.cm-s-mdn-like .cm-link {
+ color: #ad9361;
+ font-style: italic;
+ text-decoration: none;
+}
+.cm-s-mdn-like .cm-error {
+ border-bottom: 1px solid red;
+}
+
+div.cm-s-mdn-like .CodeMirror-activeline-background {
+ background: #efefff;
+}
+div.cm-s-mdn-like span.CodeMirror-matchingbracket {
+ outline: 1px solid grey;
+ color: inherit;
+}
+
+.cm-s-mdn-like.CodeMirror {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAyCAYAAAAp8UeFAAAHvklEQVR42s2b63bcNgyEQZCSHCdt2vd/0tWF7I+Q6XgMXiTtuvU5Pl57ZQKkKHzEAOtF5KeIJBGJ8uvL599FRFREZhFx8DeXv8trn68RuGaC8TRfo3SNp9dlDDHedyLyTUTeRWStXKPZrjtpZxaRw5hPqozRs1N8/enzIiQRWcCgy4MUA0f+XWliDhyL8Lfyvx7ei/Ae3iQFHyw7U/59pQVIMEEPEz0G7XiwdRjzSfC3UTtz9vchIntxvry5iMgfIhJoEflOz2CQr3F5h/HfeFe+GTdLaKcu9L8LTeQb/R/7GgbsfKedyNdoHsN31uRPWrfZ5wsj/NzzRQHuToIdU3ahwnsKPxXCjJITuOsi7XLc7SG/v5GdALs7wf8JjTFiB5+QvTEfRyGOfX3Lrx8wxyQi3sNq46O7QahQiCsRFgqddjBouVEHOKDgXAQHD9gJCr5sMKkEdjwsarG/ww3BMHBU7OBjXnzdyY7SfCxf5/z6ATccrwlKuwC/jhznnPF4CgVzhhVf4xp2EixcBActO75iZ8/fM9zAs2OMzKdslgXWJ9XG8PQoOAMA5fGcsvORgv0doBXyHrCwfLJAOwo71QLNkb8n2Pl6EWiR7OCibtkPaz4Kc/0NNAze2gju3zOwekALDaCFPI5vjPFmgGY5AZqyGEvH1x7QfIb8YtxMnA/b+QQ0aQDAwc6JMFg8CbQZ4qoYEEHbRwNojuK3EHwd7VALSgq+MNDKzfT58T8qdpADrgW0GmgcAS1lhzztJmkAzcPNOQbsWEALBDSlMKUG0Eq4CLAQWvEVQ9WU57gZJwZtgPO3r9oBTQ9WO8TjqXINx8R0EYpiZEUWOF3FxkbJkgU9B2f41YBrIj5ZfsQa0M5kTgiAAqM3ShXLgu8XMqcrQBvJ0CL5pnTsfMB13oB8athpAq2XOQmcGmoACCLydx7nToa23ATaSIY2ichfOdPTGxlasXMLaL0MLZAOwAKIM+y8CmicobGdCcbbK9DzN+yYGVoNNI5iUKTMyYOjPse4A8SM1MmcXgU0toOq1yO/v8FOxlASyc7TgeYaAMBJHcY1CcCwGI/TK4AmDbDyKYBBtFUkRwto8gygiQEaByFgJ00BH2M8JWwQS1nafDXQCidWyOI8AcjDCSjCLk8ngObuAm3JAHAdubAmOaK06V8MNEsKPJOhobSprwQa6gD7DclRQdqcwL4zxqgBrQcabUiBLclRDKAlWp+etPkBaNMA0AKlrHwTdEByZAA4GM+SNluSY6wAzcMNewxmgig5Ks0nkrSpBvSaQHMdKTBAnLojOdYyGpQ254602ZILPdTD1hdlggdIm74jbTp8vDwF5ZYUeLWGJpWsh6XNyXgcYwVoJQTEhhTYkxzZjiU5npU2TaB979TQehlaAVq4kaGpiPwwwLkYUuBbQwocyQTv1tA0+1UFWoJF3iv1oq+qoSk8EQdJmwHkziIF7oOZk14EGitibAdjLYYK78H5vZOhtWpoI0ATGHs0Q8OMb4Ey+2bU2UYztCtA0wFAs7TplGLRVQCcqaFdGSPCeTI1QNIC52iWNzof6Uib7xjEp07mNNoUYmVosVItHrHzRlLgBn9LFyRHaQCtVUMbtTNhoXWiTOO9k/V8BdAc1Oq0ArSQs6/5SU0hckNy9NnXqQY0PGYo5dWJ7nINaN6o958FWin27aBaWRka1r5myvLOAm0j30eBJqCxHLReVclxhxOEN2JfDWjxBtAC7MIH1fVaGdoOp4qJYDgKtKPSFNID2gSnGldrCqkFZ+5UeQXQBIRrSwocbdZYQT/2LwRahBPBXoHrB8nxaGROST62DKUbQOMMzZIC9abkuELfQzQALWTnDNAm8KHWFOJgJ5+SHIvTPcmx1xQyZRhNL5Qci689aXMEaN/uNIWkEwDAvFpOZmgsBaaGnbs1NPa1Jm32gBZAIh1pCtG7TSH4aE0y1uVY4uqoFPisGlpP2rSA5qTecWn5agK6BzSpgAyD+wFaqhnYoSZ1Vwr8CmlTQbrcO3ZaX0NAEyMbYaAlyquFoLKK3SPby9CeVUPThrSJmkCAE0CrKUQadi4DrdSlWhmah0YL9z9vClH59YGbHx1J8VZTyAjQepJjmXwAKTDQI3omc3p1U4gDUf6RfcdYfrUp5ClAi2J3Ba6UOXGo+K+bQrjjssitG2SJzshaLwMtXgRagUNpYYoVkMSBLM+9GGiJZMvduG6DRZ4qc04DMPtQQxOjEtACmhO7K1AbNbQDEggZyJwscFpAGwENhoBeUwh3bWolhe8BTYVKxQEWrSUn/uhcM5KhvUu/+eQu0Lzhi+VrK0PrZZNDQKs9cpYUuFYgMVpD4/NxenJTiMCNqdUEUf1qZWjppLT5qSkkUZbCwkbZMSuVnu80hfSkzRbQeqCZSAh6huR4VtoM2gHAlLf72smuWgE+VV7XpE25Ab2WFDgyhnSuKbs4GuGzCjR+tIoUuMFg3kgcWKLTwRqanJQ2W00hAsenfaApRC42hbCvK1SlE0HtE9BGgneJO+ELamitD1YjjOYnNYVcraGhtKkW0EqVVeDx733I2NH581k1NNxNLG0i0IJ8/NjVaOZ0tYZ2Vtr0Xv7tPV3hkWp9EFkgS/J0vosngTaSoaG06WHi+xObQkaAdlbanP8B2+2l0f90LmUAAAAASUVORK5CYII=);
+}
+
+/*
+
+ Name: seti
+ Author: Michael Kaminsky (http://github.com/mkaminsky11)
+
+ Original seti color scheme by Jesse Weed (https://github.com/jesseweed/seti-syntax)
+
+*/
+
+.cm-s-seti.CodeMirror {
+ background-color: #151718 !important;
+ color: #cfd2d1 !important;
+ border: none;
+}
+.cm-s-seti .CodeMirror-gutters {
+ color: #404b53;
+ background-color: #0e1112;
+ border: none;
+}
+.cm-s-seti .CodeMirror-cursor {
+ border-left: solid thin #f8f8f0;
+}
+.cm-s-seti .CodeMirror-linenumber {
+ color: #6d8a88;
+}
+.cm-s-seti.CodeMirror-focused div.CodeMirror-selected {
+ background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-seti .CodeMirror-line::selection,
+.cm-s-seti .CodeMirror-line > span::selection,
+.cm-s-seti .CodeMirror-line > span > span::selection {
+ background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-seti .CodeMirror-line::-moz-selection,
+.cm-s-seti .CodeMirror-line > span::-moz-selection,
+.cm-s-seti .CodeMirror-line > span > span::-moz-selection {
+ background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-seti span.cm-comment {
+ color: #41535b;
+}
+.cm-s-seti span.cm-string,
+.cm-s-seti span.cm-string-2 {
+ color: #55b5db;
+}
+.cm-s-seti span.cm-number {
+ color: #cd3f45;
+}
+.cm-s-seti span.cm-variable {
+ color: #55b5db;
+}
+.cm-s-seti span.cm-variable-2 {
+ color: #a074c4;
+}
+.cm-s-seti span.cm-def {
+ color: #55b5db;
+}
+.cm-s-seti span.cm-keyword {
+ color: #ff79c6;
+}
+.cm-s-seti span.cm-operator {
+ color: #9fca56;
+}
+.cm-s-seti span.cm-keyword {
+ color: #e6cd69;
+}
+.cm-s-seti span.cm-atom {
+ color: #cd3f45;
+}
+.cm-s-seti span.cm-meta {
+ color: #55b5db;
+}
+.cm-s-seti span.cm-tag {
+ color: #55b5db;
+}
+.cm-s-seti span.cm-attribute {
+ color: #9fca56;
+}
+.cm-s-seti span.cm-qualifier {
+ color: #9fca56;
+}
+.cm-s-seti span.cm-property {
+ color: #a074c4;
+}
+.cm-s-seti span.cm-variable-3,
+.cm-s-seti span.cm-type {
+ color: #9fca56;
+}
+.cm-s-seti span.cm-builtin {
+ color: #9fca56;
+}
+.cm-s-seti .CodeMirror-activeline-background {
+ background: #101213;
+}
+.cm-s-seti .CodeMirror-matchingbracket {
+ text-decoration: underline;
+ color: white !important;
+}
+
+/*
+Solarized theme for code-mirror
+http://ethanschoonover.com/solarized
+*/
+
+/*
+Solarized color palette
+http://ethanschoonover.com/solarized/img/solarized-palette.png
+*/
+
+.solarized.base03 {
+ color: #002b36;
+}
+.solarized.base02 {
+ color: #073642;
+}
+.solarized.base01 {
+ color: #586e75;
+}
+.solarized.base00 {
+ color: #657b83;
+}
+.solarized.base0 {
+ color: #839496;
+}
+.solarized.base1 {
+ color: #93a1a1;
+}
+.solarized.base2 {
+ color: #eee8d5;
+}
+.solarized.base3 {
+ color: #fdf6e3;
+}
+.solarized.solar-yellow {
+ color: #b58900;
+}
+.solarized.solar-orange {
+ color: #cb4b16;
+}
+.solarized.solar-red {
+ color: #dc322f;
+}
+.solarized.solar-magenta {
+ color: #d33682;
+}
+.solarized.solar-violet {
+ color: #6c71c4;
+}
+.solarized.solar-blue {
+ color: #268bd2;
+}
+.solarized.solar-cyan {
+ color: #2aa198;
+}
+.solarized.solar-green {
+ color: #859900;
+}
+
+/* Color scheme for code-mirror */
+
+.cm-s-solarized {
+ line-height: 1.45em;
+ color-profile: sRGB;
+ rendering-intent: auto;
+}
+.cm-s-solarized.cm-s-dark {
+ color: #839496;
+ background-color: #002b36;
+ text-shadow: #002b36 0 1px;
+}
+.cm-s-solarized.cm-s-light {
+ background-color: #fdf6e3;
+ color: #657b83;
+ text-shadow: #eee8d5 0 1px;
+}
+
+.cm-s-solarized .CodeMirror-widget {
+ text-shadow: none;
+}
+
+.cm-s-solarized .cm-header {
+ color: #586e75;
+}
+.cm-s-solarized .cm-quote {
+ color: #93a1a1;
+}
+
+.cm-s-solarized .cm-keyword {
+ color: #cb4b16;
+}
+.cm-s-solarized .cm-atom {
+ color: #d33682;
+}
+.cm-s-solarized .cm-number {
+ color: #d33682;
+}
+.cm-s-solarized .cm-def {
+ color: #2aa198;
+}
+
+.cm-s-solarized .cm-variable {
+ color: #839496;
+}
+.cm-s-solarized .cm-variable-2 {
+ color: #b58900;
+}
+.cm-s-solarized .cm-variable-3,
+.cm-s-solarized .cm-type {
+ color: #6c71c4;
+}
+
+.cm-s-solarized .cm-property {
+ color: #2aa198;
+}
+.cm-s-solarized .cm-operator {
+ color: #6c71c4;
+}
+
+.cm-s-solarized .cm-comment {
+ color: #586e75;
+ font-style: italic;
+}
+
+.cm-s-solarized .cm-string {
+ color: #859900;
+}
+.cm-s-solarized .cm-string-2 {
+ color: #b58900;
+}
+
+.cm-s-solarized .cm-meta {
+ color: #859900;
+}
+.cm-s-solarized .cm-qualifier {
+ color: #b58900;
+}
+.cm-s-solarized .cm-builtin {
+ color: #d33682;
+}
+.cm-s-solarized .cm-bracket {
+ color: #cb4b16;
+}
+.cm-s-solarized .CodeMirror-matchingbracket {
+ color: #859900;
+}
+.cm-s-solarized .CodeMirror-nonmatchingbracket {
+ color: #dc322f;
+}
+.cm-s-solarized .cm-tag {
+ color: #93a1a1;
+}
+.cm-s-solarized .cm-attribute {
+ color: #2aa198;
+}
+.cm-s-solarized .cm-hr {
+ color: transparent;
+ border-top: 1px solid #586e75;
+ display: block;
+}
+.cm-s-solarized .cm-link {
+ color: #93a1a1;
+ cursor: pointer;
+}
+.cm-s-solarized .cm-special {
+ color: #6c71c4;
+}
+.cm-s-solarized .cm-em {
+ color: #999;
+ text-decoration: underline;
+ text-decoration-style: dotted;
+}
+.cm-s-solarized .cm-error,
+.cm-s-solarized .cm-invalidchar {
+ color: #586e75;
+ border-bottom: 1px dotted #dc322f;
+}
+
+.cm-s-solarized.cm-s-dark div.CodeMirror-selected {
+ background: #073642;
+}
+.cm-s-solarized.cm-s-dark.CodeMirror ::selection {
+ background: rgba(7, 54, 66, 0.99);
+}
+.cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection,
+.cm-s-dark .CodeMirror-line > span::-moz-selection,
+.cm-s-dark .CodeMirror-line > span > span::-moz-selection {
+ background: rgba(7, 54, 66, 0.99);
+}
+
+.cm-s-solarized.cm-s-light div.CodeMirror-selected {
+ background: #eee8d5;
+}
+.cm-s-solarized.cm-s-light .CodeMirror-line::selection,
+.cm-s-light .CodeMirror-line > span::selection,
+.cm-s-light .CodeMirror-line > span > span::selection {
+ background: #eee8d5;
+}
+.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection,
+.cm-s-ligh .CodeMirror-line > span::-moz-selection,
+.cm-s-ligh .CodeMirror-line > span > span::-moz-selection {
+ background: #eee8d5;
+}
+
+/* Editor styling */
+
+/* Little shadow on the view-port of the buffer view */
+.cm-s-solarized.CodeMirror {
+ -moz-box-shadow: inset 7px 0 12px -6px #000;
+ -webkit-box-shadow: inset 7px 0 12px -6px #000;
+ box-shadow: inset 7px 0 12px -6px #000;
+}
+
+/* Remove gutter border */
+.cm-s-solarized .CodeMirror-gutters {
+ border-right: 0;
+}
+
+/* Gutter colors and line number styling based of color scheme (dark / light) */
+
+/* Dark */
+.cm-s-solarized.cm-s-dark .CodeMirror-gutters {
+ background-color: #073642;
+}
+
+.cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
+ color: #586e75;
+ text-shadow: #021014 0 -1px;
+}
+
+/* Light */
+.cm-s-solarized.cm-s-light .CodeMirror-gutters {
+ background-color: #eee8d5;
+}
+
+.cm-s-solarized.cm-s-light .CodeMirror-linenumber {
+ color: #839496;
+}
+
+/* Common */
+.cm-s-solarized .CodeMirror-linenumber {
+ padding: 0 5px;
+}
+.cm-s-solarized .CodeMirror-guttermarker-subtle {
+ color: #586e75;
+}
+.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker {
+ color: #ddd;
+}
+.cm-s-solarized.cm-s-light .CodeMirror-guttermarker {
+ color: #cb4b16;
+}
+
+.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
+ color: #586e75;
+}
+
+/* Cursor */
+.cm-s-solarized .CodeMirror-cursor {
+ border-left: 1px solid #819090;
+}
+
+/* Fat cursor */
+.cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor {
+ background: #77ee77;
+}
+.cm-s-solarized.cm-s-light .cm-animate-fat-cursor {
+ background-color: #77ee77;
+}
+.cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor {
+ background: #586e75;
+}
+.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor {
+ background-color: #586e75;
+}
+
+/* Active line */
+.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
+ background: rgba(255, 255, 255, 0.06);
+}
+.cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
+ background: rgba(0, 0, 0, 0.06);
+}
+
+.cm-s-the-matrix.CodeMirror {
+ background: #000000;
+ color: #00ff00;
+}
+.cm-s-the-matrix div.CodeMirror-selected {
+ background: #2d2d2d;
+}
+.cm-s-the-matrix .CodeMirror-line::selection,
+.cm-s-the-matrix .CodeMirror-line > span::selection,
+.cm-s-the-matrix .CodeMirror-line > span > span::selection {
+ background: rgba(45, 45, 45, 0.99);
+}
+.cm-s-the-matrix .CodeMirror-line::-moz-selection,
+.cm-s-the-matrix .CodeMirror-line > span::-moz-selection,
+.cm-s-the-matrix .CodeMirror-line > span > span::-moz-selection {
+ background: rgba(45, 45, 45, 0.99);
+}
+.cm-s-the-matrix .CodeMirror-gutters {
+ background: #060;
+ border-right: 2px solid #00ff00;
+}
+.cm-s-the-matrix .CodeMirror-guttermarker {
+ color: #0f0;
+}
+.cm-s-the-matrix .CodeMirror-guttermarker-subtle {
+ color: white;
+}
+.cm-s-the-matrix .CodeMirror-linenumber {
+ color: #ffffff;
+}
+.cm-s-the-matrix .CodeMirror-cursor {
+ border-left: 1px solid #00ff00;
+}
+
+.cm-s-the-matrix span.cm-keyword {
+ color: #008803;
+ font-weight: bold;
+}
+.cm-s-the-matrix span.cm-atom {
+ color: #3ff;
+}
+.cm-s-the-matrix span.cm-number {
+ color: #ffb94f;
+}
+.cm-s-the-matrix span.cm-def {
+ color: #99c;
+}
+.cm-s-the-matrix span.cm-variable {
+ color: #f6c;
+}
+.cm-s-the-matrix span.cm-variable-2 {
+ color: #c6f;
+}
+.cm-s-the-matrix span.cm-variable-3,
+.cm-s-the-matrix span.cm-type {
+ color: #96f;
+}
+.cm-s-the-matrix span.cm-property {
+ color: #62ffa0;
+}
+.cm-s-the-matrix span.cm-operator {
+ color: #999;
+}
+.cm-s-the-matrix span.cm-comment {
+ color: #cccccc;
+}
+.cm-s-the-matrix span.cm-string {
+ color: #39c;
+}
+.cm-s-the-matrix span.cm-meta {
+ color: #c9f;
+}
+.cm-s-the-matrix span.cm-qualifier {
+ color: #fff700;
+}
+.cm-s-the-matrix span.cm-builtin {
+ color: #30a;
+}
+.cm-s-the-matrix span.cm-bracket {
+ color: #cc7;
+}
+.cm-s-the-matrix span.cm-tag {
+ color: #ffbd40;
+}
+.cm-s-the-matrix span.cm-attribute {
+ color: #fff700;
+}
+.cm-s-the-matrix span.cm-error {
+ color: #ff0000;
+}
+
+.cm-s-the-matrix .CodeMirror-activeline-background {
+ background: #040;
+}
+
+/*
+Copyright (C) 2011 by MarkLogic Corporation
+Author: Mike Brevoort
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+*/
+.cm-s-xq-light span.cm-keyword {
+ line-height: 1em;
+ font-weight: bold;
+ color: #5a5cad;
+}
+.cm-s-xq-light span.cm-atom {
+ color: #6c8cd5;
+}
+.cm-s-xq-light span.cm-number {
+ color: #164;
+}
+.cm-s-xq-light span.cm-def {
+ text-decoration: underline;
+}
+.cm-s-xq-light span.cm-variable {
+ color: black;
+}
+.cm-s-xq-light span.cm-variable-2 {
+ color: black;
+}
+.cm-s-xq-light span.cm-variable-3,
+.cm-s-xq-light span.cm-type {
+ color: black;
+}
+.cm-s-xq-light span.cm-property {
+}
+.cm-s-xq-light span.cm-operator {
+}
+.cm-s-xq-light span.cm-comment {
+ color: #0080ff;
+ font-style: italic;
+}
+.cm-s-xq-light span.cm-string {
+ color: red;
+}
+.cm-s-xq-light span.cm-meta {
+ color: yellow;
+}
+.cm-s-xq-light span.cm-qualifier {
+ color: grey;
+}
+.cm-s-xq-light span.cm-builtin {
+ color: #7ea656;
+}
+.cm-s-xq-light span.cm-bracket {
+ color: #cc7;
+}
+.cm-s-xq-light span.cm-tag {
+ color: #3f7f7f;
+}
+.cm-s-xq-light span.cm-attribute {
+ color: #7f007f;
+}
+.cm-s-xq-light span.cm-error {
+ color: #f00;
+}
+
+.cm-s-xq-light .CodeMirror-activeline-background {
+ background: #e8f2ff;
+}
+.cm-s-xq-light .CodeMirror-matchingbracket {
+ outline: 1px solid grey;
+ color: black !important;
+ background: yellow;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.CodeMirror {
+ line-height: var(--jp-code-line-height);
+ font-size: var(--jp-code-font-size);
+ font-family: var(--jp-code-font-family);
+ border: 0;
+ border-radius: 0;
+ height: auto;
+ /* Changed to auto to autogrow */
+}
+
+.CodeMirror pre {
+ padding: 0 var(--jp-code-padding);
+}
+
+.jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-dialog {
+ background-color: var(--jp-layout-color0);
+ color: var(--jp-content-font-color1);
+}
+
+/* This causes https://github.com/jupyter/jupyterlab/issues/522 */
+/* May not cause it not because we changed it! */
+.CodeMirror-lines {
+ padding: var(--jp-code-padding) 0;
+}
+
+.CodeMirror-linenumber {
+ padding: 0 8px;
+}
+
+.jp-CodeMirrorEditor-static {
+ margin: var(--jp-code-padding);
+}
+
+.jp-CodeMirrorEditor,
+.jp-CodeMirrorEditor-static {
+ cursor: text;
+}
+
+.jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-cursor {
+ border-left: var(--jp-code-cursor-width0) solid var(--jp-editor-cursor-color);
+}
+
+/* When zoomed out 67% and 33% on a screen of 1440 width x 900 height */
+@media screen and (min-width: 2138px) and (max-width: 4319px) {
+ .jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-cursor {
+ border-left: var(--jp-code-cursor-width1) solid
+ var(--jp-editor-cursor-color);
+ }
+}
+
+/* When zoomed out less than 33% */
+@media screen and (min-width: 4320px) {
+ .jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-cursor {
+ border-left: var(--jp-code-cursor-width2) solid
+ var(--jp-editor-cursor-color);
+ }
+}
+
+.CodeMirror.jp-mod-readOnly .CodeMirror-cursor {
+ display: none;
+}
+
+.CodeMirror-gutters {
+ border-right: 1px solid var(--jp-border-color2);
+ background-color: var(--jp-layout-color0);
+}
+
+.jp-CollaboratorCursor {
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-top: none;
+ border-bottom: 3px solid;
+ background-clip: content-box;
+ margin-left: -5px;
+ margin-right: -5px;
+}
+
+.CodeMirror-selectedtext.cm-searching {
+ background-color: var(--jp-search-selected-match-background-color) !important;
+ color: var(--jp-search-selected-match-color) !important;
+}
+
+.cm-searching {
+ background-color: var(
+ --jp-search-unselected-match-background-color
+ ) !important;
+ color: var(--jp-search-unselected-match-color) !important;
+}
+
+.CodeMirror-focused .CodeMirror-selected {
+ background-color: var(--jp-editor-selected-focused-background);
+}
+
+.CodeMirror-selected {
+ background-color: var(--jp-editor-selected-background);
+}
+
+.jp-CollaboratorCursor-hover {
+ position: absolute;
+ z-index: 1;
+ transform: translateX(-50%);
+ color: white;
+ border-radius: 3px;
+ padding-left: 4px;
+ padding-right: 4px;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ text-align: center;
+ font-size: var(--jp-ui-font-size1);
+ white-space: nowrap;
+}
+
+.jp-CodeMirror-ruler {
+ border-left: 1px dashed var(--jp-border-color2);
+}
+
+/**
+ * Here is our jupyter theme for CodeMirror syntax highlighting
+ * This is used in our marked.js syntax highlighting and CodeMirror itself
+ * The string "jupyter" is set in ../codemirror/widget.DEFAULT_CODEMIRROR_THEME
+ * This came from the classic notebook, which came form highlight.js/GitHub
+ */
+
+/**
+ * CodeMirror themes are handling the background/color in this way. This works
+ * fine for CodeMirror editors outside the notebook, but the notebook styles
+ * these things differently.
+ */
+.CodeMirror.cm-s-jupyter {
+ background: var(--jp-layout-color0);
+ color: var(--jp-content-font-color1);
+}
+
+/* In the notebook, we want this styling to be handled by its container */
+.jp-CodeConsole .CodeMirror.cm-s-jupyter,
+.jp-Notebook .CodeMirror.cm-s-jupyter {
+ background: transparent;
+}
+
+.cm-s-jupyter .CodeMirror-cursor {
+ border-left: var(--jp-code-cursor-width0) solid var(--jp-editor-cursor-color);
+}
+.cm-s-jupyter span.cm-keyword {
+ color: var(--jp-mirror-editor-keyword-color);
+ font-weight: bold;
+}
+.cm-s-jupyter span.cm-atom {
+ color: var(--jp-mirror-editor-atom-color);
+}
+.cm-s-jupyter span.cm-number {
+ color: var(--jp-mirror-editor-number-color);
+}
+.cm-s-jupyter span.cm-def {
+ color: var(--jp-mirror-editor-def-color);
+}
+.cm-s-jupyter span.cm-variable {
+ color: var(--jp-mirror-editor-variable-color);
+}
+.cm-s-jupyter span.cm-variable-2 {
+ color: var(--jp-mirror-editor-variable-2-color);
+}
+.cm-s-jupyter span.cm-variable-3 {
+ color: var(--jp-mirror-editor-variable-3-color);
+}
+.cm-s-jupyter span.cm-punctuation {
+ color: var(--jp-mirror-editor-punctuation-color);
+}
+.cm-s-jupyter span.cm-property {
+ color: var(--jp-mirror-editor-property-color);
+}
+.cm-s-jupyter span.cm-operator {
+ color: var(--jp-mirror-editor-operator-color);
+ font-weight: bold;
+}
+.cm-s-jupyter span.cm-comment {
+ color: var(--jp-mirror-editor-comment-color);
+ font-style: italic;
+}
+.cm-s-jupyter span.cm-string {
+ color: var(--jp-mirror-editor-string-color);
+}
+.cm-s-jupyter span.cm-string-2 {
+ color: var(--jp-mirror-editor-string-2-color);
+}
+.cm-s-jupyter span.cm-meta {
+ color: var(--jp-mirror-editor-meta-color);
+}
+.cm-s-jupyter span.cm-qualifier {
+ color: var(--jp-mirror-editor-qualifier-color);
+}
+.cm-s-jupyter span.cm-builtin {
+ color: var(--jp-mirror-editor-builtin-color);
+}
+.cm-s-jupyter span.cm-bracket {
+ color: var(--jp-mirror-editor-bracket-color);
+}
+.cm-s-jupyter span.cm-tag {
+ color: var(--jp-mirror-editor-tag-color);
+}
+.cm-s-jupyter span.cm-attribute {
+ color: var(--jp-mirror-editor-attribute-color);
+}
+.cm-s-jupyter span.cm-header {
+ color: var(--jp-mirror-editor-header-color);
+}
+.cm-s-jupyter span.cm-quote {
+ color: var(--jp-mirror-editor-quote-color);
+}
+.cm-s-jupyter span.cm-link {
+ color: var(--jp-mirror-editor-link-color);
+}
+.cm-s-jupyter span.cm-error {
+ color: var(--jp-mirror-editor-error-color);
+}
+.cm-s-jupyter span.cm-hr {
+ color: #999;
+}
+
+.cm-s-jupyter span.cm-tab {
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
+ background-position: right;
+ background-repeat: no-repeat;
+}
+
+.cm-s-jupyter .CodeMirror-activeline-background,
+.cm-s-jupyter .CodeMirror-gutter {
+ background-color: var(--jp-layout-color2);
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| RenderedText
+|----------------------------------------------------------------------------*/
+
+.jp-RenderedText {
+ text-align: left;
+ padding-left: var(--jp-code-padding);
+ line-height: var(--jp-code-line-height);
+ font-family: var(--jp-code-font-family);
+}
+
+.jp-RenderedText pre,
+.jp-RenderedJavaScript pre,
+.jp-RenderedHTMLCommon pre {
+ color: var(--jp-content-font-color1);
+ font-size: var(--jp-code-font-size);
+ border: none;
+ margin: 0px;
+ padding: 0px;
+ line-height: normal;
+}
+
+.jp-RenderedText pre a:link {
+ text-decoration: none;
+ color: var(--jp-content-link-color);
+}
+.jp-RenderedText pre a:hover {
+ text-decoration: underline;
+ color: var(--jp-content-link-color);
+}
+.jp-RenderedText pre a:visited {
+ text-decoration: none;
+ color: var(--jp-content-link-color);
+}
+
+/* console foregrounds and backgrounds */
+.jp-RenderedText pre .ansi-black-fg {
+ color: #3e424d;
+}
+.jp-RenderedText pre .ansi-red-fg {
+ color: #e75c58;
+}
+.jp-RenderedText pre .ansi-green-fg {
+ color: #00a250;
+}
+.jp-RenderedText pre .ansi-yellow-fg {
+ color: #ddb62b;
+}
+.jp-RenderedText pre .ansi-blue-fg {
+ color: #208ffb;
+}
+.jp-RenderedText pre .ansi-magenta-fg {
+ color: #d160c4;
+}
+.jp-RenderedText pre .ansi-cyan-fg {
+ color: #60c6c8;
+}
+.jp-RenderedText pre .ansi-white-fg {
+ color: #c5c1b4;
+}
+
+.jp-RenderedText pre .ansi-black-bg {
+ background-color: #3e424d;
+}
+.jp-RenderedText pre .ansi-red-bg {
+ background-color: #e75c58;
+}
+.jp-RenderedText pre .ansi-green-bg {
+ background-color: #00a250;
+}
+.jp-RenderedText pre .ansi-yellow-bg {
+ background-color: #ddb62b;
+}
+.jp-RenderedText pre .ansi-blue-bg {
+ background-color: #208ffb;
+}
+.jp-RenderedText pre .ansi-magenta-bg {
+ background-color: #d160c4;
+}
+.jp-RenderedText pre .ansi-cyan-bg {
+ background-color: #60c6c8;
+}
+.jp-RenderedText pre .ansi-white-bg {
+ background-color: #c5c1b4;
+}
+
+.jp-RenderedText pre .ansi-black-intense-fg {
+ color: #282c36;
+}
+.jp-RenderedText pre .ansi-red-intense-fg {
+ color: #b22b31;
+}
+.jp-RenderedText pre .ansi-green-intense-fg {
+ color: #007427;
+}
+.jp-RenderedText pre .ansi-yellow-intense-fg {
+ color: #b27d12;
+}
+.jp-RenderedText pre .ansi-blue-intense-fg {
+ color: #0065ca;
+}
+.jp-RenderedText pre .ansi-magenta-intense-fg {
+ color: #a03196;
+}
+.jp-RenderedText pre .ansi-cyan-intense-fg {
+ color: #258f8f;
+}
+.jp-RenderedText pre .ansi-white-intense-fg {
+ color: #a1a6b2;
+}
+
+.jp-RenderedText pre .ansi-black-intense-bg {
+ background-color: #282c36;
+}
+.jp-RenderedText pre .ansi-red-intense-bg {
+ background-color: #b22b31;
+}
+.jp-RenderedText pre .ansi-green-intense-bg {
+ background-color: #007427;
+}
+.jp-RenderedText pre .ansi-yellow-intense-bg {
+ background-color: #b27d12;
+}
+.jp-RenderedText pre .ansi-blue-intense-bg {
+ background-color: #0065ca;
+}
+.jp-RenderedText pre .ansi-magenta-intense-bg {
+ background-color: #a03196;
+}
+.jp-RenderedText pre .ansi-cyan-intense-bg {
+ background-color: #258f8f;
+}
+.jp-RenderedText pre .ansi-white-intense-bg {
+ background-color: #a1a6b2;
+}
+
+.jp-RenderedText pre .ansi-default-inverse-fg {
+ color: var(--jp-ui-inverse-font-color0);
+}
+.jp-RenderedText pre .ansi-default-inverse-bg {
+ background-color: var(--jp-inverse-layout-color0);
+}
+
+.jp-RenderedText pre .ansi-bold {
+ font-weight: bold;
+}
+.jp-RenderedText pre .ansi-underline {
+ text-decoration: underline;
+}
+
+.jp-RenderedText[data-mime-type='application/vnd.jupyter.stderr'] {
+ background: var(--jp-rendermime-error-background);
+ padding-top: var(--jp-code-padding);
+}
+
+/*-----------------------------------------------------------------------------
+| RenderedLatex
+|----------------------------------------------------------------------------*/
+
+.jp-RenderedLatex {
+ color: var(--jp-content-font-color1);
+ font-size: var(--jp-content-font-size1);
+ line-height: var(--jp-content-line-height);
+}
+
+/* Left-justify outputs.*/
+.jp-OutputArea-output.jp-RenderedLatex {
+ padding: var(--jp-code-padding);
+ text-align: left;
+}
+
+/*-----------------------------------------------------------------------------
+| RenderedHTML
+|----------------------------------------------------------------------------*/
+
+.jp-RenderedHTMLCommon {
+ color: var(--jp-content-font-color1);
+ font-family: var(--jp-content-font-family);
+ font-size: var(--jp-content-font-size1);
+ line-height: var(--jp-content-line-height);
+ /* Give a bit more R padding on Markdown text to keep line lengths reasonable */
+ padding-right: 20px;
+}
+
+.jp-RenderedHTMLCommon em {
+ font-style: italic;
+}
+
+.jp-RenderedHTMLCommon strong {
+ font-weight: bold;
+}
+
+.jp-RenderedHTMLCommon u {
+ text-decoration: underline;
+}
+
+.jp-RenderedHTMLCommon a:link {
+ text-decoration: none;
+ color: var(--jp-content-link-color);
+}
+
+.jp-RenderedHTMLCommon a:hover {
+ text-decoration: underline;
+ color: var(--jp-content-link-color);
+}
+
+.jp-RenderedHTMLCommon a:visited {
+ text-decoration: none;
+ color: var(--jp-content-link-color);
+}
+
+/* Headings */
+
+.jp-RenderedHTMLCommon h1,
+.jp-RenderedHTMLCommon h2,
+.jp-RenderedHTMLCommon h3,
+.jp-RenderedHTMLCommon h4,
+.jp-RenderedHTMLCommon h5,
+.jp-RenderedHTMLCommon h6 {
+ line-height: var(--jp-content-heading-line-height);
+ font-weight: var(--jp-content-heading-font-weight);
+ font-style: normal;
+ margin: var(--jp-content-heading-margin-top) 0
+ var(--jp-content-heading-margin-bottom) 0;
+}
+
+.jp-RenderedHTMLCommon h1:first-child,
+.jp-RenderedHTMLCommon h2:first-child,
+.jp-RenderedHTMLCommon h3:first-child,
+.jp-RenderedHTMLCommon h4:first-child,
+.jp-RenderedHTMLCommon h5:first-child,
+.jp-RenderedHTMLCommon h6:first-child {
+ margin-top: calc(0.5 * var(--jp-content-heading-margin-top));
+}
+
+.jp-RenderedHTMLCommon h1:last-child,
+.jp-RenderedHTMLCommon h2:last-child,
+.jp-RenderedHTMLCommon h3:last-child,
+.jp-RenderedHTMLCommon h4:last-child,
+.jp-RenderedHTMLCommon h5:last-child,
+.jp-RenderedHTMLCommon h6:last-child {
+ margin-bottom: calc(0.5 * var(--jp-content-heading-margin-bottom));
+}
+
+.jp-RenderedHTMLCommon h1 {
+ font-size: var(--jp-content-font-size5);
+}
+
+.jp-RenderedHTMLCommon h2 {
+ font-size: var(--jp-content-font-size4);
+}
+
+.jp-RenderedHTMLCommon h3 {
+ font-size: var(--jp-content-font-size3);
+}
+
+.jp-RenderedHTMLCommon h4 {
+ font-size: var(--jp-content-font-size2);
+}
+
+.jp-RenderedHTMLCommon h5 {
+ font-size: var(--jp-content-font-size1);
+}
+
+.jp-RenderedHTMLCommon h6 {
+ font-size: var(--jp-content-font-size0);
+}
+
+/* Lists */
+
+.jp-RenderedHTMLCommon ul:not(.list-inline),
+.jp-RenderedHTMLCommon ol:not(.list-inline) {
+ padding-left: 2em;
+}
+
+.jp-RenderedHTMLCommon ul {
+ list-style: disc;
+}
+
+.jp-RenderedHTMLCommon ul ul {
+ list-style: square;
+}
+
+.jp-RenderedHTMLCommon ul ul ul {
+ list-style: circle;
+}
+
+.jp-RenderedHTMLCommon ol {
+ list-style: decimal;
+}
+
+.jp-RenderedHTMLCommon ol ol {
+ list-style: upper-alpha;
+}
+
+.jp-RenderedHTMLCommon ol ol ol {
+ list-style: lower-alpha;
+}
+
+.jp-RenderedHTMLCommon ol ol ol ol {
+ list-style: lower-roman;
+}
+
+.jp-RenderedHTMLCommon ol ol ol ol ol {
+ list-style: decimal;
+}
+
+.jp-RenderedHTMLCommon ol,
+.jp-RenderedHTMLCommon ul {
+ margin-bottom: 1em;
+}
+
+.jp-RenderedHTMLCommon ul ul,
+.jp-RenderedHTMLCommon ul ol,
+.jp-RenderedHTMLCommon ol ul,
+.jp-RenderedHTMLCommon ol ol {
+ margin-bottom: 0em;
+}
+
+.jp-RenderedHTMLCommon hr {
+ color: var(--jp-border-color2);
+ background-color: var(--jp-border-color1);
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+
+.jp-RenderedHTMLCommon > pre {
+ margin: 1.5em 2em;
+}
+
+.jp-RenderedHTMLCommon pre,
+.jp-RenderedHTMLCommon code {
+ border: 0;
+ background-color: var(--jp-layout-color0);
+ color: var(--jp-content-font-color1);
+ font-family: var(--jp-code-font-family);
+ font-size: inherit;
+ line-height: var(--jp-code-line-height);
+ padding: 0;
+ white-space: pre-wrap;
+}
+
+.jp-RenderedHTMLCommon :not(pre) > code {
+ background-color: var(--jp-layout-color2);
+ padding: 1px 5px;
+}
+
+/* Tables */
+
+.jp-RenderedHTMLCommon table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ border: none;
+ color: var(--jp-ui-font-color1);
+ font-size: 12px;
+ table-layout: fixed;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.jp-RenderedHTMLCommon thead {
+ border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
+ vertical-align: bottom;
+}
+
+.jp-RenderedHTMLCommon td,
+.jp-RenderedHTMLCommon th,
+.jp-RenderedHTMLCommon tr {
+ vertical-align: middle;
+ padding: 0.5em 0.5em;
+ line-height: normal;
+ white-space: normal;
+ max-width: none;
+ border: none;
+}
+
+.jp-RenderedMarkdown.jp-RenderedHTMLCommon td,
+.jp-RenderedMarkdown.jp-RenderedHTMLCommon th {
+ max-width: none;
+}
+
+:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon td,
+:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon th,
+:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon tr {
+ text-align: right;
+}
+
+.jp-RenderedHTMLCommon th {
+ font-weight: bold;
+}
+
+.jp-RenderedHTMLCommon tbody tr:nth-child(odd) {
+ background: var(--jp-layout-color0);
+}
+
+.jp-RenderedHTMLCommon tbody tr:nth-child(even) {
+ background: var(--jp-rendermime-table-row-background);
+}
+
+.jp-RenderedHTMLCommon tbody tr:hover {
+ background: var(--jp-rendermime-table-row-hover-background);
+}
+
+.jp-RenderedHTMLCommon table {
+ margin-bottom: 1em;
+}
+
+.jp-RenderedHTMLCommon p {
+ text-align: left;
+ margin: 0px;
+}
+
+.jp-RenderedHTMLCommon p {
+ margin-bottom: 1em;
+}
+
+.jp-RenderedHTMLCommon img {
+ -moz-force-broken-image-icon: 1;
+}
+
+/* Restrict to direct children as other images could be nested in other content. */
+.jp-RenderedHTMLCommon > img {
+ display: block;
+ margin-left: 0;
+ margin-right: 0;
+ margin-bottom: 1em;
+}
+
+/* Change color behind transparent images if they need it... */
+[data-jp-theme-light='false'] .jp-RenderedImage img.jp-needs-light-background {
+ background-color: var(--jp-inverse-layout-color1);
+}
+[data-jp-theme-light='true'] .jp-RenderedImage img.jp-needs-dark-background {
+ background-color: var(--jp-inverse-layout-color1);
+}
+/* ...or leave it untouched if they don't */
+[data-jp-theme-light='false'] .jp-RenderedImage img.jp-needs-dark-background {
+}
+[data-jp-theme-light='true'] .jp-RenderedImage img.jp-needs-light-background {
+}
+
+.jp-RenderedHTMLCommon img,
+.jp-RenderedImage img,
+.jp-RenderedHTMLCommon svg,
+.jp-RenderedSVG svg {
+ max-width: 100%;
+ height: auto;
+}
+
+.jp-RenderedHTMLCommon img.jp-mod-unconfined,
+.jp-RenderedImage img.jp-mod-unconfined,
+.jp-RenderedHTMLCommon svg.jp-mod-unconfined,
+.jp-RenderedSVG svg.jp-mod-unconfined {
+ max-width: none;
+}
+
+.jp-RenderedHTMLCommon .alert {
+ padding: var(--jp-notebook-padding);
+ border: var(--jp-border-width) solid transparent;
+ border-radius: var(--jp-border-radius);
+ margin-bottom: 1em;
+}
+
+.jp-RenderedHTMLCommon .alert-info {
+ color: var(--jp-info-color0);
+ background-color: var(--jp-info-color3);
+ border-color: var(--jp-info-color2);
+}
+.jp-RenderedHTMLCommon .alert-info hr {
+ border-color: var(--jp-info-color3);
+}
+.jp-RenderedHTMLCommon .alert-info > p:last-child,
+.jp-RenderedHTMLCommon .alert-info > ul:last-child {
+ margin-bottom: 0;
+}
+
+.jp-RenderedHTMLCommon .alert-warning {
+ color: var(--jp-warn-color0);
+ background-color: var(--jp-warn-color3);
+ border-color: var(--jp-warn-color2);
+}
+.jp-RenderedHTMLCommon .alert-warning hr {
+ border-color: var(--jp-warn-color3);
+}
+.jp-RenderedHTMLCommon .alert-warning > p:last-child,
+.jp-RenderedHTMLCommon .alert-warning > ul:last-child {
+ margin-bottom: 0;
+}
+
+.jp-RenderedHTMLCommon .alert-success {
+ color: var(--jp-success-color0);
+ background-color: var(--jp-success-color3);
+ border-color: var(--jp-success-color2);
+}
+.jp-RenderedHTMLCommon .alert-success hr {
+ border-color: var(--jp-success-color3);
+}
+.jp-RenderedHTMLCommon .alert-success > p:last-child,
+.jp-RenderedHTMLCommon .alert-success > ul:last-child {
+ margin-bottom: 0;
+}
+
+.jp-RenderedHTMLCommon .alert-danger {
+ color: var(--jp-error-color0);
+ background-color: var(--jp-error-color3);
+ border-color: var(--jp-error-color2);
+}
+.jp-RenderedHTMLCommon .alert-danger hr {
+ border-color: var(--jp-error-color3);
+}
+.jp-RenderedHTMLCommon .alert-danger > p:last-child,
+.jp-RenderedHTMLCommon .alert-danger > ul:last-child {
+ margin-bottom: 0;
+}
+
+.jp-RenderedHTMLCommon blockquote {
+ margin: 1em 2em;
+ padding: 0 1em;
+ border-left: 5px solid var(--jp-border-color2);
+}
+
+a.jp-InternalAnchorLink {
+ visibility: hidden;
+ margin-left: 8px;
+ color: var(--md-blue-800);
+}
+
+h1:hover .jp-InternalAnchorLink,
+h2:hover .jp-InternalAnchorLink,
+h3:hover .jp-InternalAnchorLink,
+h4:hover .jp-InternalAnchorLink,
+h5:hover .jp-InternalAnchorLink,
+h6:hover .jp-InternalAnchorLink {
+ visibility: visible;
+}
+
+.jp-RenderedHTMLCommon kbd {
+ background-color: var(--jp-rendermime-table-row-background);
+ border: 1px solid var(--jp-border-color0);
+ border-bottom-color: var(--jp-border-color2);
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+ display: inline-block;
+ font-size: 0.8em;
+ line-height: 1em;
+ padding: 0.2em 0.5em;
+}
+
+/* Most direct children of .jp-RenderedHTMLCommon have a margin-bottom of 1.0.
+ * At the bottom of cells this is a bit too much as there is also spacing
+ * between cells. Going all the way to 0 gets too tight between markdown and
+ * code cells.
+ */
+.jp-RenderedHTMLCommon > *:last-child {
+ margin-bottom: 0.5em;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-MimeDocument {
+ outline: none;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Variables
+|----------------------------------------------------------------------------*/
+
+:root {
+ --jp-private-filebrowser-button-height: 28px;
+ --jp-private-filebrowser-button-width: 48px;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-FileBrowser {
+ display: flex;
+ flex-direction: column;
+ color: var(--jp-ui-font-color1);
+ background: var(--jp-layout-color1);
+ /* This is needed so that all font sizing of children done in ems is
+ * relative to this base size */
+ font-size: var(--jp-ui-font-size1);
+}
+
+.jp-FileBrowser-toolbar.jp-Toolbar {
+ border-bottom: none;
+ height: auto;
+ margin: var(--jp-toolbar-header-margin);
+ box-shadow: none;
+}
+
+.jp-BreadCrumbs {
+ flex: 0 0 auto;
+ margin: 4px 12px;
+}
+
+.jp-BreadCrumbs-item {
+ margin: 0px 2px;
+ padding: 0px 2px;
+ border-radius: var(--jp-border-radius);
+ cursor: pointer;
+}
+
+.jp-BreadCrumbs-item:hover {
+ background-color: var(--jp-layout-color2);
+}
+
+.jp-BreadCrumbs-item:first-child {
+ margin-left: 0px;
+}
+
+.jp-BreadCrumbs-item.jp-mod-dropTarget {
+ background-color: var(--jp-brand-color2);
+ opacity: 0.7;
+}
+
+/*-----------------------------------------------------------------------------
+| Buttons
+|----------------------------------------------------------------------------*/
+
+.jp-FileBrowser-toolbar.jp-Toolbar {
+ padding: 0px;
+}
+
+.jp-FileBrowser-toolbar.jp-Toolbar {
+ justify-content: space-evenly;
+}
+
+.jp-FileBrowser-toolbar.jp-Toolbar .jp-Toolbar-item {
+ flex: 1;
+}
+
+.jp-FileBrowser-toolbar.jp-Toolbar .jp-ToolbarButtonComponent {
+ width: 100%;
+}
+
+/*-----------------------------------------------------------------------------
+| DirListing
+|----------------------------------------------------------------------------*/
+
+.jp-DirListing {
+ flex: 1 1 auto;
+ display: flex;
+ flex-direction: column;
+ outline: 0;
+}
+
+.jp-DirListing-header {
+ flex: 0 0 auto;
+ display: flex;
+ flex-direction: row;
+ overflow: hidden;
+ border-top: var(--jp-border-width) solid var(--jp-border-color2);
+ border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
+ box-shadow: var(--jp-toolbar-box-shadow);
+ z-index: 2;
+}
+
+.jp-DirListing-headerItem {
+ padding: 4px 12px 2px 12px;
+ font-weight: 500;
+}
+
+.jp-DirListing-headerItem:hover {
+ background: var(--jp-layout-color2);
+}
+
+.jp-DirListing-headerItem.jp-id-name {
+ flex: 1 0 84px;
+}
+
+.jp-DirListing-headerItem.jp-id-modified {
+ flex: 0 0 112px;
+ border-left: var(--jp-border-width) solid var(--jp-border-color2);
+ text-align: right;
+}
+
+.jp-DirListing-narrow .jp-id-modified,
+.jp-DirListing-narrow .jp-DirListing-itemModified {
+ display: none;
+}
+
+.jp-DirListing-headerItem.jp-mod-selected {
+ font-weight: 600;
+}
+
+/* increase specificity to override bundled default */
+.jp-DirListing-content {
+ flex: 1 1 auto;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow: auto;
+ background-color: var(--jp-layout-color1);
+}
+
+/* Style the directory listing content when a user drops a file to upload */
+.jp-DirListing.jp-mod-native-drop .jp-DirListing-content {
+ outline: 5px dashed rgba(128, 128, 128, 0.5);
+ outline-offset: -10px;
+ cursor: copy;
+}
+
+.jp-DirListing-item {
+ display: flex;
+ flex-direction: row;
+ padding: 4px 12px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.jp-DirListing-item.jp-mod-selected {
+ color: white;
+ background: var(--jp-brand-color1);
+}
+
+.jp-DirListing-item.jp-mod-dropTarget {
+ background: var(--jp-brand-color3);
+}
+
+.jp-DirListing-item:hover:not(.jp-mod-selected) {
+ background: var(--jp-layout-color2);
+}
+
+.jp-DirListing-itemIcon {
+ flex: 0 0 20px;
+ margin-right: 4px;
+}
+
+.jp-DirListing-itemText {
+ flex: 1 0 64px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ user-select: none;
+}
+
+.jp-DirListing-itemModified {
+ flex: 0 0 125px;
+ text-align: right;
+}
+
+.jp-DirListing-editor {
+ flex: 1 0 64px;
+ outline: none;
+ border: none;
+}
+
+.jp-DirListing-item.jp-mod-running .jp-DirListing-itemIcon:before {
+ color: limegreen;
+ content: '\25CF';
+ font-size: 8px;
+ position: absolute;
+ left: -8px;
+}
+
+.jp-DirListing-item.lm-mod-drag-image,
+.jp-DirListing-item.jp-mod-selected.lm-mod-drag-image {
+ font-size: var(--jp-ui-font-size1);
+ padding-left: 4px;
+ margin-left: 4px;
+ width: 160px;
+ background-color: var(--jp-ui-inverse-font-color2);
+ box-shadow: var(--jp-elevation-z2);
+ border-radius: 0px;
+ color: var(--jp-ui-font-color1);
+ transform: translateX(-40%) translateY(-58%);
+}
+
+.jp-DirListing-deadSpace {
+ flex: 1 1 auto;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow: auto;
+ background-color: var(--jp-layout-color1);
+}
+
+.jp-Document {
+ min-width: 120px;
+ min-height: 120px;
+ outline: none;
+}
+
+.jp-FileDialog.jp-mod-conflict input {
+ color: red;
+}
+
+.jp-FileDialog .jp-new-name-title {
+ margin-top: 12px;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Private CSS variables
+|----------------------------------------------------------------------------*/
+
+:root {
+}
+
+/*-----------------------------------------------------------------------------
+| Main OutputArea
+| OutputArea has a list of Outputs
+|----------------------------------------------------------------------------*/
+
+.jp-OutputArea {
+ overflow-y: auto;
+}
+
+.jp-OutputArea-child {
+ display: flex;
+ flex-direction: row;
+}
+
+.jp-OutputPrompt {
+ flex: 0 0 var(--jp-cell-prompt-width);
+ color: var(--jp-cell-outprompt-font-color);
+ font-family: var(--jp-cell-prompt-font-family);
+ padding: var(--jp-code-padding);
+ letter-spacing: var(--jp-cell-prompt-letter-spacing);
+ line-height: var(--jp-code-line-height);
+ font-size: var(--jp-code-font-size);
+ border: var(--jp-border-width) solid transparent;
+ opacity: var(--jp-cell-prompt-opacity);
+ /* Right align prompt text, don't wrap to handle large prompt numbers */
+ text-align: right;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ /* Disable text selection */
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.jp-OutputArea-output {
+ height: auto;
+ overflow: auto;
+ user-select: text;
+ -moz-user-select: text;
+ -webkit-user-select: text;
+ -ms-user-select: text;
+}
+
+.jp-OutputArea-child .jp-OutputArea-output {
+ flex-grow: 1;
+ flex-shrink: 1;
+}
+
+/**
+ * Isolated output.
+ */
+.jp-OutputArea-output.jp-mod-isolated {
+ width: 100%;
+ display: block;
+}
+
+/*
+When drag events occur, `p-mod-override-cursor` is added to the body.
+Because iframes steal all cursor events, the following two rules are necessary
+to suppress pointer events while resize drags are occurring. There may be a
+better solution to this problem.
+*/
+body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated {
+ position: relative;
+}
+
+body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: transparent;
+}
+
+/* pre */
+
+.jp-OutputArea-output pre {
+ border: none;
+ margin: 0px;
+ padding: 0px;
+ overflow-x: auto;
+ overflow-y: auto;
+ word-break: break-all;
+ word-wrap: break-word;
+ white-space: pre-wrap;
+}
+
+/* tables */
+
+.jp-OutputArea-output.jp-RenderedHTMLCommon table {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+/* description lists */
+
+.jp-OutputArea-output dl,
+.jp-OutputArea-output dt,
+.jp-OutputArea-output dd {
+ display: block;
+}
+
+.jp-OutputArea-output dl {
+ width: 100%;
+ overflow: hidden;
+ padding: 0;
+ margin: 0;
+}
+
+.jp-OutputArea-output dt {
+ font-weight: bold;
+ float: left;
+ width: 20%;
+ padding: 0;
+ margin: 0;
+}
+
+.jp-OutputArea-output dd {
+ float: left;
+ width: 80%;
+ padding: 0;
+ margin: 0;
+}
+
+/* Hide the gutter in case of
+ * - nested output areas (e.g. in the case of output widgets)
+ * - mirrored output areas
+ */
+.jp-OutputArea .jp-OutputArea .jp-OutputArea-prompt {
+ display: none;
+}
+
+/*-----------------------------------------------------------------------------
+| executeResult is added to any Output-result for the display of the object
+| returned by a cell
+|----------------------------------------------------------------------------*/
+
+.jp-OutputArea-output.jp-OutputArea-executeResult {
+ margin-left: 0px;
+ flex: 1 1 auto;
+}
+
+.jp-OutputArea-executeResult.jp-RenderedText {
+ padding-top: var(--jp-code-padding);
+}
+
+/*-----------------------------------------------------------------------------
+| The Stdin output
+|----------------------------------------------------------------------------*/
+
+.jp-OutputArea-stdin {
+ line-height: var(--jp-code-line-height);
+ padding-top: var(--jp-code-padding);
+ display: flex;
+}
+
+.jp-Stdin-prompt {
+ color: var(--jp-content-font-color0);
+ padding-right: var(--jp-code-padding);
+ vertical-align: baseline;
+ flex: 0 0 auto;
+}
+
+.jp-Stdin-input {
+ font-family: var(--jp-code-font-family);
+ font-size: inherit;
+ color: inherit;
+ background-color: inherit;
+ width: 42%;
+ min-width: 200px;
+ /* make sure input baseline aligns with prompt */
+ vertical-align: baseline;
+ /* padding + margin = 0.5em between prompt and cursor */
+ padding: 0em 0.25em;
+ margin: 0em 0.25em;
+ flex: 0 0 70%;
+}
+
+.jp-Stdin-input:focus {
+ box-shadow: none;
+}
+
+/*-----------------------------------------------------------------------------
+| Output Area View
+|----------------------------------------------------------------------------*/
+
+.jp-LinkedOutputView .jp-OutputArea {
+ height: 100%;
+ display: block;
+}
+
+.jp-LinkedOutputView .jp-OutputArea-output:only-child {
+ height: 100%;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-Collapser {
+ flex: 0 0 var(--jp-cell-collapser-width);
+ padding: 0px;
+ margin: 0px;
+ border: none;
+ outline: none;
+ background: transparent;
+ border-radius: var(--jp-border-radius);
+ opacity: 1;
+}
+
+.jp-Collapser-child {
+ display: block;
+ width: 100%;
+ box-sizing: border-box;
+ /* height: 100% doesn't work because the height of its parent is computed from content */
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Header/Footer
+|----------------------------------------------------------------------------*/
+
+/* Hidden by zero height by default */
+.jp-CellHeader,
+.jp-CellFooter {
+ height: 0px;
+ width: 100%;
+ padding: 0px;
+ margin: 0px;
+ border: none;
+ outline: none;
+ background: transparent;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Input
+|----------------------------------------------------------------------------*/
+
+/* All input areas */
+.jp-InputArea {
+ display: flex;
+ flex-direction: row;
+}
+
+.jp-InputArea-editor {
+ flex: 1 1 auto;
+}
+
+.jp-InputArea-editor {
+ /* This is the non-active, default styling */
+ border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
+ border-radius: 0px;
+ background: var(--jp-cell-editor-background);
+}
+
+.jp-InputPrompt {
+ flex: 0 0 var(--jp-cell-prompt-width);
+ color: var(--jp-cell-inprompt-font-color);
+ font-family: var(--jp-cell-prompt-font-family);
+ padding: var(--jp-code-padding);
+ letter-spacing: var(--jp-cell-prompt-letter-spacing);
+ opacity: var(--jp-cell-prompt-opacity);
+ line-height: var(--jp-code-line-height);
+ font-size: var(--jp-code-font-size);
+ border: var(--jp-border-width) solid transparent;
+ opacity: var(--jp-cell-prompt-opacity);
+ /* Right align prompt text, don't wrap to handle large prompt numbers */
+ text-align: right;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ /* Disable text selection */
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Placeholder
+|----------------------------------------------------------------------------*/
+
+.jp-Placeholder {
+ display: flex;
+ flex-direction: row;
+ flex: 1 1 auto;
+}
+
+.jp-Placeholder-prompt {
+ box-sizing: border-box;
+}
+
+.jp-Placeholder-content {
+ flex: 1 1 auto;
+ border: none;
+ background: transparent;
+ height: 20px;
+ box-sizing: border-box;
+}
+
+.jp-Placeholder-content .jp-MoreHorizIcon {
+ width: 32px;
+ height: 16px;
+ border: 1px solid transparent;
+ border-radius: var(--jp-border-radius);
+}
+
+.jp-Placeholder-content .jp-MoreHorizIcon:hover {
+ border: 1px solid var(--jp-border-color1);
+ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
+ background-color: var(--jp-layout-color0);
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Private CSS variables
+|----------------------------------------------------------------------------*/
+
+:root {
+ --jp-private-cell-scrolling-output-offset: 5px;
+}
+
+/*-----------------------------------------------------------------------------
+| Cell
+|----------------------------------------------------------------------------*/
+
+.jp-Cell {
+ padding: var(--jp-cell-padding);
+ margin: 0px;
+ border: none;
+ outline: none;
+ background: transparent;
+}
+
+/*-----------------------------------------------------------------------------
+| Common input/output
+|----------------------------------------------------------------------------*/
+
+.jp-Cell-inputWrapper,
+.jp-Cell-outputWrapper {
+ display: flex;
+ flex-direction: row;
+ padding: 0px;
+ margin: 0px;
+ /* Added to reveal the box-shadow on the input and output collapsers. */
+ overflow: visible;
+}
+
+/* Only input/output areas inside cells */
+.jp-Cell-inputArea,
+.jp-Cell-outputArea {
+ flex: 1 1 auto;
+}
+
+/*-----------------------------------------------------------------------------
+| Collapser
+|----------------------------------------------------------------------------*/
+
+/* Make the output collapser disappear when there is not output, but do so
+ * in a manner that leaves it in the layout and preserves its width.
+ */
+.jp-Cell.jp-mod-noOutputs .jp-Cell-outputCollapser {
+ border: none !important;
+ background: transparent !important;
+}
+
+.jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputCollapser {
+ min-height: var(--jp-cell-collapser-min-height);
+}
+
+/*-----------------------------------------------------------------------------
+| Output
+|----------------------------------------------------------------------------*/
+
+/* Put a space between input and output when there IS output */
+.jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputWrapper {
+ margin-top: 5px;
+}
+
+/* Text output with the Out[] prompt needs a top padding to match the
+ * alignment of the Out[] prompt itself.
+ */
+.jp-OutputArea-executeResult .jp-RenderedText.jp-OutputArea-output {
+ padding-top: var(--jp-code-padding);
+}
+
+.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea {
+ overflow-y: auto;
+ max-height: 200px;
+ box-shadow: inset 0 0 6px 2px rgba(0, 0, 0, 0.3);
+ margin-left: var(--jp-private-cell-scrolling-output-offset);
+}
+
+.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-prompt {
+ flex: 0 0
+ calc(
+ var(--jp-cell-prompt-width) -
+ var(--jp-private-cell-scrolling-output-offset)
+ );
+}
+
+/*-----------------------------------------------------------------------------
+| CodeCell
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| MarkdownCell
+|----------------------------------------------------------------------------*/
+
+.jp-MarkdownOutput {
+ flex: 1 1 auto;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-left: var(--jp-code-padding);
+}
+
+.jp-MarkdownOutput.jp-RenderedHTMLCommon {
+ overflow: auto;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Variables
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+
+/*-----------------------------------------------------------------------------
+| Styles
+|----------------------------------------------------------------------------*/
+
+.jp-NotebookPanel-toolbar {
+ padding: 2px;
+}
+
+.jp-Toolbar-item.jp-Notebook-toolbarCellType .jp-select-wrapper.jp-mod-focused {
+ border: none;
+ box-shadow: none;
+}
+
+.jp-Notebook-toolbarCellTypeDropdown select {
+ height: 24px;
+ font-size: var(--jp-ui-font-size1);
+ line-height: 14px;
+ border-radius: 0;
+ display: block;
+}
+
+.jp-Notebook-toolbarCellTypeDropdown span {
+ top: 5px !important;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Private CSS variables
+|----------------------------------------------------------------------------*/
+
+:root {
+ --jp-private-notebook-dragImage-width: 304px;
+ --jp-private-notebook-dragImage-height: 36px;
+ --jp-private-notebook-selected-color: var(--md-blue-400);
+ --jp-private-notebook-active-color: var(--md-green-400);
+}
+
+/*-----------------------------------------------------------------------------
+| Imports
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Notebook
+|----------------------------------------------------------------------------*/
+
+.jp-NotebookPanel {
+ display: block;
+ height: 100%;
+}
+
+.jp-NotebookPanel.jp-Document {
+ min-width: 240px;
+ min-height: 120px;
+}
+
+.jp-Notebook {
+ padding: var(--jp-notebook-padding);
+ outline: none;
+ overflow: auto;
+ background: var(--jp-layout-color0);
+}
+
+.jp-Notebook.jp-mod-scrollPastEnd::after {
+ display: block;
+ content: '';
+ min-height: var(--jp-notebook-scroll-padding);
+}
+
+.jp-Notebook .jp-Cell {
+ overflow: visible;
+}
+
+.jp-Notebook .jp-Cell .jp-InputPrompt {
+ cursor: move;
+}
+
+/*-----------------------------------------------------------------------------
+| Notebook state related styling
+|
+| The notebook and cells each have states, here are the possibilities:
+|
+| - Notebook
+| - Command
+| - Edit
+| - Cell
+| - None
+| - Active (only one can be active)
+| - Selected (the cells actions are applied to)
+| - Multiselected (when multiple selected, the cursor)
+| - No outputs
+|----------------------------------------------------------------------------*/
+
+/* Command or edit modes */
+
+.jp-Notebook .jp-Cell:not(.jp-mod-active) .jp-InputPrompt {
+ opacity: var(--jp-cell-prompt-not-active-opacity);
+ color: var(--jp-cell-prompt-not-active-font-color);
+}
+
+.jp-Notebook .jp-Cell:not(.jp-mod-active) .jp-OutputPrompt {
+ opacity: var(--jp-cell-prompt-not-active-opacity);
+ color: var(--jp-cell-prompt-not-active-font-color);
+}
+
+/* cell is active */
+.jp-Notebook .jp-Cell.jp-mod-active .jp-Collapser {
+ background: var(--jp-brand-color1);
+}
+
+/* collapser is hovered */
+.jp-Notebook .jp-Cell .jp-Collapser:hover {
+ box-shadow: var(--jp-elevation-z2);
+ background: var(--jp-brand-color1);
+ opacity: var(--jp-cell-collapser-not-active-hover-opacity);
+}
+
+/* cell is active and collapser is hovered */
+.jp-Notebook .jp-Cell.jp-mod-active .jp-Collapser:hover {
+ background: var(--jp-brand-color0);
+ opacity: 1;
+}
+
+/* Command mode */
+
+.jp-Notebook.jp-mod-commandMode .jp-Cell.jp-mod-selected {
+ background: var(--jp-notebook-multiselected-color);
+}
+
+.jp-Notebook.jp-mod-commandMode
+ .jp-Cell.jp-mod-active.jp-mod-selected:not(.jp-mod-multiSelected) {
+ background: transparent;
+}
+
+/* Edit mode */
+
+.jp-Notebook.jp-mod-editMode .jp-Cell.jp-mod-active .jp-InputArea-editor {
+ border: var(--jp-border-width) solid var(--jp-cell-editor-active-border-color);
+ box-shadow: var(--jp-input-box-shadow);
+ background-color: var(--jp-cell-editor-active-background);
+}
+
+/*-----------------------------------------------------------------------------
+| Notebook drag and drop
+|----------------------------------------------------------------------------*/
+
+.jp-Notebook-cell.jp-mod-dropSource {
+ opacity: 0.5;
+}
+
+.jp-Notebook-cell.jp-mod-dropTarget,
+.jp-Notebook.jp-mod-commandMode
+ .jp-Notebook-cell.jp-mod-active.jp-mod-selected.jp-mod-dropTarget {
+ border-top-color: var(--jp-private-notebook-selected-color);
+ border-top-style: solid;
+ border-top-width: 2px;
+}
+
+.jp-dragImage {
+ display: flex;
+ flex-direction: row;
+ width: var(--jp-private-notebook-dragImage-width);
+ height: var(--jp-private-notebook-dragImage-height);
+ border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
+ background: var(--jp-cell-editor-background);
+ overflow: visible;
+}
+
+.jp-dragImage-singlePrompt {
+ box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
+}
+
+.jp-dragImage .jp-dragImage-content {
+ flex: 1 1 auto;
+ z-index: 2;
+ font-size: var(--jp-code-font-size);
+ font-family: var(--jp-code-font-family);
+ line-height: var(--jp-code-line-height);
+ padding: var(--jp-code-padding);
+ border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
+ background: var(--jp-cell-editor-background-color);
+ color: var(--jp-content-font-color3);
+ text-align: left;
+ margin: 4px 4px 4px 0px;
+}
+
+.jp-dragImage .jp-dragImage-prompt {
+ flex: 0 0 auto;
+ min-width: 36px;
+ color: var(--jp-cell-inprompt-font-color);
+ padding: var(--jp-code-padding);
+ padding-left: 12px;
+ font-family: var(--jp-cell-prompt-font-family);
+ letter-spacing: var(--jp-cell-prompt-letter-spacing);
+ line-height: 1.9;
+ font-size: var(--jp-code-font-size);
+ border: var(--jp-border-width) solid transparent;
+}
+
+.jp-dragImage-multipleBack {
+ z-index: -1;
+ position: absolute;
+ height: 32px;
+ width: 300px;
+ top: 8px;
+ left: 8px;
+ background: var(--jp-layout-color2);
+ border: var(--jp-border-width) solid var(--jp-input-border-color);
+ box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
+}
+
+/*-----------------------------------------------------------------------------
+| Cell toolbar
+|----------------------------------------------------------------------------*/
+
+.jp-NotebookTools {
+ display: block;
+ min-width: var(--jp-sidebar-min-width);
+ color: var(--jp-ui-font-color1);
+ background: var(--jp-layout-color1);
+ /* This is needed so that all font sizing of children done in ems is
+ * relative to this base size */
+ font-size: var(--jp-ui-font-size1);
+ overflow: auto;
+}
+
+.jp-NotebookTools-tool {
+ padding: 0px 12px 0 12px;
+}
+
+.jp-ActiveCellTool {
+ padding: 12px;
+ background-color: var(--jp-layout-color1);
+ border-top: none !important;
+}
+
+.jp-ActiveCellTool .jp-InputArea-prompt {
+ flex: 0 0 auto;
+ padding-left: 0px;
+}
+
+.jp-ActiveCellTool .jp-InputArea-editor {
+ flex: 1 1 auto;
+ background: var(--jp-cell-editor-background);
+ border-color: var(--jp-cell-editor-border-color);
+}
+
+.jp-ActiveCellTool .jp-InputArea-editor .CodeMirror {
+ background: transparent;
+}
+
+.jp-MetadataEditorTool {
+ flex-direction: column;
+ padding: 12px 0px 12px 0px;
+}
+
+.jp-RankedPanel > :not(:first-child) {
+ margin-top: 12px;
+}
+
+.jp-KeySelector select.jp-mod-styled {
+ font-size: var(--jp-ui-font-size1);
+ color: var(--jp-ui-font-color0);
+ border: var(--jp-border-width) solid var(--jp-border-color1);
+}
+
+.jp-KeySelector label,
+.jp-MetadataEditorTool label {
+ line-height: 1.4;
+}
+
+/*-----------------------------------------------------------------------------
+| Presentation Mode (.jp-mod-presentationMode)
+|----------------------------------------------------------------------------*/
+
+.jp-mod-presentationMode .jp-Notebook {
+ --jp-content-font-size1: var(--jp-content-presentation-font-size1);
+ --jp-code-font-size: var(--jp-code-presentation-font-size);
+}
+
+.jp-mod-presentationMode .jp-Notebook .jp-Cell .jp-InputPrompt,
+.jp-mod-presentationMode .jp-Notebook .jp-Cell .jp-OutputPrompt {
+ flex: 0 0 110px;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
diff --git a/share/jupyter/nbconvert/templates/presto/static/theme-dark.css b/share/jupyter/nbconvert/templates/presto/static/theme-dark.css
new file mode 100644
index 0000000..9e8a589
--- /dev/null
+++ b/share/jupyter/nbconvert/templates/presto/static/theme-dark.css
@@ -0,0 +1,405 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*
+The following CSS variables define the main, public API for styling JupyterLab.
+These variables should be used by all plugins wherever possible. In other
+words, plugins should not define custom colors, sizes, etc unless absolutely
+necessary. This enables users to change the visual theme of JupyterLab
+by changing these variables.
+
+Many variables appear in an ordered sequence (0,1,2,3). These sequences
+are designed to work well together, so for example, `--jp-border-color1` should
+be used with `--jp-layout-color1`. The numbers have the following meanings:
+
+* 0: super-primary, reserved for special emphasis
+* 1: primary, most important under normal situations
+* 2: secondary, next most important under normal situations
+* 3: tertiary, next most important under normal situations
+
+Throughout JupyterLab, we are mostly following principles from Google's
+Material Design when selecting colors. We are not, however, following
+all of MD as it is not optimized for dense, information rich UIs.
+*/
+
+:root {
+ /* Elevation
+ *
+ * We style box-shadows using Material Design's idea of elevation. These particular numbers are taken from here:
+ *
+ * https://github.com/material-components/material-components-web
+ * https://material-components-web.appspot.com/elevation.html
+ */
+
+ /* The dark theme shadows need a bit of work, but this will probably also require work on the core layout
+ * colors used in the theme as well. */
+ --jp-shadow-base-lightness: 32;
+ --jp-shadow-umbra-color: rgba(
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ 0.2
+ );
+ --jp-shadow-penumbra-color: rgba(
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ 0.14
+ );
+ --jp-shadow-ambient-color: rgba(
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ 0.12
+ );
+ --jp-elevation-z0: none;
+ --jp-elevation-z1: 0px 2px 1px -1px var(--jp-shadow-umbra-color),
+ 0px 1px 1px 0px var(--jp-shadow-penumbra-color),
+ 0px 1px 3px 0px var(--jp-shadow-ambient-color);
+ --jp-elevation-z2: 0px 3px 1px -2px var(--jp-shadow-umbra-color),
+ 0px 2px 2px 0px var(--jp-shadow-penumbra-color),
+ 0px 1px 5px 0px var(--jp-shadow-ambient-color);
+ --jp-elevation-z4: 0px 2px 4px -1px var(--jp-shadow-umbra-color),
+ 0px 4px 5px 0px var(--jp-shadow-penumbra-color),
+ 0px 1px 10px 0px var(--jp-shadow-ambient-color);
+ --jp-elevation-z6: 0px 3px 5px -1px var(--jp-shadow-umbra-color),
+ 0px 6px 10px 0px var(--jp-shadow-penumbra-color),
+ 0px 1px 18px 0px var(--jp-shadow-ambient-color);
+ --jp-elevation-z8: 0px 5px 5px -3px var(--jp-shadow-umbra-color),
+ 0px 8px 10px 1px var(--jp-shadow-penumbra-color),
+ 0px 3px 14px 2px var(--jp-shadow-ambient-color);
+ --jp-elevation-z12: 0px 7px 8px -4px var(--jp-shadow-umbra-color),
+ 0px 12px 17px 2px var(--jp-shadow-penumbra-color),
+ 0px 5px 22px 4px var(--jp-shadow-ambient-color);
+ --jp-elevation-z16: 0px 8px 10px -5px var(--jp-shadow-umbra-color),
+ 0px 16px 24px 2px var(--jp-shadow-penumbra-color),
+ 0px 6px 30px 5px var(--jp-shadow-ambient-color);
+ --jp-elevation-z20: 0px 10px 13px -6px var(--jp-shadow-umbra-color),
+ 0px 20px 31px 3px var(--jp-shadow-penumbra-color),
+ 0px 8px 38px 7px var(--jp-shadow-ambient-color);
+ --jp-elevation-z24: 0px 11px 15px -7px var(--jp-shadow-umbra-color),
+ 0px 24px 38px 3px var(--jp-shadow-penumbra-color),
+ 0px 9px 46px 8px var(--jp-shadow-ambient-color);
+
+ /* Borders
+ *
+ * The following variables, specify the visual styling of borders in JupyterLab.
+ */
+
+ --jp-border-width: 1px;
+ --jp-border-color0: var(--md-grey-700);
+ --jp-border-color1: var(--md-grey-700);
+ --jp-border-color2: var(--md-grey-800);
+ --jp-border-color3: var(--md-grey-900);
+ --jp-border-radius: 2px;
+
+ /* UI Fonts
+ *
+ * The UI font CSS variables are used for the typography all of the JupyterLab
+ * user interface elements that are not directly user generated content.
+ *
+ * The font sizing here is done assuming that the body font size of --jp-ui-font-size1
+ * is applied to a parent element. When children elements, such as headings, are sized
+ * in em all things will be computed relative to that body size.
+ */
+
+ --jp-ui-font-scale-factor: 1.2;
+ --jp-ui-font-size0: 0.83333em;
+ --jp-ui-font-size1: 13px; /* Base font size */
+ --jp-ui-font-size2: 1.2em;
+ --jp-ui-font-size3: 1.44em;
+
+ --jp-ui-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+ Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+
+ /*
+ * Use these font colors against the corresponding main layout colors.
+ * In a light theme, these go from dark to light.
+ */
+
+ /* Defaults use Material Design specification */
+ --jp-ui-font-color0: rgba(255, 255, 255, 1);
+ --jp-ui-font-color1: rgba(255, 255, 255, 0.87);
+ --jp-ui-font-color2: rgba(255, 255, 255, 0.54);
+ --jp-ui-font-color3: rgba(255, 255, 255, 0.38);
+
+ /*
+ * Use these against the brand/accent/warn/error colors.
+ * These will typically go from light to darker, in both a dark and light theme.
+ */
+
+ --jp-ui-inverse-font-color0: rgba(0, 0, 0, 1);
+ --jp-ui-inverse-font-color1: rgba(0, 0, 0, 0.8);
+ --jp-ui-inverse-font-color2: rgba(0, 0, 0, 0.5);
+ --jp-ui-inverse-font-color3: rgba(0, 0, 0, 0.3);
+
+ /* Content Fonts
+ *
+ * Content font variables are used for typography of user generated content.
+ *
+ * The font sizing here is done assuming that the body font size of --jp-content-font-size1
+ * is applied to a parent element. When children elements, such as headings, are sized
+ * in em all things will be computed relative to that body size.
+ */
+
+ --jp-content-line-height: 1.6;
+ --jp-content-font-scale-factor: 1.2;
+ --jp-content-font-size0: 0.83333em;
+ --jp-content-font-size1: 14px; /* Base font size */
+ --jp-content-font-size2: 1.2em;
+ --jp-content-font-size3: 1.44em;
+ --jp-content-font-size4: 1.728em;
+ --jp-content-font-size5: 2.0736em;
+
+ /* This gives a magnification of about 125% in presentation mode over normal. */
+ --jp-content-presentation-font-size1: 17px;
+
+ --jp-content-heading-line-height: 1;
+ --jp-content-heading-margin-top: 1.2em;
+ --jp-content-heading-margin-bottom: 0.8em;
+ --jp-content-heading-font-weight: 500;
+
+ /* Defaults use Material Design specification */
+ --jp-content-font-color0: rgba(255, 255, 255, 1);
+ --jp-content-font-color1: rgba(255, 255, 255, 1);
+ --jp-content-font-color2: rgba(255, 255, 255, 0.7);
+ --jp-content-font-color3: rgba(255, 255, 255, 0.5);
+
+ --jp-content-link-color: var(--md-blue-300);
+
+ --jp-content-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
+ Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+ 'Segoe UI Symbol';
+
+ /*
+ * Code Fonts
+ *
+ * Code font variables are used for typography of code and other monospaces content.
+ */
+
+ --jp-code-font-size: 13px;
+ --jp-code-line-height: 1.3077; /* 17px for 13px base */
+ --jp-code-padding: 5px; /* 5px for 13px base, codemirror highlighting needs integer px value */
+ --jp-code-font-family-default: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+ --jp-code-font-family: var(--jp-code-font-family-default);
+
+ /* This gives a magnification of about 125% in presentation mode over normal. */
+ --jp-code-presentation-font-size: 16px;
+
+ /* may need to tweak cursor width if you change font size */
+ --jp-code-cursor-width0: 1.4px;
+ --jp-code-cursor-width1: 2px;
+ --jp-code-cursor-width2: 4px;
+
+ /* Layout
+ *
+ * The following are the main layout colors use in JupyterLab. In a light
+ * theme these would go from light to dark.
+ */
+
+ --jp-layout-color0: #111111;
+ --jp-layout-color1: var(--md-grey-900);
+ --jp-layout-color2: var(--md-grey-800);
+ --jp-layout-color3: var(--md-grey-700);
+ --jp-layout-color4: var(--md-grey-600);
+
+ /* Inverse Layout
+ *
+ * The following are the inverse layout colors use in JupyterLab. In a light
+ * theme these would go from dark to light.
+ */
+
+ --jp-inverse-layout-color0: white;
+ --jp-inverse-layout-color1: white;
+ --jp-inverse-layout-color2: var(--md-grey-200);
+ --jp-inverse-layout-color3: var(--md-grey-400);
+ --jp-inverse-layout-color4: var(--md-grey-600);
+
+ /* Brand/accent */
+
+ --jp-brand-color0: var(--md-blue-700);
+ --jp-brand-color1: var(--md-blue-500);
+ --jp-brand-color2: var(--md-blue-300);
+ --jp-brand-color3: var(--md-blue-100);
+ --jp-brand-color4: var(--md-blue-50);
+
+ --jp-accent-color0: var(--md-green-700);
+ --jp-accent-color1: var(--md-green-500);
+ --jp-accent-color2: var(--md-green-300);
+ --jp-accent-color3: var(--md-green-100);
+
+ /* State colors (warn, error, success, info) */
+
+ --jp-warn-color0: var(--md-orange-700);
+ --jp-warn-color1: var(--md-orange-500);
+ --jp-warn-color2: var(--md-orange-300);
+ --jp-warn-color3: var(--md-orange-100);
+
+ --jp-error-color0: var(--md-red-700);
+ --jp-error-color1: var(--md-red-500);
+ --jp-error-color2: var(--md-red-300);
+ --jp-error-color3: var(--md-red-100);
+
+ --jp-success-color0: var(--md-green-700);
+ --jp-success-color1: var(--md-green-500);
+ --jp-success-color2: var(--md-green-300);
+ --jp-success-color3: var(--md-green-100);
+
+ --jp-info-color0: var(--md-cyan-700);
+ --jp-info-color1: var(--md-cyan-500);
+ --jp-info-color2: var(--md-cyan-300);
+ --jp-info-color3: var(--md-cyan-100);
+
+ /* Cell specific styles */
+
+ --jp-cell-padding: 5px;
+
+ --jp-cell-collapser-width: 8px;
+ --jp-cell-collapser-min-height: 20px;
+ --jp-cell-collapser-not-active-hover-opacity: 0.6;
+
+ --jp-cell-editor-background: var(--jp-layout-color1);
+ --jp-cell-editor-border-color: var(--md-grey-700);
+ --jp-cell-editor-box-shadow: inset 0 0 2px var(--md-blue-300);
+ --jp-cell-editor-active-background: var(--jp-layout-color0);
+ --jp-cell-editor-active-border-color: var(--jp-brand-color1);
+
+ --jp-cell-prompt-width: 64px;
+ --jp-cell-prompt-font-family: 'Source Code Pro', monospace;
+ --jp-cell-prompt-letter-spacing: 0px;
+ --jp-cell-prompt-opacity: 1;
+ --jp-cell-prompt-not-active-opacity: 1;
+ --jp-cell-prompt-not-active-font-color: var(--md-grey-300);
+
+ /* A custom blend of MD grey and blue 600
+ * See https://meyerweb.com/eric/tools/color-blend/#546E7A:1E88E5:5:hex */
+ --jp-cell-inprompt-font-color: #307fc1;
+ /* A custom blend of MD grey and orange 600
+ * https://meyerweb.com/eric/tools/color-blend/#546E7A:F4511E:5:hex */
+ --jp-cell-outprompt-font-color: #bf5b3d;
+
+ /* Notebook specific styles */
+
+ --jp-notebook-padding: 10px;
+ --jp-notebook-select-background: var(--jp-layout-color1);
+ --jp-notebook-multiselected-color: rgba(33, 150, 243, 0.24);
+
+ /* The scroll padding is calculated to fill enough space at the bottom of the
+ notebook to show one single-line cell (with appropriate padding) at the top
+ when the notebook is scrolled all the way to the bottom. We also subtract one
+ pixel so that no scrollbar appears if we have just one single-line cell in the
+ notebook. This padding is to enable a 'scroll past end' feature in a notebook.
+ */
+ --jp-notebook-scroll-padding: calc(
+ 100% - var(--jp-code-font-size) * var(--jp-code-line-height) -
+ var(--jp-code-padding) - var(--jp-cell-padding) - 1px
+ );
+
+ /* Rendermime styles */
+
+ --jp-rendermime-error-background: rgba(244, 67, 54, 0.28);
+ --jp-rendermime-table-row-background: var(--md-grey-900);
+ --jp-rendermime-table-row-hover-background: rgba(3, 169, 244, 0.2);
+
+ /* Dialog specific styles */
+
+ --jp-dialog-background: rgba(0, 0, 0, 0.6);
+
+ /* Console specific styles */
+
+ --jp-console-padding: 10px;
+
+ /* Toolbar specific styles */
+
+ --jp-toolbar-border-color: var(--jp-border-color2);
+ --jp-toolbar-micro-height: 8px;
+ --jp-toolbar-background: var(--jp-layout-color1);
+ --jp-toolbar-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.8);
+ --jp-toolbar-header-margin: 4px 4px 0px 4px;
+ --jp-toolbar-active-background: var(--jp-layout-color0);
+
+ /* Input field styles */
+
+ --jp-input-box-shadow: inset 0 0 2px var(--md-blue-300);
+ --jp-input-active-background: var(--jp-layout-color0);
+ --jp-input-hover-background: var(--jp-layout-color2);
+ --jp-input-background: var(--md-grey-800);
+ --jp-input-border-color: var(--jp-border-color1);
+ --jp-input-active-border-color: var(--jp-brand-color1);
+ --jp-input-active-box-shadow-color: rgba(19, 124, 189, 0.3);
+
+ /* General editor styles */
+
+ --jp-editor-selected-background: var(--jp-layout-color2);
+ --jp-editor-selected-focused-background: rgba(33, 150, 243, 0.24);
+ --jp-editor-cursor-color: var(--jp-ui-font-color0);
+
+ /* Code mirror specific styles */
+
+ --jp-mirror-editor-keyword-color: var(--md-green-500);
+ --jp-mirror-editor-atom-color: var(--md-blue-300);
+ --jp-mirror-editor-number-color: var(--md-green-400);
+ --jp-mirror-editor-def-color: var(--md-blue-600);
+ --jp-mirror-editor-variable-color: var(--md-grey-300);
+ --jp-mirror-editor-variable-2-color: var(--md-blue-400);
+ --jp-mirror-editor-variable-3-color: var(--md-green-600);
+ --jp-mirror-editor-punctuation-color: var(--md-blue-400);
+ --jp-mirror-editor-property-color: var(--md-blue-400);
+ --jp-mirror-editor-operator-color: #aa22ff;
+ --jp-mirror-editor-comment-color: #408080;
+ --jp-mirror-editor-string-color: #ff7070;
+ --jp-mirror-editor-string-2-color: var(--md-purple-300);
+ --jp-mirror-editor-meta-color: #aa22ff;
+ --jp-mirror-editor-qualifier-color: #555;
+ --jp-mirror-editor-builtin-color: var(--md-green-600);
+ --jp-mirror-editor-bracket-color: #997;
+ --jp-mirror-editor-tag-color: var(--md-green-700);
+ --jp-mirror-editor-attribute-color: var(--md-blue-700);
+ --jp-mirror-editor-header-color: var(--md-blue-500);
+ --jp-mirror-editor-quote-color: var(--md-green-300);
+ --jp-mirror-editor-link-color: var(--md-blue-700);
+ --jp-mirror-editor-error-color: #f00;
+ --jp-mirror-editor-hr-color: #999;
+
+ /* Vega extension styles */
+
+ --jp-vega-background: var(--md-grey-400);
+
+ /* Sidebar-related styles */
+
+ --jp-sidebar-min-width: 180px;
+
+ /* Search-related styles */
+
+ --jp-search-toggle-off-opacity: 0.6;
+ --jp-search-toggle-hover-opacity: 0.8;
+ --jp-search-toggle-on-opacity: 1;
+ --jp-search-selected-match-background-color: rgb(255, 225, 0);
+ --jp-search-selected-match-color: black;
+ --jp-search-unselected-match-background-color: var(
+ --jp-inverse-layout-color0
+ );
+ --jp-search-unselected-match-color: var(--jp-ui-inverse-font-color0);
+
+ /* scrollbar related styles. Supports every browser except Edge. */
+
+ /* colors based on JetBrain's Darcula theme */
+
+ --jp-scrollbar-background-color: #3f4244;
+ --jp-scrollbar-thumb-color: 88, 96, 97; /* need to specify thumb color as an RGB triplet */
+
+ --jp-scrollbar-endpad: 3px; /* the minimum gap between the thumb and the ends of a scrollbar */
+
+ /* hacks for setting the thumb shape. These do nothing in Firefox */
+
+ --jp-scrollbar-thumb-margin: 3.5px; /* the space in between the sides of the thumb and the track */
+ --jp-scrollbar-thumb-radius: 9px; /* set to a large-ish value for rounded endcaps on the thumb */
+
+ /* Icon colors that work well with light or dark backgrounds */
+ --jp-icon-contrast-color0: var(--md-purple-600);
+ --jp-icon-contrast-color1: var(--md-green-600);
+ --jp-icon-contrast-color2: var(--md-pink-600);
+ --jp-icon-contrast-color3: var(--md-blue-600);
+}
diff --git a/share/jupyter/nbconvert/templates/presto/static/theme-light.css b/share/jupyter/nbconvert/templates/presto/static/theme-light.css
new file mode 100644
index 0000000..973bc95
--- /dev/null
+++ b/share/jupyter/nbconvert/templates/presto/static/theme-light.css
@@ -0,0 +1,388 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*
+The following CSS variables define the main, public API for styling JupyterLab.
+These variables should be used by all plugins wherever possible. In other
+words, plugins should not define custom colors, sizes, etc unless absolutely
+necessary. This enables users to change the visual theme of JupyterLab
+by changing these variables.
+
+Many variables appear in an ordered sequence (0,1,2,3). These sequences
+are designed to work well together, so for example, `--jp-border-color1` should
+be used with `--jp-layout-color1`. The numbers have the following meanings:
+
+* 0: super-primary, reserved for special emphasis
+* 1: primary, most important under normal situations
+* 2: secondary, next most important under normal situations
+* 3: tertiary, next most important under normal situations
+
+Throughout JupyterLab, we are mostly following principles from Google's
+Material Design when selecting colors. We are not, however, following
+all of MD as it is not optimized for dense, information rich UIs.
+*/
+
+:root {
+ /* Elevation
+ *
+ * We style box-shadows using Material Design's idea of elevation. These particular numbers are taken from here:
+ *
+ * https://github.com/material-components/material-components-web
+ * https://material-components-web.appspot.com/elevation.html
+ */
+
+ --jp-shadow-base-lightness: 0;
+ --jp-shadow-umbra-color: rgba(
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ 0.2
+ );
+ --jp-shadow-penumbra-color: rgba(
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ 0.14
+ );
+ --jp-shadow-ambient-color: rgba(
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ var(--jp-shadow-base-lightness),
+ 0.12
+ );
+ --jp-elevation-z0: none;
+ --jp-elevation-z1: 0px 2px 1px -1px var(--jp-shadow-umbra-color),
+ 0px 1px 1px 0px var(--jp-shadow-penumbra-color),
+ 0px 1px 3px 0px var(--jp-shadow-ambient-color);
+ --jp-elevation-z2: 0px 3px 1px -2px var(--jp-shadow-umbra-color),
+ 0px 2px 2px 0px var(--jp-shadow-penumbra-color),
+ 0px 1px 5px 0px var(--jp-shadow-ambient-color);
+ --jp-elevation-z4: 0px 2px 4px -1px var(--jp-shadow-umbra-color),
+ 0px 4px 5px 0px var(--jp-shadow-penumbra-color),
+ 0px 1px 10px 0px var(--jp-shadow-ambient-color);
+ --jp-elevation-z6: 0px 3px 5px -1px var(--jp-shadow-umbra-color),
+ 0px 6px 10px 0px var(--jp-shadow-penumbra-color),
+ 0px 1px 18px 0px var(--jp-shadow-ambient-color);
+ --jp-elevation-z8: 0px 5px 5px -3px var(--jp-shadow-umbra-color),
+ 0px 8px 10px 1px var(--jp-shadow-penumbra-color),
+ 0px 3px 14px 2px var(--jp-shadow-ambient-color);
+ --jp-elevation-z12: 0px 7px 8px -4px var(--jp-shadow-umbra-color),
+ 0px 12px 17px 2px var(--jp-shadow-penumbra-color),
+ 0px 5px 22px 4px var(--jp-shadow-ambient-color);
+ --jp-elevation-z16: 0px 8px 10px -5px var(--jp-shadow-umbra-color),
+ 0px 16px 24px 2px var(--jp-shadow-penumbra-color),
+ 0px 6px 30px 5px var(--jp-shadow-ambient-color);
+ --jp-elevation-z20: 0px 10px 13px -6px var(--jp-shadow-umbra-color),
+ 0px 20px 31px 3px var(--jp-shadow-penumbra-color),
+ 0px 8px 38px 7px var(--jp-shadow-ambient-color);
+ --jp-elevation-z24: 0px 11px 15px -7px var(--jp-shadow-umbra-color),
+ 0px 24px 38px 3px var(--jp-shadow-penumbra-color),
+ 0px 9px 46px 8px var(--jp-shadow-ambient-color);
+
+ /* Borders
+ *
+ * The following variables, specify the visual styling of borders in JupyterLab.
+ */
+
+ --jp-border-width: 1px;
+ --jp-border-color0: var(--md-grey-400);
+ --jp-border-color1: var(--md-grey-400);
+ --jp-border-color2: var(--md-grey-300);
+ --jp-border-color3: var(--md-grey-200);
+ --jp-border-radius: 2px;
+
+ /* UI Fonts
+ *
+ * The UI font CSS variables are used for the typography all of the JupyterLab
+ * user interface elements that are not directly user generated content.
+ *
+ * The font sizing here is done assuming that the body font size of --jp-ui-font-size1
+ * is applied to a parent element. When children elements, such as headings, are sized
+ * in em all things will be computed relative to that body size.
+ */
+
+ --jp-ui-font-scale-factor: 1.2;
+ --jp-ui-font-size0: 0.83333em;
+ --jp-ui-font-size1: 13px; /* Base font size */
+ --jp-ui-font-size2: 1.2em;
+ --jp-ui-font-size3: 1.44em;
+
+ --jp-ui-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+ Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+
+ /*
+ * Use these font colors against the corresponding main layout colors.
+ * In a light theme, these go from dark to light.
+ */
+
+ /* Defaults use Material Design specification */
+ --jp-ui-font-color0: rgba(0, 0, 0, 1);
+ --jp-ui-font-color1: rgba(0, 0, 0, 0.87);
+ --jp-ui-font-color2: rgba(0, 0, 0, 0.54);
+ --jp-ui-font-color3: rgba(0, 0, 0, 0.38);
+
+ /*
+ * Use these against the brand/accent/warn/error colors.
+ * These will typically go from light to darker, in both a dark and light theme.
+ */
+
+ --jp-ui-inverse-font-color0: rgba(255, 255, 255, 1);
+ --jp-ui-inverse-font-color1: rgba(255, 255, 255, 1);
+ --jp-ui-inverse-font-color2: rgba(255, 255, 255, 0.7);
+ --jp-ui-inverse-font-color3: rgba(255, 255, 255, 0.5);
+
+ /* Content Fonts
+ *
+ * Content font variables are used for typography of user generated content.
+ *
+ * The font sizing here is done assuming that the body font size of --jp-content-font-size1
+ * is applied to a parent element. When children elements, such as headings, are sized
+ * in em all things will be computed relative to that body size.
+ */
+
+ --jp-content-line-height: 1.6;
+ --jp-content-font-scale-factor: 1.2;
+ --jp-content-font-size0: 0.83333em;
+ --jp-content-font-size1: 14px; /* Base font size */
+ --jp-content-font-size2: 1.2em;
+ --jp-content-font-size3: 1.44em;
+ --jp-content-font-size4: 1.728em;
+ --jp-content-font-size5: 2.0736em;
+
+ /* This gives a magnification of about 125% in presentation mode over normal. */
+ --jp-content-presentation-font-size1: 17px;
+
+ --jp-content-heading-line-height: 1;
+ --jp-content-heading-margin-top: 1.2em;
+ --jp-content-heading-margin-bottom: 0.8em;
+ --jp-content-heading-font-weight: 500;
+
+ /* Defaults use Material Design specification */
+ --jp-content-font-color0: rgba(0, 0, 0, 1);
+ --jp-content-font-color1: rgba(0, 0, 0, 0.87);
+ --jp-content-font-color2: rgba(0, 0, 0, 0.54);
+ --jp-content-font-color3: rgba(0, 0, 0, 0.38);
+
+ --jp-content-link-color: var(--md-blue-700);
+
+ --jp-content-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
+ Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+ 'Segoe UI Symbol';
+
+ /*
+ * Code Fonts
+ *
+ * Code font variables are used for typography of code and other monospaces content.
+ */
+
+ --jp-code-font-size: 13px;
+ --jp-code-line-height: 1.3077; /* 17px for 13px base */
+ --jp-code-padding: 5px; /* 5px for 13px base, codemirror highlighting needs integer px value */
+ --jp-code-font-family-default: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+ --jp-code-font-family: var(--jp-code-font-family-default);
+
+ /* This gives a magnification of about 125% in presentation mode over normal. */
+ --jp-code-presentation-font-size: 16px;
+
+ /* may need to tweak cursor width if you change font size */
+ --jp-code-cursor-width0: 1.4px;
+ --jp-code-cursor-width1: 2px;
+ --jp-code-cursor-width2: 4px;
+
+ /* Layout
+ *
+ * The following are the main layout colors use in JupyterLab. In a light
+ * theme these would go from light to dark.
+ */
+
+ --jp-layout-color0: white;
+ --jp-layout-color1: white;
+ --jp-layout-color2: var(--md-grey-200);
+ --jp-layout-color3: var(--md-grey-400);
+ --jp-layout-color4: var(--md-grey-600);
+
+ /* Inverse Layout
+ *
+ * The following are the inverse layout colors use in JupyterLab. In a light
+ * theme these would go from dark to light.
+ */
+
+ --jp-inverse-layout-color0: #111111;
+ --jp-inverse-layout-color1: var(--md-grey-900);
+ --jp-inverse-layout-color2: var(--md-grey-800);
+ --jp-inverse-layout-color3: var(--md-grey-700);
+ --jp-inverse-layout-color4: var(--md-grey-600);
+
+ /* Brand/accent */
+
+ --jp-brand-color0: var(--md-blue-700);
+ --jp-brand-color1: var(--md-blue-500);
+ --jp-brand-color2: var(--md-blue-300);
+ --jp-brand-color3: var(--md-blue-100);
+ --jp-brand-color4: var(--md-blue-50);
+
+ --jp-accent-color0: var(--md-green-700);
+ --jp-accent-color1: var(--md-green-500);
+ --jp-accent-color2: var(--md-green-300);
+ --jp-accent-color3: var(--md-green-100);
+
+ /* State colors (warn, error, success, info) */
+
+ --jp-warn-color0: var(--md-orange-700);
+ --jp-warn-color1: var(--md-orange-500);
+ --jp-warn-color2: var(--md-orange-300);
+ --jp-warn-color3: var(--md-orange-100);
+
+ --jp-error-color0: var(--md-red-700);
+ --jp-error-color1: var(--md-red-500);
+ --jp-error-color2: var(--md-red-300);
+ --jp-error-color3: var(--md-red-100);
+
+ --jp-success-color0: var(--md-green-700);
+ --jp-success-color1: var(--md-green-500);
+ --jp-success-color2: var(--md-green-300);
+ --jp-success-color3: var(--md-green-100);
+
+ --jp-info-color0: var(--md-cyan-700);
+ --jp-info-color1: var(--md-cyan-500);
+ --jp-info-color2: var(--md-cyan-300);
+ --jp-info-color3: var(--md-cyan-100);
+
+ /* Cell specific styles */
+
+ --jp-cell-padding: 5px;
+
+ --jp-cell-collapser-width: 8px;
+ --jp-cell-collapser-min-height: 20px;
+ --jp-cell-collapser-not-active-hover-opacity: 0.6;
+
+ --jp-cell-editor-background: var(--md-grey-100);
+ --jp-cell-editor-border-color: var(--md-grey-300);
+ --jp-cell-editor-box-shadow: inset 0 0 2px var(--md-blue-300);
+ --jp-cell-editor-active-background: var(--jp-layout-color0);
+ --jp-cell-editor-active-border-color: var(--jp-brand-color1);
+
+ --jp-cell-prompt-width: 64px;
+ --jp-cell-prompt-font-family: 'Source Code Pro', monospace;
+ --jp-cell-prompt-letter-spacing: 0px;
+ --jp-cell-prompt-opacity: 1;
+ --jp-cell-prompt-not-active-opacity: 0.5;
+ --jp-cell-prompt-not-active-font-color: var(--md-grey-700);
+ /* A custom blend of MD grey and blue 600
+ * See https://meyerweb.com/eric/tools/color-blend/#546E7A:1E88E5:5:hex */
+ --jp-cell-inprompt-font-color: #307fc1;
+ /* A custom blend of MD grey and orange 600
+ * https://meyerweb.com/eric/tools/color-blend/#546E7A:F4511E:5:hex */
+ --jp-cell-outprompt-font-color: #bf5b3d;
+
+ /* Notebook specific styles */
+
+ --jp-notebook-padding: 10px;
+ --jp-notebook-select-background: var(--jp-layout-color1);
+ --jp-notebook-multiselected-color: var(--md-blue-50);
+
+ /* The scroll padding is calculated to fill enough space at the bottom of the
+ notebook to show one single-line cell (with appropriate padding) at the top
+ when the notebook is scrolled all the way to the bottom. We also subtract one
+ pixel so that no scrollbar appears if we have just one single-line cell in the
+ notebook. This padding is to enable a 'scroll past end' feature in a notebook.
+ */
+ --jp-notebook-scroll-padding: calc(
+ 100% - var(--jp-code-font-size) * var(--jp-code-line-height) -
+ var(--jp-code-padding) - var(--jp-cell-padding) - 1px
+ );
+
+ /* Rendermime styles */
+
+ --jp-rendermime-error-background: #fdd;
+ --jp-rendermime-table-row-background: var(--md-grey-100);
+ --jp-rendermime-table-row-hover-background: var(--md-light-blue-50);
+
+ /* Dialog specific styles */
+
+ --jp-dialog-background: rgba(0, 0, 0, 0.25);
+
+ /* Console specific styles */
+
+ --jp-console-padding: 10px;
+
+ /* Toolbar specific styles */
+
+ --jp-toolbar-border-color: var(--jp-border-color1);
+ --jp-toolbar-micro-height: 8px;
+ --jp-toolbar-background: var(--jp-layout-color1);
+ --jp-toolbar-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
+ --jp-toolbar-header-margin: 4px 4px 0px 4px;
+ --jp-toolbar-active-background: var(--md-grey-300);
+
+ /* Input field styles */
+
+ --jp-input-box-shadow: inset 0 0 2px var(--md-blue-300);
+ --jp-input-active-background: var(--jp-layout-color1);
+ --jp-input-hover-background: var(--jp-layout-color1);
+ --jp-input-background: var(--md-grey-100);
+ --jp-input-border-color: var(--jp-border-color1);
+ --jp-input-active-border-color: var(--jp-brand-color1);
+ --jp-input-active-box-shadow-color: rgba(19, 124, 189, 0.3);
+
+ /* General editor styles */
+
+ --jp-editor-selected-background: #d9d9d9;
+ --jp-editor-selected-focused-background: #d7d4f0;
+ --jp-editor-cursor-color: var(--jp-ui-font-color0);
+
+ /* Code mirror specific styles */
+
+ --jp-mirror-editor-keyword-color: #008000;
+ --jp-mirror-editor-atom-color: #88f;
+ --jp-mirror-editor-number-color: #080;
+ --jp-mirror-editor-def-color: #00f;
+ --jp-mirror-editor-variable-color: var(--md-grey-900);
+ --jp-mirror-editor-variable-2-color: #05a;
+ --jp-mirror-editor-variable-3-color: #085;
+ --jp-mirror-editor-punctuation-color: #05a;
+ --jp-mirror-editor-property-color: #05a;
+ --jp-mirror-editor-operator-color: #aa22ff;
+ --jp-mirror-editor-comment-color: #408080;
+ --jp-mirror-editor-string-color: #ba2121;
+ --jp-mirror-editor-string-2-color: #708;
+ --jp-mirror-editor-meta-color: #aa22ff;
+ --jp-mirror-editor-qualifier-color: #555;
+ --jp-mirror-editor-builtin-color: #008000;
+ --jp-mirror-editor-bracket-color: #997;
+ --jp-mirror-editor-tag-color: #170;
+ --jp-mirror-editor-attribute-color: #00c;
+ --jp-mirror-editor-header-color: blue;
+ --jp-mirror-editor-quote-color: #090;
+ --jp-mirror-editor-link-color: #00c;
+ --jp-mirror-editor-error-color: #f00;
+ --jp-mirror-editor-hr-color: #999;
+
+ /* Vega extension styles */
+
+ --jp-vega-background: white;
+
+ /* Sidebar-related styles */
+
+ --jp-sidebar-min-width: 180px;
+
+ /* Search-related styles */
+
+ --jp-search-toggle-off-opacity: 0.5;
+ --jp-search-toggle-hover-opacity: 0.8;
+ --jp-search-toggle-on-opacity: 1;
+ --jp-search-selected-match-background-color: rgb(245, 200, 0);
+ --jp-search-selected-match-color: black;
+ --jp-search-unselected-match-background-color: var(
+ --jp-inverse-layout-color0
+ );
+ --jp-search-unselected-match-color: var(--jp-ui-inverse-font-color0);
+
+ /* Icon colors that work well with light or dark backgrounds */
+ --jp-icon-contrast-color0: var(--md-purple-600);
+ --jp-icon-contrast-color1: var(--md-green-600);
+ --jp-icon-contrast-color2: var(--md-pink-600);
+ --jp-icon-contrast-color3: var(--md-blue-600);
+}
diff --git a/share/jupyter/voila/templates/presto/index.html.j2 b/share/jupyter/voila/templates/presto/index.html.j2
new file mode 100644
index 0000000..ae39c68
--- /dev/null
+++ b/share/jupyter/voila/templates/presto/index.html.j2
@@ -0,0 +1,151 @@
+{%- extends 'nbconvert/templates/lab/index.html.j2' -%}
+{% import "spinner.macro.html.j2" as spinner %}
+{% import "log.macro.html.j2" as log %}
+{% from 'voila_setup.macro.html.j2' import voila_setup with context %}
+
+{%- block html_head_js -%}
+{%- block html_head_js_logs -%}
+{{ log.js() }}
+{%- endblock html_head_js_logs -%}
+{%- endblock html_head_js -%}
+
+{%- block html_head_css -%}
+
+{{ super() }}
+{{ spinner.css() }}
+
+{%- endblock html_head_css -%}
+
+{# this overrides the default behaviour of rendering static widgets #}
+{% block jupyter_widgets %}
+{% endblock jupyter_widgets %}
+
+{%- block body_header -%}
+{% if resources.theme == 'dark' %}
+
+{% else %}
+
+{% endif %}
+{{ spinner.html() }}
+
+
+{%- endblock body_header -%}
+
+{%- block body_loop -%}
+ {# from this point on, the kernel is started #}
+ {%- with kernel_id = kernel_start(nb) -%}
+
+ {% set cell_count = nb.cells|length %}
+ {#
+ Voilà is using Jinja's Template.generate method to not render the whole template in one go.
+ The current implementation of Jinja will however not yield template snippets if we call a blocks' super()
+ Therefore it is important to have the cell loop in the template.
+ The issue for Jinja is: https://github.com/pallets/jinja/issues/1044
+ #}
+ {% set dashboardInfo = namespace(id=None, name=None, view=None) %}
+ {# If no id or name is provided the first embedded dashboard is used #}
+ {% set dashboardInfo.id = resources.presto.dashboardId or nb.metadata.presto.views.keys()|first %}
+ {% set dashboardInfo.name = resources.presto.dashboardName %}
+ {% set dashboardInfo.view = nb.metadata.presto.views[dashboardInfo.id] %}
+ {# If only a dashboard name is supplied #}
+ {% if dashboardInfo.view.name != dashboardInfo.name %}
+ {%- for id, view in nb.metadata.presto.views.items() if view.name == dashboardInfo.name -%}
+ {% set dashboardInfo.view = view %}
+ {% set dashboardInfo.id = id %}
+ {% endfor %}
+ {% endif %}
+
+ {% set cellHeight = dashboardInfo.view.cellHeight %}
+ {% set cellWidth = dashboardInfo.view.cellWidth %}
+ {% set dashboardHeight = dashboardInfo.view.dashboardHeight %}
+ {% set dashboardWidth = dashboardInfo.view.dashboardWidth %}
+
+
+ {%- for cell in cell_generator(nb, kernel_id) -%}
+ {% if 'presto' in cell.metadata and dashboardInfo.id in cell.metadata.presto.views and not cell.metadata.presto.views[dashboardInfo.id].hidden %}
+ {% set cellloop = loop %}
+ {%- block any_cell scoped -%}
+ {% set pos = cell.metadata.presto.views[dashboardInfo.id].pos %}
+ {% set snapToGrid = cell.metadata.presto.views[dashboardInfo.id].snapToGrid %}
+ {% set left = pos.left * cellWidth if snapToGrid else pos.left %}
+ {% set top = pos.top * cellHeight if snapToGrid else pos.top %}
+ {% set width = pos.width * cellWidth if snapToGrid else pos.width %}
+ {% set height = pos.height * cellHeight if snapToGrid else pos.height %}
+
+
+
+ {{ super() }}
+
+ {% if resources.presto.showDimensions %}
+
+
+ {{ width }} x {{ height }}
+
+ {% endif %}
+ {%- endblock any_cell -%}
+ {% endif %}
+ {%- endfor -%}
+
+
+
+ {% endwith %}
+{%- endblock body_loop -%}
+
+{%- block body_footer -%}
+
+
+{{ super() }}
+{%- endblock body_footer -%}
+
+{% block footer_js %}
+{{ voila_setup(resources.base_url, resources.nbextensions) }}
+{% endblock footer_js %}
diff --git a/src/dashboard.tsx b/src/dashboard.tsx
index afb1cb1..fd69db8 100644
--- a/src/dashboard.tsx
+++ b/src/dashboard.tsx
@@ -29,14 +29,15 @@ import { DashboardLayout } from './layout';
import { DashboardWidget } from './widget';
-import { WidgetPosition, Widgetstore } from './widgetstore';
+import { Widgetstore, WidgetInfo } from './widgetstore';
import {
addCellId,
addNotebookId,
getNotebookById,
getCellId,
- updateMetadata
+ getMetadata,
+ addMetadataView
} from './utils';
import {
@@ -54,6 +55,8 @@ import { HTMLSelect } from '@jupyterlab/ui-components';
import { UUID } from '@lumino/coreutils';
+import * as dbformat from './dbformat';
+
// HTML element classes
export const DASHBOARD_CLASS = 'pr-JupyterDashboard';
@@ -95,8 +98,8 @@ export class Dashboard extends Widget {
outputTracker,
model,
mode,
- width: options.dashboardWidth || Dashboard.DEFAULT_WIDTH,
- height: options.dashboardHeight || Dashboard.DEFAULT_HEIGHT
+ width: options.dashboardWidth || window.innerWidth,
+ height: options.dashboardHeight || window.innerHeight
});
widgetstore.connectDashboard(this);
@@ -182,8 +185,8 @@ export class Dashboard extends Widget {
const pos = { left, top, width, height };
if (oldDashboard === this) {
- // dragging in same dashboard.ono
- this.updateWidget(widget, pos);
+ // dragging in same dashboard.
+ this.updateWidget(widget, { pos });
} else {
// dragging between dashboards
const info: Widgetstore.WidgetInfo = {
@@ -258,19 +261,21 @@ export class Dashboard extends Widget {
return;
}
+ // Changed to only "infinitely" scroll on the vertical
+
const elem = this.node;
- const rightEdge = elem.offsetWidth + elem.scrollLeft;
+ // const rightEdge = elem.offsetWidth + elem.scrollLeft;
const bottomEdge = elem.offsetHeight + elem.scrollTop;
- if (rightEdge >= model.width && rightEdge > this._oldRightEdge) {
- model.width += 200;
- }
+ // if (rightEdge >= model.width && rightEdge > this._oldRightEdge) {
+ // model.width += 200;
+ // }
if (bottomEdge >= model.height && bottomEdge > this._oldBottomEdge) {
- model.height += 200;
+ model.height += (this.layout as DashboardLayout).tileSize;
}
this._oldBottomEdge = bottomEdge;
- this._oldRightEdge = rightEdge;
+ // this._oldRightEdge = rightEdge;
}
/**
@@ -282,11 +287,8 @@ export class Dashboard extends Widget {
(this.layout as DashboardLayout).addWidget(widget, pos);
}
- updateWidget(
- widget: DashboardWidget,
- pos: Widgetstore.WidgetPosition
- ): boolean {
- return (this.layout as DashboardLayout).updateWidget(widget, pos);
+ updateWidget(widget: DashboardWidget, newInfo: Partial): boolean {
+ return (this.layout as DashboardLayout).updateWidget(widget, newInfo);
}
/**
@@ -364,7 +366,7 @@ export class Dashboard extends Widget {
return (this.layout as DashboardLayout).createWidget(info, fit);
}
- saveToNotebookMetadata(): void {
+ saveToNotebookMetadata(name = 'default'): void {
// Get a list of all notebookIds used in the dashboard.
const widgets = toArray(this.model.widgetstore.getWidgets());
@@ -380,22 +382,65 @@ export class Dashboard extends Widget {
const notebookTracker = this.model.notebookTracker;
const notebook = getNotebookById(notebookId, notebookTracker);
- updateMetadata(notebook, { hasDashboard: true });
+ const oldDashboardMetadata = getMetadata(notebook);
+ let dashboardId: string;
+
+ // eslint-disable-next-line no-prototype-builtins
+ if ((oldDashboardMetadata as Record).hasOwnProperty('views')) {
+ const dashboardIds = Object.keys(oldDashboardMetadata.views);
+ const names = new Map(
+ dashboardIds.map(id => [oldDashboardMetadata.views[id].name, id])
+ );
+ dashboardId = names.get(name) || UUID.uuid4();
+ } else {
+ dashboardId = UUID.uuid4();
+ }
+
+ const cellWidth = (this.layout as DashboardLayout).tileSize;
+ // Only square dimensions are currently supported.
+ const cellHeight = cellWidth;
+
+ const dashboardView = {
+ name,
+ cellWidth,
+ cellHeight,
+ dashboardWidth: this.model.width,
+ dashboardHeight: this.model.height
+ };
+ addMetadataView(notebook, dashboardId, dashboardView);
const cells = notebook.content.widgets;
- const widgetMap = new Map(
- widgets.map(widget => [widget.cellId, widget.pos])
+ const widgetMap = new Map(
+ widgets.map(widget => [widget.cellId, widget])
);
each(cells, cell => {
const cellId = getCellId(cell);
- const pos = widgetMap.get(cellId);
- if (pos != null) {
- updateMetadata(cell, { pos, hidden: false });
- } else {
- updateMetadata(cell, { hidden: true });
+ const info = widgetMap.get(cellId);
+ let view: Partial = { hidden: true };
+
+ if (info != null) {
+ const { pos, snapToGrid } = info;
+ const { left, top, width, height } = pos;
+ const adjustedPos = !snapToGrid
+ ? pos
+ : {
+ left: left / cellWidth,
+ top: top / cellHeight,
+ width: width / cellWidth,
+ height: height / cellHeight
+ };
+
+ view = {
+ hidden: false,
+ name,
+ pos: adjustedPos,
+ snapToGrid: snapToGrid
+ };
}
+
+ addMetadataView(cell, dashboardId, view);
});
notebook.context.save();
@@ -411,7 +456,7 @@ export class Dashboard extends Widget {
private _model: IDashboardModel;
private _context: DocumentRegistry.IContext;
- private _oldRightEdge = 0;
+ // private _oldRightEdge = 0;
private _oldBottomEdge = 0;
}
@@ -423,10 +468,6 @@ export namespace Dashboard {
export type ScrollMode = 'infinite' | 'constrained';
- export const DEFAULT_WIDTH = 1920;
-
- export const DEFAULT_HEIGHT = 1080;
-
export interface IOptions extends Widget.IOptions {
/**
* Tracker for child widgets.
diff --git a/src/dbformat.ts b/src/dbformat.ts
index 451ce8c..5c57fba 100644
--- a/src/dbformat.ts
+++ b/src/dbformat.ts
@@ -1,5 +1,7 @@
import { PartialJSONObject } from '@lumino/coreutils';
+import { WidgetPosition } from './widgetstore';
+
export const DASHBOARD_VERSION = 1;
/**
@@ -55,3 +57,28 @@ export interface IOutputInfo extends PartialJSONObject {
height: number;
};
}
+
+export interface ICellView {
+ name: string;
+ pos: WidgetPosition;
+ hidden: boolean;
+ snapToGrid: boolean;
+}
+
+export interface ICellMetadataFormat {
+ id: string;
+ views: { [id: string]: ICellView };
+}
+
+export interface IDashboardView {
+ name: string;
+ cellWidth: number;
+ cellHeight: number;
+ dashboardWidth: number;
+ dashboardHeight: number;
+}
+
+export interface INBMetadataFormat {
+ id: string;
+ views: { [id: string]: IDashboardView };
+}
diff --git a/src/index.ts b/src/index.ts
index a7bf20f..9fea590 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -131,8 +131,8 @@ const extension: JupyterFrontEndPlugin = {
const model = widget.content.model;
// TODO: Make scrollMode changable in JL. Default 'infinite' for now.
model.scrollMode = 'infinite';
- model.width = Dashboard.DEFAULT_WIDTH;
- model.height = Dashboard.DEFAULT_HEIGHT;
+ model.width = (widget.content.layout as DashboardLayout).width;
+ model.height = (widget.content.layout as DashboardLayout).height;
});
// Add commands to context menus.
@@ -442,8 +442,8 @@ function addCommands(
label: 'Set Dashboard Dimensions',
execute: async args => {
const model = dashboardTracker.currentWidget.model;
- const width = model.width ? model.width : Dashboard.DEFAULT_WIDTH;
- const height = model.height ? model.height : Dashboard.DEFAULT_HEIGHT;
+ const width = model.width ? model.width : window.innerWidth;
+ const height = model.height ? model.height : window.innerHeight;
await showDialog({
title: 'Enter Dimensions',
body: new Private.ResizeHandler(width, height),
@@ -458,14 +458,14 @@ function addCommands(
}
if (!newWidth) {
if (!model.width) {
- newWidth = Dashboard.DEFAULT_WIDTH;
+ newWidth = window.innerWidth;
} else {
newWidth = model.width;
}
}
if (!newHeight) {
if (!model.height) {
- newHeight = Dashboard.DEFAULT_HEIGHT;
+ newHeight = window.innerHeight;
} else {
newHeight = model.height;
}
@@ -543,9 +543,15 @@ function addCommands(
commands.addCommand(CommandIDs.saveToMetadata, {
label: 'Save Dashboard To Notebook Metadata',
- execute: args => {
- const dashboard = dashboardTracker.currentWidget;
- dashboard.saveToNotebookMetadata();
+ execute: async args => {
+ const name = await InputDialog.getText({
+ title: 'Dashboard name',
+ text: 'default'
+ });
+ if (name.value) {
+ const dashboard = dashboardTracker.currentWidget;
+ dashboard.saveToNotebookMetadata(name.value);
+ }
}
});
@@ -588,10 +594,51 @@ function addCommands(
commands.addCommand(CommandIDs.openFromMetadata, {
label: 'Open Metadata Dashboard',
- execute: args => {
+ execute: async args => {
const notebook = notebookTracker.currentWidget;
const notebookMetadata = getMetadata(notebook);
+ if (!('views' in notebookMetadata)) {
+ throw new Error('No views in notebook');
+ }
const notebookId = notebookMetadata.id;
+ let dashboardId: string;
+ if (args.id != null) {
+ dashboardId = args.id as string;
+ if (
+ // eslint-disable-next-line no-prototype-builtins
+ !(notebookMetadata.views as Record).hasOwnProperty(
+ dashboardId
+ )
+ ) {
+ throw new Error(
+ `Dashboard id ${dashboardId} doesn't exist in notebook ${notebookId}`
+ );
+ }
+ } else {
+ const dashboardIds = Object.keys(notebookMetadata.views);
+ const nameMap = new Map(
+ dashboardIds.map(id => [notebookMetadata.views[id].name, id])
+ );
+ const dashboardName = await InputDialog.getItem({
+ title: 'Select a Dashboard',
+ current: 0,
+ items: Array.from(nameMap.keys())
+ });
+ if (dashboardName.value) {
+ dashboardId = nameMap.get(dashboardName.value);
+ } else {
+ return;
+ }
+ }
+
+ const dashboardView = notebookMetadata.views[dashboardId];
+ const {
+ cellHeight,
+ cellWidth,
+ dashboardHeight,
+ dashboardWidth
+ } = dashboardView;
+
const cells = notebook.content.widgets;
const widgetstore = new Widgetstore({ id: 0, notebookTracker });
@@ -600,12 +647,25 @@ function addCommands(
for (const cell of cells) {
const metadata = getMetadata(cell);
- if (metadata !== undefined && !metadata.hidden) {
+ if (metadata !== undefined && !metadata.views[dashboardId].hidden) {
+ const { pos, snapToGrid } = metadata.views[dashboardId];
+ const { left, top, width, height } = pos;
+
+ const adjustedPos = !snapToGrid
+ ? pos
+ : {
+ left: left * cellWidth,
+ top: top * cellHeight,
+ width: width * cellWidth,
+ height: height * cellHeight
+ };
+
const widgetInfo: WidgetInfo = {
widgetId: DashboardWidget.createDashboardWidgetId(),
notebookId,
cellId: metadata.id,
- pos: metadata.pos
+ snapToGrid,
+ pos: adjustedPos
};
widgetstore.addWidget(widgetInfo);
}
@@ -623,6 +683,10 @@ function addCommands(
model
});
+ dashboard.model.width = dashboardWidth;
+ dashboard.model.height = dashboardHeight;
+ (dashboard.layout as DashboardLayout).setTileSize(cellHeight);
+
dashboard.updateLayoutFromWidgetstore();
dashboard.model.mode = 'present';
@@ -631,8 +695,8 @@ function addCommands(
isEnabled: args => {
const notebook = notebookTracker.currentWidget;
const metadata = getMetadata(notebook);
- if (metadata !== undefined && metadata.hasDashboard !== undefined) {
- return metadata.hasDashboard;
+ if (metadata !== undefined) {
+ return true;
}
return false;
}
diff --git a/src/layout.ts b/src/layout.ts
index 63fcd8b..193b27a 100644
--- a/src/layout.ts
+++ b/src/layout.ts
@@ -8,7 +8,12 @@ import { MessageLoop, Message } from '@lumino/messaging';
import { DashboardWidget } from './widget';
-import { Widgetstore, WidgetSchema, WidgetPosition } from './widgetstore';
+import {
+ Widgetstore,
+ WidgetSchema,
+ WidgetInfo,
+ WidgetPosition
+} from './widgetstore';
import { WidgetTracker } from '@jupyterlab/apputils';
@@ -240,12 +245,12 @@ export class DashboardLayout extends Layout {
}
this.attachWidget(widget);
- const { id, notebookId, cellId } = widget;
+ const { id, notebookId, cellId, snapToGrid } = widget;
const ignore = !this._signalChanges;
widget.ready.connect(() => {
- this._updateWidget(widget, widget.pos, false);
+ this._updateWidget(widget, { pos: widget.pos }, false);
this.fixOverlaps(widget);
this._outputTracker.add(widget);
@@ -255,6 +260,7 @@ export class DashboardLayout extends Layout {
widgetId: id,
notebookId,
cellId,
+ snapToGrid,
ignore
};
@@ -273,16 +279,13 @@ export class DashboardLayout extends Layout {
*
* @returns - whether the update was successful.
*/
- updateWidget(
- widget: DashboardWidget,
- pos: Widgetstore.WidgetPosition
- ): boolean {
+ updateWidget(widget: DashboardWidget, newInfo: Partial): boolean {
const wasInBatch = this.inBatch;
if (!wasInBatch) {
this.startBatch();
}
- const success = this._updateWidgetHelper(widget, pos);
+ const success = this._updateWidgetHelper(widget, newInfo);
if (!wasInBatch) {
this.endBatch();
@@ -308,14 +311,15 @@ export class DashboardLayout extends Layout {
*/
private _updateWidgetHelper(
widget: DashboardWidget,
- pos: Widgetstore.WidgetPosition,
+ newInfo: Partial,
fixOverlaps = true
): boolean {
- const success = this._updateWidget(widget, pos, fixOverlaps);
+ const success = this._updateWidget(widget, newInfo, fixOverlaps);
if (success) {
const change: IDashboardChange = {
- type: 'move',
+ type: 'update',
widgetId: widget.id,
+ snapToGrid: widget.snapToGrid,
pos: widget.pos
};
this.signalChange(change);
@@ -341,7 +345,7 @@ export class DashboardLayout extends Layout {
*/
private _updateWidget(
widget: DashboardWidget,
- pos: Widgetstore.WidgetPosition,
+ newInfo: Partial,
fixOverlaps = true
): boolean {
// Get the item from the map.
@@ -352,7 +356,12 @@ export class DashboardLayout extends Layout {
return false;
}
- let { left, top, width, height } = pos;
+ // Just changing snap-to-grid status.
+ if (newInfo.pos == null) {
+ return true;
+ }
+
+ let { left, top, width, height } = newInfo.pos;
// Constrain the widget to the dashboard dimensions.
if (this._width !== 0 && left + width > this._width) {
@@ -499,7 +508,7 @@ export class DashboardLayout extends Layout {
}
// Widget was moved or resized; update.
- this.updateWidget(item.widget as DashboardWidget, pos);
+ this.updateWidget(item.widget as DashboardWidget, { pos });
}
}
@@ -627,7 +636,7 @@ export class DashboardLayout extends Layout {
this._expandCanvas(type, widthDiff);
}
- this._updateWidget(widget, newPos);
+ this._updateWidget(widget, { pos: newPos });
}
/**
@@ -682,7 +691,7 @@ export class DashboardLayout extends Layout {
const widget = _widget as DashboardWidget;
const pos = widget.pos;
pos.left += amount;
- this._updateWidgetHelper(widget, pos);
+ this._updateWidgetHelper(widget, { pos });
});
break;
case 'right':
@@ -694,7 +703,7 @@ export class DashboardLayout extends Layout {
const widget = _widget as DashboardWidget;
const pos = widget.pos;
pos.top += amount;
- this._updateWidgetHelper(widget, pos);
+ this._updateWidgetHelper(widget, { pos });
});
break;
case 'down':
@@ -878,7 +887,7 @@ export class DashboardLayout extends Layout {
this.startBatch();
each(this, _widget => {
const widget = _widget as DashboardWidget;
- this.updateWidget(widget, widget.pos);
+ this.updateWidget(widget, { pos: widget.pos });
});
this.endBatch();
}
@@ -1016,7 +1025,7 @@ export namespace DashboardLayout {
/**
* A type for dashboard changes emitted by the changed signal.
*/
-export type DashboardChangeType = 'add' | 'remove' | 'move';
+export type DashboardChangeType = 'add' | 'remove' | 'update';
/**
* An interface describing a change that occurs to the dashboard.
@@ -1037,6 +1046,8 @@ export interface IDashboardChange {
cellId?: string;
+ snapToGrid?: boolean;
+
ignore?: boolean;
}
diff --git a/src/utils.ts b/src/utils.ts
index fffa4ba..b516cbb 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -26,6 +26,33 @@ export function updateMetadata(
source.model.metadata.set('presto', newValues);
}
}
+
+export function addMetadataView(
+ source: NotebookPanel | Cell,
+ viewId: string,
+ view: ReadonlyPartialJSONObject
+): void {
+ const oldMetadata = getMetadata(source);
+ let newMetadata;
+
+ // This sets an ID for a cell without metadata--maybe not the desired behavior.
+ if (oldMetadata == null) {
+ newMetadata = {
+ id: UUID.uuid4(),
+ views: {}
+ };
+ } else {
+ newMetadata = { ...oldMetadata };
+ }
+
+ // eslint-disable-next-line no-prototype-builtins
+ if (!(newMetadata as Record).hasOwnProperty('views')) {
+ newMetadata['views'] = {};
+ }
+ newMetadata.views[viewId] = view;
+
+ source.model.metadata.set('presto', newMetadata);
+}
/**
* Adds a random, unique ID to a notebook's metadata.
*
diff --git a/src/widget.ts b/src/widget.ts
index 734a7d4..c672476 100644
--- a/src/widget.ts
+++ b/src/widget.ts
@@ -245,7 +245,12 @@ export class DashboardWidget extends Widget {
const pos = this.pos;
const oldPos = { ...pos };
- const bumpDistance = event.altKey ? 1 : DashboardWidget.BUMP_DISTANCE;
+ let bumpDistance: number;
+ if (this._mode === 'grid-edit') {
+ bumpDistance = (this.parent.layout as DashboardLayout).tileSize;
+ } else {
+ bumpDistance = event.altKey ? 1 : DashboardWidget.BUMP_DISTANCE;
+ }
switch (event.keyCode) {
// Left arrow key
@@ -267,7 +272,7 @@ export class DashboardWidget extends Widget {
}
if (pos !== oldPos) {
- (this.parent as Dashboard).updateWidget(this, pos);
+ (this.parent as Dashboard).updateWidget(this, { pos });
}
}
@@ -541,7 +546,7 @@ export class DashboardWidget extends Widget {
if (this._mouseMode === 'resize' && this.parent !== undefined) {
const pos = this.pos;
- (this.parent as Dashboard).updateWidget(this, pos);
+ (this.parent as Dashboard).updateWidget(this, { pos });
}
this._mouseMode = 'none';
@@ -584,7 +589,8 @@ export class DashboardWidget extends Widget {
widgetId: this.id,
cellId: this.cellId,
notebookId: this.notebookId,
- removed: false
+ removed: false,
+ snapToGrid: this.snapToGrid
};
}
@@ -653,15 +659,25 @@ export class DashboardWidget extends Widget {
}
set mode(newMode: Dashboard.Mode) {
this._mode = newMode;
- if (newMode === 'present') {
- this.removeClass(EDITABLE_WIDGET_CLASS);
- } else {
- this.addClass(EDITABLE_WIDGET_CLASS);
- }
- if (newMode === 'grid-edit') {
- if (this.parent) {
- (this.parent as Dashboard).updateWidget(this, this.pos);
- }
+
+ switch (newMode) {
+ case 'present':
+ this.removeClass(EDITABLE_WIDGET_CLASS);
+ break;
+ case 'free-edit':
+ this.addClass(EDITABLE_WIDGET_CLASS);
+ if (this.parent) {
+ (this.parent as Dashboard).updateWidget(this, { snapToGrid: false });
+ }
+ break;
+ case 'grid-edit':
+ this.addClass(EDITABLE_WIDGET_CLASS);
+ if (this.parent) {
+ (this.parent as Dashboard).updateWidget(this, {
+ pos: this.pos,
+ snapToGrid: true
+ });
+ }
}
}
@@ -693,6 +709,10 @@ export class DashboardWidget extends Widget {
this._content = newContent;
}
+ get snapToGrid(): boolean {
+ return this.mode === 'grid-edit';
+ }
+
private _notebook: NotebookPanel;
private _notebookId: string;
private _index: number;
diff --git a/src/widgetstore.ts b/src/widgetstore.ts
index 6c5fbd3..b4cc10b 100644
--- a/src/widgetstore.ts
+++ b/src/widgetstore.ts
@@ -83,7 +83,7 @@ export class Widgetstore extends Litestore {
this.startBatch();
for (const change of changes) {
- const { widgetId, pos, ignore } = change;
+ const { widgetId, pos, snapToGrid, ignore } = change;
if (ignore) {
continue;
@@ -91,10 +91,13 @@ export class Widgetstore extends Litestore {
switch (change.type) {
case 'add':
- this.addWidget(change as Widgetstore.WidgetInfo);
+ this.addWidget(change as WidgetInfo);
break;
- case 'move':
- this.moveWidget(widgetId, pos as WidgetPosition);
+ case 'update':
+ this.updateWidget(widgetId, {
+ pos: pos as WidgetPosition,
+ snapToGrid
+ });
break;
case 'remove':
this.deleteWidget(widgetId);
@@ -118,7 +121,7 @@ export class Widgetstore extends Litestore {
this.beginTransaction();
}
- const { widgetId, pos, cellId, notebookId } = info;
+ const { widgetId, pos, cellId, notebookId, snapToGrid } = info;
this.updateRecord(
{
@@ -130,6 +133,7 @@ export class Widgetstore extends Litestore {
pos,
cellId,
notebookId,
+ snapToGrid,
removed: false
}
);
@@ -140,7 +144,7 @@ export class Widgetstore extends Litestore {
}
/**
- * Updates the position of a widget already in the widgetstore.
+ * Update a widget already in the widgetstore.
*
* @param widget - the widget to update.
*
@@ -152,7 +156,7 @@ export class Widgetstore extends Litestore {
* The update will be unsuccesful if the widget isn't in the store or was
* previously removed.
*/
- moveWidget(widgetId: string, pos: Widgetstore.WidgetPosition): boolean {
+ updateWidget(widgetId: string, newInfo: Partial): boolean {
if (!this._inBatch) {
this.beginTransaction();
}
@@ -165,10 +169,13 @@ export class Widgetstore extends Litestore {
const oldRecord = this.getRecord(recordLoc);
if (oldRecord === undefined || oldRecord.removed) {
+ if (!this._inBatch) {
+ this.endTransaction();
+ }
return false;
}
- this.updateRecord(recordLoc, { pos });
+ this.updateRecord(recordLoc, newInfo);
if (!this._inBatch) {
this.endTransaction();
@@ -305,7 +312,8 @@ export namespace Widgetstore {
height: 0
}
}),
- removed: Fields.Boolean()
+ removed: Fields.Boolean(),
+ snapToGrid: Fields.Boolean()
}
};
@@ -352,6 +360,11 @@ export namespace Widgetstore {
* Whether the widget has been removed.
*/
removed?: boolean;
+
+ /**
+ * Whether the widget should snap to the gridlines in edit mode.
+ */
+ snapToGrid?: boolean;
};
export type WidgetPosition = {
diff --git a/style/base.css b/style/base.css
index d045080..92f9ef9 100644
--- a/style/base.css
+++ b/style/base.css
@@ -4,6 +4,8 @@
.pr-DashboardWidget {
display: inline-flex;
+ align-items: flex-start;
+ justify-content: left;
}
.pr-DashboardWidget .pr-MarkdownOutput {
@@ -75,12 +77,11 @@
}
.pr-DashboardWidgetChild {
- /* width: 100%;
- height: 100%; */
+ max-width: 100%;
+ max-height: 100%;
overflow: hidden;
display: inline-flex;
- align-items: center;
- justify-content: center;
+ justify-content: left;
}
.pr-EditableWidget:focus .pr-Resizer {