/*-----------------------------------------------------------------------------
| 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: 0 2px 1px -1px var(--jp-shadow-umbra-color),
    0 1px 1px 0 var(--jp-shadow-penumbra-color),
    0 1px 3px 0 var(--jp-shadow-ambient-color);
    --jp-elevation-z2: 0 3px 1px -2px var(--jp-shadow-umbra-color),
    0 2px 2px 0 var(--jp-shadow-penumbra-color),
    0 1px 5px 0 var(--jp-shadow-ambient-color);
    --jp-elevation-z4: 0 2px 4px -1px var(--jp-shadow-umbra-color),
    0 4px 5px 0 var(--jp-shadow-penumbra-color),
    0 1px 10px 0 var(--jp-shadow-ambient-color);
    --jp-elevation-z6: 0 3px 5px -1px var(--jp-shadow-umbra-color),
    0 6px 10px 0 var(--jp-shadow-penumbra-color),
    0 1px 18px 0 var(--jp-shadow-ambient-color);
    --jp-elevation-z8: 0 5px 5px -3px var(--jp-shadow-umbra-color),
    0 8px 10px 1px var(--jp-shadow-penumbra-color),
    0 3px 14px 2px var(--jp-shadow-ambient-color);
    --jp-elevation-z12: 0 7px 8px -4px var(--jp-shadow-umbra-color),
    0 12px 17px 2px var(--jp-shadow-penumbra-color),
    0 5px 22px 4px var(--jp-shadow-ambient-color);
    --jp-elevation-z16: 0 8px 10px -5px var(--jp-shadow-umbra-color),
    0 16px 24px 2px var(--jp-shadow-penumbra-color),
    0 6px 30px 5px var(--jp-shadow-ambient-color);
    --jp-elevation-z20: 0 10px 13px -6px var(--jp-shadow-umbra-color),
    0 20px 31px 3px var(--jp-shadow-penumbra-color),
    0 8px 38px 7px var(--jp-shadow-ambient-color);
    --jp-elevation-z24: 0 11px 15px -7px var(--jp-shadow-umbra-color),
    0 24px 38px 3px var(--jp-shadow-penumbra-color),
    0 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, #bdbdbd);
    --jp-border-color1: var(--md-grey-400, #bdbdbd);
    --jp-border-color2: var(--md-grey-300, #e0e0e0);
    --jp-border-color3: var(--md-grey-200, #eee);
    --jp-inverse-border-color: var(--md-grey-600, #757575);
    --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: system-ui, -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-900, #0d47a1);
    --jp-content-link-visited-color: var(--md-purple-700, #7b1fa2);
    --jp-content-font-family: system-ui, -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, #eee);
    --jp-layout-color3: var(--md-grey-400, #bdbdbd);
    --jp-layout-color4: var(--md-grey-600, #757575);

    /* 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: #111;
    --jp-inverse-layout-color1: var(--md-grey-900, #212121);
    --jp-inverse-layout-color2: var(--md-grey-800, #424242);
    --jp-inverse-layout-color3: var(--md-grey-700, #616161);
    --jp-inverse-layout-color4: var(--md-grey-600, #757575);

    /* Brand/accent */

    --jp-brand-color0: var(--md-blue-900, #0d47a1);
    --jp-brand-color1: var(--md-blue-700, #1976d2);
    --jp-brand-color2: var(--md-blue-300, #64b5f6);
    --jp-brand-color3: var(--md-blue-100, #bbdefb);
    --jp-brand-color4: var(--md-blue-50, #e3f2fd);
    --jp-accent-color0: var(--md-green-900, #1b5e20);
    --jp-accent-color1: var(--md-green-700, #388e3c);
    --jp-accent-color2: var(--md-green-300, #81c784);
    --jp-accent-color3: var(--md-green-100, #c8e6c9);

    /* State colors (warn, error, success, info) */

    --jp-warn-color0: var(--md-orange-900, #e65100);
    --jp-warn-color1: var(--md-orange-700, #f57c00);
    --jp-warn-color2: var(--md-orange-300, #ffb74d);
    --jp-warn-color3: var(--md-orange-100, #ffe0b2);
    --jp-error-color0: var(--md-red-900, #b71c1c);
    --jp-error-color1: var(--md-red-700, #d32f2f);
    --jp-error-color2: var(--md-red-300, #e57373);
    --jp-error-color3: var(--md-red-100, #ffcdd2);
    --jp-success-color0: var(--md-green-900, #1b5e20);
    --jp-success-color1: var(--md-green-700, #388e3c);
    --jp-success-color2: var(--md-green-300, #81c784);
    --jp-success-color3: var(--md-green-100, #c8e6c9);
    --jp-info-color0: var(--md-cyan-900, #006064);
    --jp-info-color1: var(--md-cyan-700, #0097a7);
    --jp-info-color2: var(--md-cyan-300, #4dd0e1);
    --jp-info-color3: var(--md-cyan-100, #b2ebf2);

    /* 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, #f5f5f5);
    --jp-cell-editor-border-color: var(--md-grey-300, #e0e0e0);
    --jp-cell-editor-box-shadow: inset 0 0 2px var(--md-blue-300, #64b5f6);
    --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: var(--jp-code-font-family-default);
    --jp-cell-prompt-letter-spacing: 0;
    --jp-cell-prompt-opacity: 1;
    --jp-cell-prompt-not-active-opacity: 0.5;
    --jp-cell-prompt-not-active-font-color: var(--md-grey-700, #616161);

    /* 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, #e3f2fd);

    /* 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, #cfd8dc);
    --jp-rendermime-table-row-hover-background: var(--md-light-blue-50, #e1f5fe);

    /* 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: 0 0 2px 0 rgba(0, 0, 0, 0.24);
    --jp-toolbar-header-margin: 4px 4px 0 4px;
    --jp-toolbar-active-background: var(--md-grey-300, #90a4ae);

    /* Statusbar specific styles */

    --jp-statusbar-height: 24px;

    /* Input field styles */

    --jp-input-box-shadow: inset 0 0 2px var(--md-blue-300, #64b5f6);
    --jp-input-active-background: var(--jp-layout-color1);
    --jp-input-hover-background: var(--jp-layout-color1);
    --jp-input-background: var(--md-grey-100, #f5f5f5);
    --jp-input-border-color: var(--jp-inverse-border-color);
    --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, #212121);
    --jp-mirror-editor-variable-2-color: rgb(0, 54, 109);
    --jp-mirror-editor-variable-3-color: #085;
    --jp-mirror-editor-punctuation-color: #05a;
    --jp-mirror-editor-property-color: #05a;
    --jp-mirror-editor-operator-color: #a2f;
    --jp-mirror-editor-comment-color: #408080;
    --jp-mirror-editor-string-color: #ba2121;
    --jp-mirror-editor-string-2-color: #708;
    --jp-mirror-editor-meta-color: #a2f;
    --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;

    /*
      RTC user specific colors.
      These colors are used for the cursor, username in the editor,
      and the icon of the user.
    */

    --jp-collaborator-color1: #ffad8e;
    --jp-collaborator-color2: #dac83d;
    --jp-collaborator-color3: #72dd76;
    --jp-collaborator-color4: #00e4d0;
    --jp-collaborator-color5: #45d4ff;
    --jp-collaborator-color6: #e2b1ff;
    --jp-collaborator-color7: #ff9de6;

    /* Vega extension styles */

    --jp-vega-background: white;

    /* Sidebar-related styles */

    --jp-sidebar-min-width: 250px;

    /* 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, #8e24aa);
    --jp-icon-contrast-color1: var(--md-green-600, #43a047);
    --jp-icon-contrast-color2: var(--md-pink-600, #d81b60);
    --jp-icon-contrast-color3: var(--md-blue-600, #1e88e5);

    /* Button colors */
    --jp-accept-color-normal: var(--md-blue-700, #1976d2);
    --jp-accept-color-hover: var(--md-blue-800, #1565c0);
    --jp-accept-color-active: var(--md-blue-900, #0d47a1);
    --jp-warn-color-normal: var(--md-red-700, #d32f2f);
    --jp-warn-color-hover: var(--md-red-800, #c62828);
    --jp-warn-color-active: var(--md-red-900, #b71c1c);
    --jp-reject-color-normal: var(--md-grey-600, #757575);
    --jp-reject-color-hover: var(--md-grey-700, #616161);
    --jp-reject-color-active: var(--md-grey-800, #424242);

    /* File or activity icons and switch semantic variables */
    --jp-jupyter-icon-color: #f37626;
    --jp-notebook-icon-color: #f37626;
    --jp-json-icon-color: var(--md-orange-700, #f57c00);
    --jp-console-icon-background-color: var(--md-blue-700, #1976d2);
    --jp-console-icon-color: white;
    --jp-terminal-icon-background-color: var(--md-grey-800, #424242);
    --jp-terminal-icon-color: var(--md-grey-200, #eee);
    --jp-text-editor-icon-color: var(--md-grey-700, #616161);
    --jp-inspector-icon-color: var(--md-grey-700, #616161);
    --jp-switch-color: var(--md-grey-400, #bdbdbd);
    --jp-switch-true-position-color: var(--md-orange-900, #e65100);
}

/* Completer specific styles */

.jp-Completer {
    --jp-completer-type-background0: transparent;
    --jp-completer-type-background1: #1f77b4;
    --jp-completer-type-background2: #ff7f0e;
    --jp-completer-type-background3: #2ca02c;
    --jp-completer-type-background4: #d62728;
    --jp-completer-type-background5: #9467bd;
    --jp-completer-type-background6: #8c564b;
    --jp-completer-type-background7: #e377c2;
    --jp-completer-type-background8: #7f7f7f;
    --jp-completer-type-background9: #bcbd22;
    --jp-completer-type-background10: #17becf;
}

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

/* Set the default typography for monospace elements */
.jp-ThemedContainer tt,
.jp-ThemedContainer code,
.jp-ThemedContainer kbd,
.jp-ThemedContainer samp,
.jp-ThemedContainer pre {
    font-family: var(--jp-code-font-family);
    /*font-size: var(--jp-code-font-size);*/
    line-height: var(--jp-code-line-height);
}


.ͼ1.cm-focused {
    outline: 1px dotted #212121;
}

.ͼ1 {
    position: relative !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
}

.ͼ1 .cm-scroller {
    display: flex !important;
    align-items: flex-start !important;
    font-family: monospace;
    line-height: 1.4;
    height: 100%;
    overflow-x: auto;
    position: relative;
    z-index: 0;
}

.ͼ1 .cm-content[contenteditable=true] {
    -webkit-user-modify: read-write-plaintext-only;
}

.ͼ1 .cm-content {
    margin: 0;
    flex-grow: 2;
    flex-shrink: 0;
    display: block;
    white-space: pre;
    word-wrap: normal;
    box-sizing: border-box;
    min-height: 100%;
    padding: 4px 0;
    outline: none;
}

.ͼ1 .cm-lineWrapping {
    white-space: pre-wrap;
    white-space: break-spaces;
    word-break: break-word;
    overflow-wrap: anywhere;
    flex-shrink: 1;
}

.ͼ2 .cm-content {
    caret-color: black;
}

.ͼ3 .cm-content {
    caret-color: white;
}

.ͼ1 .cm-line {
    display: block;
    padding: 0 2px 0 6px;
}

.ͼ1 .cm-layer > * {
    position: absolute;
}

.ͼ1 .cm-layer {
    position: absolute;
    left: 0;
    top: 0;
    contain: size style;
}

.ͼ2 .cm-selectionBackground {
    background: #d9d9d9;
}

.ͼ3 .cm-selectionBackground {
    background: #222;
}

.ͼ2.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {
    background: #d7d4f0;
}

.ͼ3.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {
    background: #233;
}

.ͼ1 .cm-cursorLayer {
    pointer-events: none;
}

.ͼ1.cm-focused > .cm-scroller > .cm-cursorLayer {
    animation: steps(1) cm-blink 1.2s infinite;
}

@keyframes cm-blink {
    50% {
        opacity: 0;
    }
}

@keyframes cm-blink2 {
    50% {
        opacity: 0;
    }
}

.ͼ1 .cm-cursor, .ͼ1 .cm-dropCursor {
    border-left: 1.2px solid black;
    margin-left: -0.6px;
    pointer-events: none;
}

.ͼ1 .cm-cursor {
    display: none;
}

.ͼ3 .cm-cursor {
    border-left-color: #444;
}

.ͼ1 .cm-dropCursor {
    position: absolute;
}

.ͼ1.cm-focused > .cm-scroller > .cm-cursorLayer .cm-cursor {
    display: block;
}

.ͼ1 .cm-iso {
    unicode-bidi: isolate;
}

.ͼ1 .cm-announced {
    position: fixed;
    top: -10000px;
}

@media print {
    .ͼ1 .cm-announced {
        display: none;
    }
}

.ͼ2 .cm-activeLine {
    background-color: #cceeff44;
}

.ͼ3 .cm-activeLine {
    background-color: #99eeff33;
}

.ͼ2 .cm-specialChar {
    color: red;
}

.ͼ3 .cm-specialChar {
    color: #f78;
}

.ͼ1 .cm-gutters {
    flex-shrink: 0;
    display: flex;
    height: 100%;
    box-sizing: border-box;
    inset-inline-start: 0;
    z-index: 200;
}

.ͼ2 .cm-gutters {
    background-color: #f5f5f5;
    color: #6c6c6c;
    border-right: 1px solid #ddd;
}

.ͼ3 .cm-gutters {
    background-color: #333338;
    color: #ccc;
}

.ͼ1 .cm-gutter {
    display: flex !important;
    flex-direction: column;
    flex-shrink: 0;
    box-sizing: border-box;
    min-height: 100%;
    overflow: hidden;
}

.ͼ1 .cm-gutterElement {
    box-sizing: border-box;
}

.ͼ1 .cm-lineNumbers .cm-gutterElement {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    white-space: nowrap;
}

.ͼ2 .cm-activeLineGutter {
    background-color: #e2f2ff;
}

.ͼ3 .cm-activeLineGutter {
    background-color: #222227;
}

.ͼ1 .cm-panels {
    box-sizing: border-box;
    position: sticky;
    left: 0;
    right: 0;
}

.ͼ2 .cm-panels {
    background-color: #f5f5f5;
    color: black;
}

.ͼ2 .cm-panels-top {
    border-bottom: 1px solid #ddd;
}

.ͼ2 .cm-panels-bottom {
    border-top: 1px solid #ddd;
}

.ͼ3 .cm-panels {
    background-color: #333338;
    color: white;
}

.ͼ1 .cm-tab {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}

.ͼ1 .cm-widgetBuffer {
    vertical-align: text-top;
    height: 1em;
    width: 0;
    display: inline;
}

.ͼ1 .cm-placeholder {
    color: #888;
    display: inline-block;
    vertical-align: top;
}

.ͼ1 .cm-highlightSpace:before {
    content: attr(data-display);
    position: absolute;
    pointer-events: none;
    color: #888;
}

.ͼ1 .cm-highlightTab {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="20"><path stroke="%23888" stroke-width="1" fill="none" d="M1 10H196L190 5M190 15L196 10M197 4L197 16"/></svg>');
    background-size: auto 100%;
    background-position: right 90%;
    background-repeat: no-repeat;
}

.ͼ1 .cm-trailingSpace {
    background-color: #ff332255;
}

.ͼ1 .cm-button {
    vertical-align: middle;
    color: inherit;
    font-size: 70%;
    padding: .2em 1em;
    border-radius: 1px;
}

.ͼ2 .cm-button:active {
    background-image: linear-gradient(#b4b4b4, #d0d3d6);
}

.ͼ2 .cm-button {
    background-image: linear-gradient(#eff1f5, #d9d9df);
    border: 1px solid #888;
}

.ͼ3 .cm-button:active {
    background-image: linear-gradient(#111, #333);
}

.ͼ3 .cm-button {
    background-image: linear-gradient(#393939, #111);
    border: 1px solid #888;
}

.ͼ1 .cm-textfield {
    vertical-align: middle;
    color: inherit;
    font-size: 70%;
    border: 1px solid silver;
    padding: .2em .5em;
}

.ͼ2 .cm-textfield {
    background-color: white;
}

.ͼ3 .cm-textfield {
    border: 1px solid #555;
    background-color: inherit;
}

.ͼ1.cm-focused .cm-matchingBracket {
    background-color: #328c8252;
}

.ͼ1.cm-focused .cm-nonmatchingBracket {
    background-color: #bb555544;
}

.ͼp {
    color: var(--jp-mirror-editor-meta-color);
}

.ͼq {
    color: var(--jp-mirror-editor-header-color);
}

.ͼr {
    color: var(--jp-mirror-editor-header-color);
    font-weight: bold;
}

.ͼs {
    color: var(--jp-mirror-editor-keyword-color);
    font-weight: bold;
}

.ͼt {
    color: var(--jp-mirror-editor-atom-color);
}

.ͼu {
    color: var(--jp-mirror-editor-number-color);
}

.ͼv {
    color: var(--jp-mirror-editor-def-color);
}

.ͼw {
    color: var(--jp-mirror-editor-builtin-color);
}

.ͼx {
    color: var(--jp-mirror-editor-variable-2-color);
}

.ͼy {
    color: var(--jp-mirror-editor-punctuation-color);
}

.ͼz {
    color: var(--jp-mirror-editor-property-color);
}

.ͼ10 {
    color: var(--jp-mirror-editor-operator-color);
    font-weight: bold;
}

.ͼ11 {
    color: var(--jp-mirror-editor-comment-color);
    font-style: italic;
}

.ͼ12 {
    color: var(--jp-mirror-editor-string-color);
}

.ͼ13 {
    color: var(--jp-mirror-editor-string-2-color);
}

.ͼ14 {
    color: var(--jp-mirror-editor-bracket-color);
}

.ͼ15 {
    color: var(--jp-mirror-editor-tag-color);
}

.ͼ16 {
    color: var(--jp-mirror-editor-attribute-color);
}

.ͼ17 {
    color: var(--jp-mirror-editor-quote-color);
}

.ͼ18 {
    color: var(--jp-mirror-editor-link-color);
    text-decoration: underline;
}

/*.ͼ19 {*/
/*    color: ;*/
/*}*/

.ͼ1a {
    font-weight: bold;
}

.ͼ1b {
    font-style: italic;
}

.ͼ1c {
    text-decoration: line-through;
}

.ͼ1d {
    color: var(--jp-mirror-editor-keyword-color);
    font-weight: bold;
}

.ͼo {
    background: var(--jp-layout-color0);
    color: var(--jp-content-font-color1);
}

.jp-CodeConsole .ͼo, .jp-Notebook .ͼo {
    background: transparent;
}

.ͼo .cm-content {
    caret-color: var(--jp-editor-cursor-color);
}

.ͼo .cm-scroller {
    font-family: inherit;
}

.ͼo .cm-cursor, .ͼo .cm-dropCursor {
    border-left: var(--jp-code-cursor-width0) solid var(--jp-editor-cursor-color);
}

.ͼo .cm-selectionBackground, .ͼo .cm-content ::selection {
    background-color: var(--jp-editor-selected-background);
}

.ͼo.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {
    background-color: var(--jp-editor-selected-focused-background);
}

.ͼo .cm-gutters {
    border-right: 1px solid var(--jp-border-color2);
    background-color: var(--jp-layout-color2);
}

.ͼo .cm-gutter {
    background-color: var(--jp-layout-color2);
}

.ͼo .cm-activeLine {
    background-color: color-mix(in srgb, var(--jp-layout-color3) 25%, transparent);
}

.ͼo .cm-lineNumbers {
    color: var(--jp-ui-font-color2);
}

.ͼo .cm-searchMatch {
    background-color: var(--jp-search-unselected-match-background-color);
    color: var(--jp-search-unselected-match-color);
}

.ͼo .cm-searchMatch.cm-searchMatch-selected {
    background-color: var(--jp-search-selected-match-background-color) !important;
    color: var(--jp-search-selected-match-color) !important;
}

.ͼo .cm-tooltip {
    background-color: var(--jp-layout-color1);
}

.ͼo .cm-builtin {
    color: var(--jp-mirror-editor-builtin-color);
}

.ͼ4 .cm-line ::selection {
    background-color: transparent !important;
}

.ͼ4 .cm-line::selection {
    background-color: transparent !important;
}

.ͼ4 .cm-line {
    caret-color: transparent !important;
}

.ͼ4 .cm-content {
    caret-color: transparent !important;
}


.lm-Widget {
    box-sizing: border-box;
    position: relative;
}

.lm-Widget.lm-mod-hidden {
    display: none !important;
}

.lm-AccordionPanel[data-orientation='horizontal'] > .lm-AccordionPanel-title {
    /* Title is rotated for horizontal accordion panel using CSS */
    display: block;
    transform-origin: top left;
    transform: rotate(-90deg) translate(-100%);
}

.lm-CommandPalette {
    display: flex;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lm-CommandPalette-search {
    flex: 0 0 auto;
}

.lm-CommandPalette-content {
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    min-height: 0;
    overflow: auto;
    list-style-type: none;
}

.lm-CommandPalette-header {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lm-CommandPalette-item {
    display: flex;
    flex-direction: row;
}

.lm-CommandPalette-itemIcon {
    flex: 0 0 auto;
}

.lm-CommandPalette-itemContent {
    flex: 1 1 auto;
    overflow: hidden;
}

.lm-CommandPalette-itemShortcut {
    flex: 0 0 auto;
}

.lm-CommandPalette-itemLabel {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lm-close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    right: 3%;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 7px 0;
    display: none;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

.lm-close-icon:after {
    content: 'X';
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
    color: #000;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
}

.lm-DockPanel {
    z-index: 0;
}

.lm-DockPanel-widget {
    z-index: 0;
}

.lm-DockPanel-tabBar {
    z-index: 1;
}

.lm-DockPanel-handle {
    z-index: 2;
}

.lm-DockPanel-handle.lm-mod-hidden {
    display: none !important;
}

.lm-DockPanel-handle:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.lm-DockPanel-handle[data-orientation='horizontal'] {
    cursor: ew-resize;
}

.lm-DockPanel-handle[data-orientation='vertical'] {
    cursor: ns-resize;
}

.lm-DockPanel-handle[data-orientation='horizontal']:after {
    left: 50%;
    min-width: 8px;
    transform: translateX(-50%);
}

.lm-DockPanel-handle[data-orientation='vertical']:after {
    top: 50%;
    min-height: 8px;
    transform: translateY(-50%);
}

.lm-DockPanel-overlay {
    z-index: 3;
    box-sizing: border-box;
    pointer-events: none;
}

.lm-DockPanel-overlay.lm-mod-hidden {
    display: none !important;
}

.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;
}

.lm-Menu-content {
    margin: 0;
    padding: 0;
    display: table;
    list-style-type: none;
}

.lm-Menu-item {
    display: table-row;
}

.lm-Menu-item.lm-mod-hidden,
.lm-Menu-item.lm-mod-collapsed {
    display: none !important;
}

.lm-Menu-itemIcon,
.lm-Menu-itemSubmenuIcon {
    display: table-cell;
    text-align: center;
}

.lm-Menu-itemLabel {
    display: table-cell;
    text-align: left;
}

.lm-Menu-itemShortcut {
    display: table-cell;
    text-align: right;
}


.lm-MenuBar {
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lm-MenuBar-content {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    list-style-type: none;
}

.lm-MenuBar-item {
    box-sizing: border-box;
}

.lm-MenuBar-itemIcon,
.lm-MenuBar-itemLabel {
    display: inline-block;
}


.lm-ScrollBar {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lm-ScrollBar[data-orientation='horizontal'] {
    flex-direction: row;
}

.lm-ScrollBar[data-orientation='vertical'] {
    flex-direction: column;
}

.lm-ScrollBar-button {
    box-sizing: border-box;
    flex: 0 0 auto;
}

.lm-ScrollBar-track {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
}

.lm-ScrollBar-thumb {
    box-sizing: border-box;
    position: absolute;
}

.lm-SplitPanel-child {
    z-index: 0;
}

.lm-SplitPanel-handle {
    z-index: 1;
}

.lm-SplitPanel-handle.lm-mod-hidden {
    display: none !important;
}

.lm-SplitPanel-handle:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.lm-SplitPanel[data-orientation='horizontal'] > .lm-SplitPanel-handle {
    cursor: ew-resize;
}

.lm-SplitPanel[data-orientation='vertical'] > .lm-SplitPanel-handle {
    cursor: ns-resize;
}

.lm-SplitPanel[data-orientation='horizontal'] > .lm-SplitPanel-handle:after {
    left: 50%;
    min-width: 8px;
    transform: translateX(-50%);
}

.lm-SplitPanel[data-orientation='vertical'] > .lm-SplitPanel-handle:after {
    top: 50%;
    min-height: 8px;
    transform: translateY(-50%);
}

.lm-TabBar {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lm-TabBar[data-orientation='horizontal'] {
    flex-direction: row;
    align-items: flex-end;
}

.lm-TabBar[data-orientation='vertical'] {
    flex-direction: column;
    align-items: flex-end;
}

.lm-TabBar-content {
    margin: 0;
    padding: 0;
    display: flex;
    flex: 1 1 auto;
    list-style-type: none;
}

.lm-TabBar[data-orientation='horizontal'] > .lm-TabBar-content {
    flex-direction: row;
}

.lm-TabBar[data-orientation='vertical'] > .lm-TabBar-content {
    flex-direction: column;
}

.lm-TabBar-tab {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    overflow: hidden;
    touch-action: none; /* Disable native Drag/Drop */
}

.lm-TabBar-tabIcon,
.lm-TabBar-tabCloseIcon {
    flex: 0 0 auto;
}

.lm-TabBar-tabLabel {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
}

.lm-TabBar-tabInput {
    user-select: all;
    width: 100%;
    box-sizing: border-box;
}

.lm-TabBar-tab.lm-mod-hidden {
    display: none !important;
}

.lm-TabBar-addButton.lm-mod-hidden {
    display: none !important;
}

.lm-TabBar.lm-mod-dragging .lm-TabBar-tab {
    position: relative;
}

.lm-TabBar.lm-mod-dragging[data-orientation='horizontal'] .lm-TabBar-tab {
    left: 0;
    transition: left 150ms ease;
}

.lm-TabBar.lm-mod-dragging[data-orientation='vertical'] .lm-TabBar-tab {
    top: 0;
    transition: top 150ms ease;
}

.lm-TabBar.lm-mod-dragging .lm-TabBar-tab.lm-mod-dragging {
    transition: none;
}

.lm-TabBar-tabLabel .lm-TabBar-tabInput {
    user-select: all;
    width: 100%;
    box-sizing: border-box;
    background: inherit;
}


.lm-TabPanel-tabBar {
    z-index: 1;
}

.lm-TabPanel-stackedPanel {
    z-index: 0;
}


.jp-Collapse {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.jp-Collapse-header {
    padding: 1px 12px;
    background-color: var(--jp-layout-color1);
    border-bottom: solid var(--jp-border-width) var(--jp-border-color2);
    color: var(--jp-ui-font-color1);
    cursor: pointer;
    display: flex;
    align-items: center;
    /*font-size: var(--jp-ui-font-size0);*/
    font-weight: 600;
    text-transform: uppercase;
    user-select: none;
}

.jp-Collapser-icon {
    height: 16px;
}

.jp-Collapse-header-collapsed .jp-Collapser-icon {
    transform: rotate(-90deg);
    margin: auto 0;
}

.jp-Collapser-title {
    line-height: 25px;
}

.jp-Collapse-contents {
    padding: 0 12px;
    background-color: var(--jp-layout-color1);
    color: var(--jp-ui-font-color1);
    overflow: auto;
}


:root {
    --jp-icon-add-above: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e %3cg clip-path='url(%23addabovea)'%3e %3cpath fill='%23616161' stroke='%23616161' stroke-width='.7' d='M4.75 4.93h1.875v1.876c0 .206.169.375.375.375a.376.376 0 0 0 .375-.375V4.93H9.25a.376.376 0 0 0 .375-.375.376.376 0 0 0-.375-.375H7.375V2.306A.376.376 0 0 0 7 1.93a.376.376 0 0 0-.375.375V4.18H4.75a.376.376 0 0 0-.375.375c0 .206.169.375.375.375Z' class='jp-icon3'/%3e %3c/g%3e %3cpath fill='%23616161' fill-rule='evenodd' d='M11.5 9.5v2h-9v-2zM12 8a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z' class='jp-icon3' clip-rule='evenodd'/%3e %3cdefs%3e %3cclipPath id='addabovea'%3e %3cpath fill='white' d='M10 1.556H4v6h6z' class='jp-icon3'/%3e %3c/clipPath%3e %3c/defs%3e %3c/svg%3e");
    --jp-icon-add-below: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e %3cg clip-path='url(%23addbelowa)'%3e %3cpath fill='%23616161' stroke='%23616161' stroke-width='.7' d='M9.25 10.07H7.375V8.193A.376.376 0 0 0 7 7.82a.376.376 0 0 0-.375.375v1.875H4.75a.376.376 0 0 0-.375.375c0 .207.169.375.375.375h1.875v1.875c0 .207.169.375.375.375a.376.376 0 0 0 .375-.375V10.82H9.25a.376.376 0 0 0 .375-.375.376.376 0 0 0-.375-.375Z' class='jp-icon3'/%3e %3c/g%3e %3cpath fill='%23616161' fill-rule='evenodd' d='M2.5 5.5v-2h9v2zM2 7a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1z' class='jp-icon3' clip-rule='evenodd'/%3e %3cdefs%3e %3cclipPath id='addbelowa'%3e %3cpath fill='white' d='M4 13.444h6v-6H4z' class='jp-icon3'/%3e %3c/clipPath%3e %3c/defs%3e %3c/svg%3e");
    --jp-icon-add: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-bell: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' version='1.1' viewBox='0 0 16 16'%3e %3cpath fill='%23333' d='M8 .29c-1.4 0-2.7.73-3.6 1.8-1.2 1.5-1.4 3.4-1.5 5.2-.18 2.2-.44 4-2.3 5.3l.28 1.3h5c.026.66.32 1.1.71 1.5.84.61 2 .61 2.8 0 .52-.4.6-1 .71-1.5h5l.28-1.3c-1.9-.97-2.2-3.3-2.3-5.3-.13-1.8-.26-3.7-1.5-5.2-.85-1-2.2-1.8-3.6-1.8zm0 1.4c.88 0 1.9.55 2.5 1.3.88 1.1 1.1 2.7 1.2 4.4.13 1.7.23 3.6 1.3 5.2H3c1.1-1.6 1.2-3.4 1.3-5.2.13-1.7.3-3.3 1.2-4.4.59-.72 1.6-1.3 2.5-1.3m-.74 12h1.5c-.001.28.015.79-.74.79-.73.002-.72-.53-.74-.79z' class='jp-icon2 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-bug-dot: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e %3cg fill='%23616161' class='jp-icon3 jp-icon-selectable'%3e %3cpath fill-rule='evenodd' d='M17.19 8H20v2h-2.09c.05.33.09.66.09 1v1h2v2h-2v.027a4.5 4.5 0 0 0-3.545 6.447A5.997 5.997 0 0 1 6.81 18H4v-2h2.09c-.05-.33-.09-.66-.09-1v-1H4v-2h2v-1c0-.34.04-.67.09-1H4V8h2.81c.45-.78 1.07-1.45 1.81-1.96L7 4.41 8.41 3l2.18 2.17c.45-.11.92-.17 1.41-.17s.96.06 1.42.17L15.59 3 17 4.41l-1.63 1.63c.75.51 1.37 1.18 1.82 1.96M10 16h4v-2h-4zm0-4h4v-2h-4z' clip-rule='evenodd'/%3e %3cpath d='M22 18.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-bug: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M20 8h-2.81a6 6 0 0 0-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5s-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20zm-6 8h-4v-2h4zm0-4h-4v-2h4z' class='jp-icon3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-build: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M14.9 17.45c1.35 0 2.45-1.1 2.45-2.45s-1.1-2.45-2.45-2.45c-1.36 0-2.45 1.1-2.45 2.45s1.09 2.45 2.45 2.45m5.2-1.77 1.48 1.16c.13.11.17.29.08.45l-1.4 2.42a.35.35 0 0 1-.43.15l-1.74-.7c-.36.28-.76.51-1.18.69l-.27 1.85c-.02.17-.17.3-.34.3h-2.8c-.18 0-.32-.13-.35-.3l-.26-1.85c-.43-.18-.82-.41-1.18-.69l-1.75.7c-.15.06-.34 0-.42-.15l-1.4-2.42a.35.35 0 0 1 .08-.45l1.48-1.16-.05-.68.05-.69-1.48-1.15a.35.35 0 0 1-.08-.45l1.4-2.42c.08-.16.27-.22.42-.16l1.75.71c.36-.28.75-.52 1.18-.69l.26-1.86c.03-.16.17-.29.35-.29h2.8c.17 0 .32.13.34.29l.27 1.86c.42.17.82.41 1.18.69l1.74-.71c.17-.06.34 0 .43.16l1.4 2.42c.09.15.05.34-.08.45l-1.48 1.15.05.69zM7.33 7.445A1.566 1.566 0 0 0 7.904 5.3a1.575 1.575 0 1 0-.574 2.145m2.327-2.65 1.21.157c.096.025.173.12.171.236v1.8a.214.214 0 0 1-.183.223l-1.195.17-.42.75.43 1.126c.037.106 0 .22-.096.275l-1.559.9a.23.23 0 0 1-.294-.05l-.734-.95-.878-.001-.762.96c-.058.08-.173.1-.275.043l-1.56-.901a.23.23 0 0 1-.101-.276l.452-1.116-.246-.366-.194-.396-1.192-.166a.23.23 0 0 1-.189-.226V5.186c.002-.117.077-.206.175-.217l1.204-.175.446-.766-.456-1.11a.23.23 0 0 1 .104-.28l1.56-.9a.225.225 0 0 1 .285.054l.76.936.86.01.745-.949a.214.214 0 0 1 .284-.048l1.56.9a.24.24 0 0 1 .118.267l-.47 1.126.246.366z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-caret-down-empty-thin: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 20 20'%3e %3cpath fill='%23616161' d='M9.9 13.6 3.6 7.4l.8-.8 5.5 5.6 5.5-5.5.7.7z' class='jp-icon3' shape-rendering='geometricPrecision'/%3e %3c/svg%3e");
    --jp-icon-caret-down-empty: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 18 18'%3e %3cpath fill='%23616161' d='M5.2 5.9 9 9.7l3.8-3.8L14 7.1l-4.9 5-4.9-5z' class='jp-icon3' shape-rendering='geometricPrecision'/%3e %3c/svg%3e");
    --jp-icon-caret-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 18 18'%3e %3cpath fill='%23616161' d='M5.2 7.5 9 11.2l3.8-3.8H5.2z' class='jp-icon3' shape-rendering='geometricPrecision'/%3e %3c/svg%3e");
    --jp-icon-caret-left: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 18 18'%3e %3cpath fill='%23616161' d='M10.8 12.8 7.1 9l3.8-3.8v7.6z' class='jp-icon3' shape-rendering='geometricPrecision'/%3e %3c/svg%3e");
    --jp-icon-caret-right: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 18 18'%3e %3cpath fill='%23616161' d='M7.2 5.2 10.9 9l-3.8 3.8V5.2z' class='jp-icon3' shape-rendering='geometricPrecision'/%3e %3c/svg%3e");
    --jp-icon-caret-up-empty-thin: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 20 20'%3e %3cpath fill='%23616161' d='M15.4 13.3 9.9 7.7l-5.5 5.5-.8-.7 6.3-6.2 6.2 6.3z' class='jp-icon3' shape-rendering='geometricPrecision'/%3e %3c/svg%3e");
    --jp-icon-caret-up: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 18 18'%3e %3cpath fill='%23616161' d='M5.2 10.5 9 6.8l3.8 3.8H5.2z' class='jp-icon3' shape-rendering='geometricPrecision'/%3e %3c/svg%3e");
    --jp-icon-case-sensitive: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 20 20'%3e %3cpath fill='%23414141' d='M2 2h16v16H2z' class='jp-icon2'/%3e %3cpath fill='white' d='M7.6 8h.9l3.5 8h-1.1l-.9-2H6l-.9 2H4zM8 9.1 6.4 13h3.2zm8.6.7c-.2.1-.4.1-.7.1-.2 0-.4-.1-.6-.2-.1-.1-.2-.4-.2-.7-.3.3-.6.5-.9.7-.3.1-.7.2-1.1.2-.3 0-.5 0-.7-.1l-.6-.3c-.2-.1-.3-.3-.4-.5s-.1-.4-.1-.7.1-.6.2-.8.3-.4.4-.5c.1 0 .3-.1.6-.2.2-.1.5-.1.7-.2.3-.1.5-.1.7-.1s.4-.1.6-.1.3-.1.4-.2.2-.2.2-.4c0-1-1.1-1-1.3-1-.4 0-1.4 0-1.4 1.2h-.9c0-.4.1-.7.2-1 .1-.2.3-.4.5-.6s.5-.3.8-.3c.3-.1.6-.1.9-.1s.5 0 .8.1c.3 0 .5.1.7.2s.4.3.5.5.1.4.1.8V9c0 .1.1.2.3.2h.3zm-1.4-2.9c-1.2.6-3.1.2-3.1 1.4 0 1.4 3.1 1 3.1-.5z' class='jp-icon-accent2'/%3e %3c/svg%3e");
    --jp-icon-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' class='jp-icon3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-circle-empty: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-circle: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 18 18'%3e %3ccircle cx='9' cy='9' r='8' fill='%23616161' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-cleaning: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M16 11h-1V3c0-1.1-.9-2-2-2h-2c-1.1 0-2 .9-2 2v8H8c-2.76 0-5 2.24-5 5v7h18v-7c0-2.76-2.24-5-5-5m3 10h-2v-3c0-.55-.45-1-1-1s-1 .45-1 1v3h-2v-3c0-.55-.45-1-1-1s-1 .45-1 1v3H9v-3c0-.55-.45-1-1-1s-1 .45-1 1v3H5v-5c0-1.65 1.35-3 3-3h8c1.65 0 3 1.35 3 3z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-clear: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cmask id='cleara'%3e %3cpath fill='white' d='M0 0h24v24H0z'/%3e %3ccircle cx='12' cy='12' r='8' fill='black'/%3e %3c/mask%3e %3cg fill='%23616161' class='jp-icon3'%3e %3cpath d='M4.929 6.343 6.343 4.93l12.728 12.728-1.414 1.414z'/%3e %3ccircle cx='12' cy='12' r='10' mask='url(%23cleara)'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3ccircle cx='12' cy='12' r='11' fill='none' class='jp-icon-none jp-icon-selectable-inverse jp-icon3-hover'/%3e %3cpath fill='%23616161' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' class='jp-icon3 jp-icon-selectable jp-icon-accent2-hover'/%3e %3ccircle cx='12' cy='12' r='7' fill='none' class='jp-icon-none jp-icon-busy'/%3e %3c/svg%3e");
    --jp-icon-code-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M6.59 3.41 2 8l4.59 4.6L8 11.18 4.82 8 8 4.82zm5.82 0L11 4.82 14.18 8 11 11.18l1.41 1.42L17 8zm9.18 8.18-8.09 8.09L9.83 16l-1.41 1.41 5.08 5.09L23 13z' class='jp-icon3 jp-icon-selectable' shape-rendering='geometricPrecision'/%3e %3c/svg%3e");
    --jp-icon-code: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 28 28'%3e %3cpath fill='%23616161' d='M11.4 18.6 6.8 14l4.6-4.6L10 8l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L18 8l6 6-6 6z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-collapse-all: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cg fill='%23616161' class='jp-icon3'%3e %3cpath d='M8 2h12c1 0 2 1 2 2v12c0 1 0 2-2 2V4H6c0-2 1-2 2-2'/%3e %3cpath d='M18 8c0-1-1-2-2-2H4C3 6 2 7 2 8v12c0 1 1 2 2 2h12c1 0 2-1 2-2zm-2 0v12H4V8z'/%3e %3cpath d='M6 13v2h8v-2z'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-collapse: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 8.5 10.5'%3e %3cg fill='%23BDBDBD' class='jp-icon-output'%3e %3cpath d='M.019 0h8.458v1.064H.019zM0 9.52h8.491v1.059H0zm4.776-6.608H3.72V1.323h1.056z'/%3e %3cpath d='m4.244 5.243-1.06-1.167-1.06-1.167h4.24l-1.06 1.167zm.528 4.014H3.716V7.665h1.056z'/%3e %3cpath d='M4.242 5.332 5.302 6.5l1.06 1.167h-4.24L3.182 6.5z'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-console: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 200 200'%3e %3cpath fill='%230288D1' d='M20 19.8h160v159.9H20z' class='jp-console-icon-background-color jp-icon-selectable'/%3e %3cpath fill='white' d='M105 127.3h40v12.8h-40zM51.1 77 74 99.9l-23.3 23.3 10.5 10.5 23.3-23.3L95 99.9 84.5 89.4 61.6 66.5z' class='jp-console-icon-color jp-icon-selectable-inverse'/%3e %3c/svg%3e");
    --jp-icon-copy: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 18 18'%3e %3cpath fill='%23616161' d='M11.9 1H3.2c-.8 0-1.5.7-1.5 1.5v10.2h1.5V2.5h8.7zm2.2 2.9h-8c-.8 0-1.5.7-1.5 1.5v10.2c0 .8.7 1.5 1.5 1.5h8c.8 0 1.5-.7 1.5-1.5V5.4c-.1-.8-.7-1.5-1.5-1.5m0 11.6h-8V5.4h8z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-copyright: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M11.88 9.14c1.28.06 1.61 1.15 1.63 1.66h1.79c-.08-1.98-1.49-3.19-3.45-3.19C9.64 7.61 8 9 8 12.14c0 1.94.93 4.24 3.84 4.24 2.22 0 3.41-1.65 3.44-2.95h-1.79c-.03.59-.45 1.38-1.63 1.44-1.31-.04-1.86-1.06-1.86-2.73 0-2.89 1.28-2.98 1.88-3M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-cut: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2m0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2m6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5M19 3l-6 6 2 2 7-7V3z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-delete: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3e %3cpath fill='%23626262' d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-download: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M19 9h-4V3H9v6H5l7 7zM5 18v2h14v-2z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-duplicate: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e %3cpath fill='%23616161' fill-rule='evenodd' d='M2.8.875h6.096c.305 0 .554.264.554.587s-.25.587-.554.587H3.354c-.305 0-.554.264-.554.587V9.68c0 .322-.25.587-.554.587s-.554-.264-.554-.587V2.049c0-.646.498-1.174 1.108-1.174M5.367 11.9V4.55h5.716v7.35zM4.142 4.142c0-.451.365-.817.816-.817h6.534c.45 0 .816.366.816.817v8.166a.817.817 0 0 1-.816.817H4.958a.817.817 0 0 1-.816-.817z' class='jp-icon3' clip-rule='evenodd'/%3e %3cpath fill='%23616161' stroke='%23616161' stroke-width='.5' d='M9.436 8.265H8.364v1.071a.215.215 0 0 1-.214.215.215.215 0 0 1-.214-.215v-1.07H6.864a.215.215 0 0 1-.214-.215c0-.118.096-.215.214-.215h1.072v-1.07a.214.214 0 1 1 .428-.001v1.072h1.072c.118 0 .214.096.214.214a.215.215 0 0 1-.214.214Z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-edit: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-ellipses: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cg fill='%23616161' class='jp-icon3'%3e %3ccircle cx='5' cy='12' r='2'/%3e %3ccircle cx='12' cy='12' r='2'/%3e %3ccircle cx='19' cy='12' r='2'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-error: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cg fill='%23616161' class='jp-icon3'%3e %3ccircle cx='12' cy='19' r='2'/%3e %3cpath d='M10 3h4v12h-4z'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-expand-all: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cg fill='%23616161' class='jp-icon3'%3e %3cpath d='M8 2h12c1 0 2 1 2 2v12c0 1 0 2-2 2V4H6c0-2 1-2 2-2'/%3e %3cpath d='M18 8c0-1-1-2-2-2H4C3 6 2 7 2 8v12c0 1 1 2 2 2h12c1 0 2-1 2-2zm-2 0v12H4V8z'/%3e %3cpath d='M11 10H9v3H6v2h3v3h2v-3h3v-2h-3z'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-expand: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 8.5 10.5'%3e %3cg fill='%23BDBDBD' class='jp-icon-output'%3e %3cpath d='M.019 0h8.458v1.064H.019zM0 9.521h8.491v1.059H0zm3.712-5.822h1.056v1.589H3.712z'/%3e %3cpath d='m4.244 1.368 1.06 1.167 1.06 1.167h-4.24l1.06-1.167zm-.532 3.92h1.056V6.88H3.712z'/%3e %3cpath d='m4.242 9.213-1.06-1.167-1.06-1.167h4.24l-1.06 1.167z'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-extension: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5a2.5 2.5 0 0 0-5 0V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7s2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5a2.5 2.5 0 0 0 0-5' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-fast-forward: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='m4 18 8.5-6L4 6zm9-12v12l8.5-6z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-file-upload: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-file: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 22 22'%3e %3cpath fill='%23616161' d='m19.3 8.2-5.5-5.5c-.3-.3-.7-.5-1.2-.5H3.9c-.8.1-1.6.9-1.6 1.8v14.1c0 .9.7 1.6 1.6 1.6h14.2c.9 0 1.6-.7 1.6-1.6V9.4c.1-.5-.1-.9-.4-1.2m-5.8-3.3 3.4 3.6h-3.4zm3.9 12.7H4.7c-.1 0-.2 0-.2-.2V4.7c0-.2.1-.3.2-.3h7.2v4.4s0 .8.3 1.1 1.1.3 1.1.3h4.3v7.2s-.1.2-.2.2' class='jp-icon3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-filter-dot: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='white' d='M14 12v7.88c.04.3-.06.62-.29.83a.996.996 0 0 1-1.41 0l-2.01-2.01a.99.99 0 0 1-.29-.83V12h-.03L4.21 4.62a1 1 0 0 1 .17-1.4c.19-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L14.03 12z' class='jp-icon3'/%3e %3ccircle cx='18' cy='17' r='3' fill='white' class='jp-icon-dot'/%3e %3c/svg%3e");
    --jp-icon-filter-list: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-filter: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='white' d='M14 12v7.88c.04.3-.06.62-.29.83a.996.996 0 0 1-1.41 0l-2.01-2.01a.99.99 0 0 1-.29-.83V12h-.03L4.21 4.62a1 1 0 0 1 .17-1.4c.19-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L14.03 12z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-folder-favorite: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='black' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-2.06 11L15 15.28 12.06 17l.78-3.33-2.59-2.24 3.41-.29L15 8l1.34 3.14 3.41.29-2.59 2.24z' class='jp-icon3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-folder: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z' class='jp-icon3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-history: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M13.5 8H12v5l4.28 2.54.72-1.21-3.5-2.08zM13 3a9 9 0 0 0-9 9H1l3.96 4.03L9 12H6a7 7 0 0 1 7-7 7 7 0 0 1 7 7 7 7 0 0 1-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.9 8.9 0 0 0 13 21a9 9 0 0 0 9-9 9 9 0 0 0-9-9' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-home: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='black' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z' class='jp-icon3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-html5: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 512 512'%3e %3cpath fill='black' d='M108.4 0h23v22.8h21.2V0h23v69h-23V46h-21v23h-23.2M206 23h-20.3V0h63.7v23H229v46h-23m53.5-69h24.1l14.8 24.3L313.2 0h24.1v69h-23V34.8l-16.1 24.8-16.1-24.8V69h-22.6m89.2-69h23v46.2h32.6V69h-55.6' class='jp-icon0 jp-icon-selectable'/%3e %3cpath fill='%23e44d26' d='m107.6 471-33-370.4h362.8l-33 370.2L255.7 512' class='jp-icon-selectable'/%3e %3cpath fill='%23f16529' d='M256 480.5V131h148.3L376 447' class='jp-icon-selectable'/%3e %3cpath fill='%23ebebeb' d='M142 176.3h114v45.4h-64.2l4.2 46.5h60v45.3H154.4m2 22.8H202l3.2 36.3 50.8 13.6v47.4l-93.2-26' class='jp-icon-selectable-inverse'/%3e %3cpath fill='white' d='M369.6 176.3H255.8v45.4h109.6m-4.1 46.5H255.8v45.4h56l-5.3 59-50.7 13.6v47.2l93-25.8' class='jp-icon-selectable-inverse'/%3e %3c/svg%3e");
    --jp-icon-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 22 22'%3e %3cpath fill='white' d='M2.2 2.2h17.5v17.5H2.2z' class='jp-icon-brand4 jp-icon-selectable-inverse'/%3e %3cpath fill='%233F51B5' d='M2.2 2.2v17.5h17.5l.1-17.5zm12.1 2.2c1.2 0 2.2 1 2.2 2.2s-1 2.2-2.2 2.2-2.2-1-2.2-2.2 1-2.2 2.2-2.2M4.4 17.6l3.3-8.8 3.3 6.6 2.2-3.2 4.4 5.4z' class='jp-icon-brand0 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-info: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 50.978 50.978'%3e %3cg fill='%23616161' class='jp-icon3'%3e %3cpath d='M43.52 7.458C38.711 2.648 32.307 0 25.489 0 18.67 0 12.266 2.648 7.458 7.458c-9.943 9.941-9.943 26.119 0 36.062 4.809 4.809 11.212 7.456 18.031 7.458h.002c6.816 0 13.221-2.648 18.029-7.458 4.809-4.809 7.457-11.212 7.457-18.03 0-6.82-2.649-13.224-7.457-18.032m-1.414 34.647c-4.432 4.431-10.332 6.872-16.615 6.872h-.002c-6.285-.001-12.187-2.441-16.617-6.872-9.162-9.163-9.162-24.071 0-33.233C13.303 4.44 19.204 2 25.489 2c6.284 0 12.186 2.44 16.617 6.872 4.431 4.431 6.871 10.332 6.871 16.617 0 6.283-2.441 12.186-6.871 16.616'/%3e %3cpath d='M23.578 32.218q-.034-2.602.496-3.972t2.272-3.253q.702-.805 1.367-1.575.939-1.13 1.436-2.175.496-1.061.495-2.5 0-1.643-.779-2.979-.848-1.319-2.806-1.369-2.703.085-3.55 1.832a5.3 5.3 0 0 0-.607 1.814 11.3 11.3 0 0 0-.207 2.174h-2.937q-.136-3.312 1.493-5.719 1.593-2.459 5.378-2.527 3.24.034 5.141 1.758 1.918 1.74 1.95 4.811 0 1.712-.41 2.911a7.6 7.6 0 0 1-1.268 2.243 22 22 0 0 1-1.73 2.002 34 34 0 0 0-1.987 2.346 5.2 5.2 0 0 0-.565 1.199q-.24 1.438-.171 2.979zm0 6.002v-3.484h3.076v3.484z'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-inspector: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m-5 14H4v-4h11zm0-5H4V9h11zm5 5h-4V9h4z' class='jp-inspector-icon-color jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-json: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 22 22'%3e %3cg fill='%23F9A825' class='jp-json-icon-color jp-icon-selectable'%3e %3cpath d='M20.2 11.8c-1.6 0-1.7.5-1.7 1 0 .4.1.9.1 1.3.1.5.1.9.1 1.3 0 1.7-1.4 2.3-3.5 2.3h-.9v-1.9h.5c1.1 0 1.4 0 1.4-.8 0-.3 0-.6-.1-1 0-.4-.1-.8-.1-1.2 0-1.3 0-1.8 1.3-2-1.3-.2-1.3-.7-1.3-2 0-.4.1-.8.1-1.2.1-.4.1-.7.1-1 0-.8-.4-.7-1.4-.8h-.5V4.1h.9c2.2 0 3.5.7 3.5 2.3 0 .4-.1.9-.1 1.3-.1.5-.1.9-.1 1.3 0 .5.2 1 1.7 1zM1.8 10.1c1.6 0 1.7-.5 1.7-1 0-.4-.1-.9-.1-1.3-.1-.5-.1-.9-.1-1.3 0-1.6 1.4-2.3 3.5-2.3h.9v1.9h-.5c-1 0-1.4 0-1.4.8 0 .3 0 .6.1 1 0 .2.1.6.1 1 0 1.3 0 1.8-1.3 2C6 11.2 6 11.7 6 13c0 .4-.1.8-.1 1.2-.1.3-.1.7-.1 1 0 .8.3.8 1.4.8h.5v1.9h-.9c-2.1 0-3.5-.6-3.5-2.3 0-.4.1-.9.1-1.3.1-.5.1-.9.1-1.3 0-.5-.2-1-1.7-1z'/%3e %3ccircle cx='11' cy='13.8' r='2.1'/%3e %3ccircle cx='11' cy='8.2' r='2.1'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-julia: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 325 300'%3e %3cpath fill='%23cb3c33' d='M150.898 225c0 41.422-33.578 75-75 75s-75-33.578-75-75 33.579-75 75-75 75 33.578 75 75' class='jp-brand0 jp-icon-selectable'/%3e %3cpath fill='%23389826' d='M237.5 75c0 41.422-33.578 75-75 75s-75-33.578-75-75 33.578-75 75-75 75 33.578 75 75' class='jp-brand0 jp-icon-selectable'/%3e %3cpath fill='%239558b2' d='M324.102 225c0 41.422-33.579 75-75 75s-75-33.578-75-75 33.578-75 75-75 75 33.578 75 75' class='jp-brand0 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-jupyter-favicon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='152' height='165' version='1.1' viewBox='0 0 152 165'%3e %3cpath fill='%23F37726' d='M76.021 140.163c-32.64 0-61.145-11.927-75.942-29.58 5.51 15.84 15.781 29.567 29.39 39.278a80.17 80.17 0 0 0 46.57 14.929 80.17 80.17 0 0 0 46.57-14.929c13.61-9.711 23.88-23.437 29.391-39.278-14.833 17.653-43.338 29.58-75.979 29.58m-.005-114.832c32.64 0 61.146 11.927 75.943 29.58a80.9 80.9 0 0 0-29.391-39.278A80.16 80.16 0 0 0 75.998.705a80.16 80.16 0 0 0-46.57 14.928A80.9 80.9 0 0 0 .038 54.912c14.832-17.617 43.338-29.58 75.978-29.58' class='jp-jupyter-icon-color'/%3e %3c/svg%3e");
    --jp-icon-jupyter: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='39' height='51' viewBox='0 0 39 51'%3e %3cpath fill='%23F37726' d='M20.005 38.114c-7.85 0-14.706-2.876-18.265-7.134a19.5 19.5 0 0 0 7.069 9.473 19.24 19.24 0 0 0 11.2 3.6c4.013 0 7.927-1.258 11.2-3.6a19.5 19.5 0 0 0 7.069-9.473c-3.567 4.258-10.423 7.134-18.273 7.134m-.002-27.694c7.85 0 14.706 2.876 18.265 7.133a19.5 19.5 0 0 0-7.069-9.473A19.24 19.24 0 0 0 20 4.48a19.24 19.24 0 0 0-11.2 3.6 19.5 19.5 0 0 0-7.069 9.473c3.567-4.248 10.423-7.134 18.273-7.134' class='jp-jupyter-icon-color'/%3e %3cpath fill='%23616161' d='M37.194 3.154a3 3 0 0 1-.426 1.672 2.96 2.96 0 0 1-1.275 1.153 2.93 2.93 0 0 1-3.238-.505 3 3 0 0 1-.776-3.21c.2-.553.558-1.033 1.029-1.38a2.93 2.93 0 0 1 3.733.209c.576.532.919 1.274.953 2.061M9.228 46.393a3.77 3.77 0 0 1-.536 2.11 3.73 3.73 0 0 1-1.608 1.452 3.69 3.69 0 0 1-4.082-.638 3.75 3.75 0 0 1-1.097-1.875 3.8 3.8 0 0 1 .122-2.173 3.74 3.74 0 0 1 1.299-1.739 3.696 3.696 0 0 1 4.704.268 3.76 3.76 0 0 1 1.198 2.595M2.635 9.456a2.17 2.17 0 0 1-1.227-.318 2.2 2.2 0 0 1-.845-.951A2.22 2.22 0 0 1 .935 5.77a2.16 2.16 0 0 1 2.356-.577c.405.15.757.418 1.011.77a2.21 2.21 0 0 1-.156 2.783 2.17 2.17 0 0 1-1.511.71' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-jupyterlab-wordmark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='200' viewBox='0 0 1860.8 475'%3e %3cpath fill='%234E4E4E' d='M53.324 293.087c0 48.7-3.7 64.7-13.6 76.4-10.8 10-25 15.5-39.7 15.5l3.7 29c22.8.3 44.8-7.9 61.9-23.1 17.8-18.5 24-44.1 24-83.3v-184.3h-36.4v170.1zm271.42-22.179c0 21 0 39.5 1.7 55.4h-31.8l-2.1-33.3h-.8c-6.7 11.6-16.4 21.3-28 27.9s-24.8 10-38.2 9.8c-31.4 0-69-17.7-69-89v-118.8h36.4v112.7c0 38.7 11.6 64.7 44.6 64.7 10.3-.2 20.4-3.5 28.9-9.4s15.1-14.3 18.9-23.9c2.2-6.1 3.3-12.5 3.3-18.9v-125h36.4v147.8zm68.512-81.525c0-26-.8-47-1.7-66.7h32.7l1.7 34.8h.8c7.1-12.5 17.5-22.8 30.1-29.7 12.5-7 26.7-10.3 41-9.8 48.3 0 84.7 41.7 84.7 103.3 0 73.1-43.7 109.2-91 109.2-12.1.5-24.2-2.2-35-7.8s-19.9-13.9-26.6-24.2h-.8v110.5h-36v-220zm36 54.2c.1 5.1.6 10.1 1.7 15.1 3 12.3 9.9 23.3 19.8 31.1s22.1 12.1 34.7 12.1c38.5 0 60.7-31.9 60.7-78.5 0-40.7-21.1-75.6-59.5-75.6-12.9.4-25.3 5.1-35.3 13.4-9.9 8.3-16.9 19.7-19.6 32.4-1.5 4.9-2.3 10-2.5 15.1zm217.572-120.485 43.7 120.1c4.5 13.4 9.5 29.4 12.8 41.7h.8c3.7-12.2 7.9-27.7 12.8-42.4l39.7-119.2h38.5l-54.4 144.8c-26 69.7-43.7 105.4-68.6 127.2-12.5 11.7-27.9 20-44.6 23.9l-9.1-31.1c11.7-3.9 22.5-10.1 31.8-18.1 13.2-11.1 23.7-25.2 30.6-41.2 1.5-2.8 2.5-5.7 2.9-8.8-.3-3.3-1.2-6.6-2.5-9.7l-73.8-187.1h39.7zM890.649 64.65v58.3h52v28.2h-52v109.5c0 25 7 39.5 27.3 39.5 7.1.1 14.2-.7 21.1-2.5l1.7 27.7c-10.3 3.7-21.3 5.4-32.2 5-7.3.4-14.6-.7-21.3-3.4-6.8-2.7-12.9-6.8-17.9-12.1-10.3-10.9-14.1-29-14.1-52.9v-110.8h-31v-28.2h31v-48.7zm119.111 166.711c.8 50 32.2 70.6 68.6 70.6 19 .6 37.9-3 55.3-10.5l6.2 26.4c-20.9 8.9-43.5 13.1-66.2 12.6-61.5 0-98.3-41.2-98.3-102.5 0-61.4 35.5-109.6 93.7-109.6 65.2 0 82.7 58.3 82.7 95.7-.1 5.8-.5 11.5-1.2 17.2h-140.8zm106.6-26.4c.4-23.5-9.5-60.1-50.4-60.1-36.8 0-52.8 34.4-55.7 60.1zm88.317-18.505c0-23.9-.4-44.5-1.7-63.4h31.8l1.2 39.9h1.7c9.1-27.3 31-44.5 55.3-44.5 3.5-.1 7 .4 10.3 1.2v34.8c-4.1-.9-8.2-1.3-12.4-1.2-25.6 0-43.7 19.7-48.7 47.4-1 5.7-1.6 11.5-1.7 17.2v108.3h-36v-139.7z' class='jp-icon2'/%3e %3cpath fill='%23F37726' d='M1352.3 326.2h37V28h-37zm252.5 0c-2.5-13.9-3.4-31.1-3.4-48.7v-76c0-40.7-15.1-83.1-77.3-83.1-25.6 0-50 7.1-66.8 18.1l8.4 24.4c14.3-9.2 34-15.1 53-15.1 41.6 0 46.2 30.2 46.2 47v4.2c-78.6-.4-122.3 26.5-122.3 75.6 0 29.4 21 58.4 62.2 58.4 29 0 50.9-14.3 62.2-30.2h1.3l2.9 25.6h33.6zm-39.1-68.5c0 3.8-.8 8-2.1 11.8-5.9 17.2-22.7 34-49.2 34-18.9 0-34.9-11.3-34.9-35.3 0-39.5 45.8-46.6 86.2-45.8zm132.8 68.5 1.7-33.6h1.3c15.1 26.9 38.7 38.2 68.1 38.2 45.4 0 91.2-36.1 91.2-108.8.4-61.7-35.3-103.7-85.7-103.7-32.8 0-56.3 14.7-69.3 37.4h-.8V28h-36.6v245.7c0 18.1-.8 38.6-1.7 52.5zm6.3-118c0-5.9 1.3-10.9 2.1-15.1 7.6-28.1 31.1-45.4 56.3-45.4 39.5 0 60.5 34.9 60.5 75.6 0 46.6-23.1 78.1-61.8 78.1-26.9 0-48.3-17.6-55.5-43.3-.8-4.2-1.7-8.8-1.7-13.4v-36.5z' class='jp-jupyter-icon-color'/%3e %3c/svg%3e");
    --jp-icon-kernel: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M15 9H9v6h6zm-2 4h-2v-2h2zm8-2V9h-2V7c0-1.1-.9-2-2-2h-2V3h-2v2h-2V3H9v2H7c-1.1 0-2 .9-2 2v2H3v2h2v2H3v2h2v2c0 1.1.9 2 2 2h2v2h2v-2h2v2h2v-2h2c1.1 0 2-.9 2-2v-2h2v-2h-2v-2zm-4 6H7V7h10z' class='jp-icon2'/%3e %3c/svg%3e");
    --jp-icon-keyboard: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m-9 3h2v2h-2zm0 3h2v2h-2zM8 8h2v2H8zm0 3h2v2H8zm-1 2H5v-2h2zm0-3H5V8h2zm9 7H8v-2h8zm0-4h-2v-2h2zm0-3h-2V8h2zm3 3h-2v-2h2zm0-3h-2V8h2z' class='jp-icon3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-launch: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' viewBox='0 0 32 32'%3e %3cg fill='%23616161' class='jp-icon3 jp-icon-selectable'%3e %3cpath d='M26 28H6a2.003 2.003 0 0 1-2-2V6a2.003 2.003 0 0 1 2-2h10v2H6v20h20V16h2v10a2.003 2.003 0 0 1-2 2'/%3e %3cpath d='M20 2v2h6.586L18 12.586 19.414 14 28 5.414V12h2V2z'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-launcher: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3z' class='jp-icon3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-line-form: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='white' d='M5.88 4.12 13.76 12l-7.88 7.88L8 22l10-10L8 2z'/%3e %3c/svg%3e");
    --jp-icon-link: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-list: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M19 5v14H5V5zm1.1-2H3.9c-.5 0-.9.4-.9.9v16.2c0 .4.4.9.9.9h16.2c.4 0 .9-.5.9-.9V3.9c0-.5-.5-.9-.9-.9M11 7h6v2h-6zm0 4h6v2h-6zm0 4h6v2h-6zM7 7h2v2H7zm0 4h2v2H7zm0 4h2v2H7z' class='jp-icon2 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-lock: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 23'%3e %3cpath fill='%23333' d='M12 17a2 2 0 0 0 2-2 2 2 0 0 0-2-2 2 2 0 0 0-2 2 2 2 0 0 0 2 2m6-9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h1V6a5 5 0 0 1 5-5 5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3' class='jp-icon4'/%3e %3c/svg%3e");
    --jp-icon-markdown: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 22 22'%3e %3cpath fill='%237B1FA2' d='M5 14.9h12l-6.1 6zm9.4-6.8c0-1.3-.1-2.9-.1-4.5-.4 1.4-.9 2.9-1.3 4.3l-1.3 4.3h-2L8.5 7.9c-.4-1.3-.7-2.9-1-4.3-.1 1.6-.1 3.2-.2 4.6L7 12.4H4.8l.7-11h3.3L10 5c.4 1.2.7 2.7 1 3.9.3-1.2.7-2.6 1-3.9l1.2-3.7h3.3l.6 11h-2.4z' class='jp-icon-contrast0 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-mermaid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' version='1.1' viewBox='0 0 491 675'%3e %3cpath fill='%23ff3670' d='M85 92c-46 0-85 37-85 85v321c0 46 37 85 85 85h321c46 0 85-37 85-85V177c0-46-37-85-85-85zm-2 111c72-3.1 139 41 162 109 25-67 91-112 162-109 2.4 57-25 111-72 144-24 16-39 44-39 74v51H192v-51c.08-29-15-57-39-74-47-32-75-86-72-144z' class='jp-icon-contrast2 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-move-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e %3cpath fill='%23616161' d='M12.471 7.529a.748.748 0 0 0-1.057-1.058L7.75 10.127V1.75a.75.75 0 0 0-1.5 0v8.378l-3.653-3.66a.753.753 0 1 0-1.065 1.064l4.76 4.76a1 1 0 0 0 1.415 0z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-move-up: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e %3cpath fill='%23616161' d='M1.529 6.471a.748.748 0 0 0 1.057 1.058L6.25 3.873v8.377a.75.75 0 0 0 1.5 0V3.873l3.653 3.659a.753.753 0 1 0 1.065-1.064l-4.76-4.76a1 1 0 0 0-1.415 0z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-new-folder: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2m-1 8h-3v3h-2v-3h-3v-2h3V9h2v3h3z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-not-trusted: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' fill='none' viewBox='0 0 25 25'%3e %3cpath stroke='%23333' stroke-width='2' d='M4.86 14.44c-1.034-2.67-.996-5.382-.61-7.24 1.232-.267 2.83-.797 4.351-1.355a92 92 0 0 0 4.387-1.75 68 68 0 0 0 4.23 1.748c1.532.57 3.182 1.11 4.536 1.37.382 1.859.417 4.564-.615 7.228-1.109 2.862-3.472 5.743-8.139 7.494-4.667-1.75-7.03-4.632-8.14-7.494Zm11.824-5.12-7.368 7.365m7.368-.001L9.316 9.319' class='jp-icon2'/%3e %3c/svg%3e");
    --jp-icon-notebook: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 22 22'%3e %3cg fill='%23EF6C00' class='jp-notebook-icon-color jp-icon-selectable'%3e %3cpath d='M18.7 3.3v15.4H3.3V3.3zm1.5-1.5H1.8v18.3h18.3z'/%3e %3cpath d='m16.5 16.5-5.4-4.3-5.6 4.3v-11h11z'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-numbering: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 28 28'%3e %3cpath fill='%23616161' d='M4 19h2v.5H5v1h1v.5H4v1h3v-4H4zm1-9h1V6H4v1h1zm-1 3h1.8L4 15.1v.9h3v-1H5.2L7 12.9V12H4zm5-6v2h14V7zm0 14h14v-2H9zm0-6h14v-2H9z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-offline-bolt: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M12 2.02c-5.51 0-9.98 4.47-9.98 9.98s4.47 9.98 9.98 9.98 9.98-4.47 9.98-9.98S17.51 2.02 12 2.02M11.48 20v-6.26H8L13 4v6.26h3.35z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-palette: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cg fill='%23616161' class='jp-icon3'%3e %3cpath d='M18 13v7H4V6h5.02c.05-.71.22-1.38.48-2H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-5zm1.3-4.11c.44-.7.7-1.51.7-2.39C20 4.01 17.99 2 15.5 2S11 4.01 11 6.5s2.01 4.5 4.49 4.5c.88 0 1.7-.26 2.39-.7L21 13.42 22.42 12zM15.5 9a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5'/%3e %3cpath fill-rule='evenodd' d='M4 6h5.019a6.5 6.5 0 0 0 3.015 6H9v2h7v-1.019c.57-.043 1.12-.16 1.64-.341L18 13v7H4zm4 2H6v2h2zm-2 4h2v2H6zm2 4H6v2h2zm1 0h7v2H9z' clip-rule='evenodd'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-paste: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M19 2h-4.18C14.4.84 13.3 0 12 0S9.6.84 9.18 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1m7 18H5V4h2v3h10V4h2z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-pdf: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 22 22'%3e %3cpath fill='%23FF2A2A' d='m17.933 13.667 3.987 3.987-1.117 1.117-2.51-2.51-1.066 1.067 2.36 2.36-1.117 1.117-2.36-2.36-2.43 2.429-1.477-1.478zm-6.163-3.93-3.496 3.496.53.53q.905.906 1.83.932.929.031 1.784-.825.852-.852.822-1.773t-.94-1.83zm-.36-2.594 1.557 1.558q1.305 1.305 1.754 2.13.456.825.468 1.727.015.79-.296 1.493-.31.702-.951 1.343-.649.648-1.355.963-.702.31-1.493.295-.905-.015-1.738-.472-.829-.46-2.118-1.75L5.68 12.874zm-5.76-5.76L8.1 3.835Q9.195 4.93 9.291 6q.103 1.07-.795 1.968-.901.902-1.976.802-1.067-.1-2.16-1.193l-.975-.975L1.397 8.59-.08 7.113Zm.406 2.548-1.6 1.6.817.818q.43.43.871.457.445.023.829-.361t.357-.825-.457-.871z' class='jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-python: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='-10 -10 131.161 132.389'%3e %3cpath fill='%23306998' d='M54.919 0c-4.584.022-8.961.413-12.813 1.095C30.76 3.099 28.7 7.295 28.7 15.032v10.219h26.813v3.406H18.638c-7.793 0-14.616 4.684-16.75 13.594-2.462 10.213-2.571 16.586 0 27.25 1.905 7.938 6.457 13.594 14.25 13.594h9.218v-12.25c0-8.85 7.657-16.657 16.75-16.657h26.782c7.454 0 13.406-6.138 13.406-13.625v-25.53c0-7.267-6.13-12.726-13.406-13.938C64.282.328 59.502-.02 54.918 0m-14.5 8.22c2.77 0 5.031 2.298 5.031 5.125 0 2.816-2.262 5.093-5.031 5.093-2.78 0-5.031-2.277-5.031-5.093 0-2.827 2.251-5.125 5.03-5.125' class='jp-icon-selectable'/%3e %3cpath fill='%23ffd43b' d='M85.638 28.657v11.906c0 9.231-7.826 17-16.75 17H42.106c-7.336 0-13.406 6.279-13.406 13.625V96.72c0 7.266 6.319 11.54 13.406 13.625 8.488 2.495 16.627 2.946 26.782 0 6.75-1.955 13.406-5.888 13.406-13.625V86.5H55.513v-3.405H95.7c7.793 0 10.696-5.436 13.406-13.594 2.8-8.399 2.68-16.476 0-27.25-1.925-7.758-5.604-13.594-13.406-13.594zM70.575 93.313c2.78 0 5.031 2.278 5.031 5.094 0 2.827-2.251 5.125-5.031 5.125-2.77 0-5.031-2.298-5.031-5.125 0-2.816 2.261-5.094 5.031-5.094' class='jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-r-kernel: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 22 22'%3e %3cpath fill='%232196F3' d='M4.4 2.5c1.2-.1 2.9-.3 4.9-.3 2.5 0 4.1.4 5.2 1.3 1 .7 1.5 1.9 1.5 3.5 0 2-1.4 3.5-2.9 4.1 1.2.4 1.7 1.6 2.2 3 .6 1.9 1 3.9 1.3 4.6h-3.8c-.3-.4-.8-1.7-1.2-3.7s-1.2-2.6-2.6-2.6h-.9v6.4H4.4zm3.7 6.9h1.4c1.9 0 2.9-.9 2.9-2.3s-1-2.3-2.8-2.3c-.7 0-1.3 0-1.6.2v4.5h.1z' class='jp-icon-contrast3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-react: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='150 150 541.9 295.3'%3e %3cg fill='%2361DAFB' class='jp-icon-brand2 jp-icon-selectable'%3e %3cpath d='M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3m-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9m-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9m32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1M421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32m-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24q7.05 12 14.4 23.4M420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32m-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9m-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6s22.9-35.6 58.3-50.6c8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2M310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7m237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1m38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6M320.8 78.4'/%3e %3ccircle cx='420.9' cy='296.5' r='45.7'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-redo: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16a8 8 0 0 1 7.6-5.5c1.95 0 3.73.72 5.12 1.88L13 16h9V7z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-refresh: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 18 18'%3e %3cpath fill='%23616161' d='M9 13.5c-2.49 0-4.5-2.01-4.5-4.5S6.51 4.5 9 4.5c1.24 0 2.36.52 3.17 1.33L10 8h5V3l-1.76 1.76A6 6 0 0 0 9 3C5.69 3 3.01 5.69 3.01 9S5.69 15 9 15a5.98 5.98 0 0 0 5.9-5h-1.52c-.46 2-2.24 3.5-4.38 3.5' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-regex: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 20 20'%3e %3cpath fill='%23414141' d='M2 2h16v16H2z' class='jp-icon2'/%3e %3cg fill='white' class='jp-icon-accent2'%3e %3ccircle cx='5.5' cy='14.5' r='1.5'/%3e %3cpath d='M12 4h1v8h-1z'/%3e %3cpath d='m8.786 9.567 6.928-4 .5.866-6.928 4z'/%3e %3cpath d='m8.786 6.433.5-.866 6.928 4-.5.866z'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-run: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M8 5v14l11-7z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-running: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 512 512'%3e %3cpath fill='%23616161' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8m96 328c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h160c8.8 0 16 7.2 16 16z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-save: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-search: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 18 18'%3e %3cpath fill='%23616161' d='M12.1 10.9h-.7l-.2-.2c.8-.9 1.3-2.2 1.3-3.5 0-3-2.4-5.4-5.4-5.4S1.8 4.2 1.8 7.1s2.4 5.4 5.4 5.4c1.3 0 2.5-.5 3.5-1.3l.2.2v.7l4.1 4.1 1.2-1.2zm-5 0c-2.1 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7 3.7 1.7 3.7 3.7-1.6 3.7-3.7 3.7' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-settings: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.49.49 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5' class='jp-icon3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-share: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M18 2c-1.645 0-3 1.355-3 3 0 .191.022.377.057.559L7.922 9.72A2.97 2.97 0 0 0 6 9c-1.645 0-3 1.355-3 3s1.355 3 3 3c.732 0 1.399-.278 1.922-.72l7.135 4.16A3 3 0 0 0 15 19c0 1.645 1.355 3 3 3s3-1.355 3-3-1.355-3-3-3a2.97 2.97 0 0 0-1.922.723l-7.135-4.164C8.978 12.377 9 12.19 9 12s-.022-.377-.057-.559l7.135-4.162C16.601 7.722 17.268 8 18 8c1.645 0 3-1.355 3-3s-1.355-3-3-3m0 2c.564 0 1 .436 1 1s-.436 1-1 1-1-.436-1-1 .436-1 1-1M6 11c.564 0 1 .436 1 1s-.436 1-1 1-1-.436-1-1 .436-1 1-1m12 7c.564 0 1 .436 1 1s-.436 1-1 1-1-.436-1-1 .436-1 1-1' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-spreadsheet: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 22 22'%3e %3cpath fill='%234CAF50' d='M2.2 2.2v17.6h17.6V2.2zm15.4 7.7h-5.5V4.4h5.5zM9.9 4.4v5.5H4.4V4.4zm-5.5 7.7h5.5v5.5H4.4zm7.7 5.5v-5.5h5.5v5.5z' class='jp-icon-contrast1 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-stop: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M6 6h12v12H6z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-tab: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H3V5h10v4h8z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-table-rows: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M21 8H3V4h18zm0 2H3v4h18zm0 6H3v4h18z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-tag: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 43 28'%3e %3cpath fill='%23616161' d='M28.833 12.334 33 16.501l4.166-4.167zM16.21 21.61c-.523.52-1.366.52-1.885 0l-7.342-6.885c-.41-.386-.9-1.115-.935-1.677-.095-1.52-.028-4.429.018-5.971A1.093 1.093 0 0 1 7.118 6.03c1.97-.046 6.146-.095 6.534.293l8.085 7.315c.519.52.048 1.833-.475 2.356zM9.775 8.265a1.126 1.126 0 1 0-1.593 1.592 1.126 1.126 0 0 0 1.593-1.592' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-terminal: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23333' d='M2 2h20v20H2z' class='jp-terminal-icon-background-color jp-icon-selectable'/%3e %3cpath fill='white' d='M9.01 14.762q0-.246-.077-.434a.9.9 0 0 0-.234-.351 1.6 1.6 0 0 0-.422-.288 5 5 0 0 0-.627-.263q-.592-.211-1.078-.446a3.5 3.5 0 0 1-.832-.544 2.2 2.2 0 0 1-.528-.721 2.4 2.4 0 0 1-.187-.985q0-.498.17-.908a2.1 2.1 0 0 1 .48-.72q.31-.306.75-.493.44-.188.979-.24V7.11h.937v1.272q.527.07.95.287.421.217.714.568.3.345.457.82.165.47.164 1.055H8.998q0-.709-.323-1.072-.322-.37-.873-.37-.299 0-.521.083a.9.9 0 0 0-.358.223.9.9 0 0 0-.21.334q-.066.194-.065.421 0 .23.064.41a.9.9 0 0 0 .229.329q.165.152.428.293.263.134.656.275.591.223 1.072.463.48.235.82.55.346.312.528.727.187.41.187.973 0 .515-.17.932-.17.41-.486.709t-.762.48a3.7 3.7 0 0 1-.996.229v1.148h-.931V17.1a4 4 0 0 1-.967-.217 2.6 2.6 0 0 1-.832-.504 2.4 2.4 0 0 1-.574-.826q-.217-.505-.217-1.207h1.635q0 .421.123.709.123.281.316.45.2.165.451.235.252.07.516.07.627 0 .949-.292a.98.98 0 0 0 .322-.756m8.36 3.51h-5.343V17h5.344z' class='jp-terminal-icon-color jp-icon-selectable-inverse'/%3e %3c/svg%3e");
    --jp-icon-text-editor: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M15 15H3v2h12zm0-8H3v2h12zM3 13h18v-2H3zm0 8h18v-2H3zM3 3v2h18V3z' class='jp-text-editor-icon-color jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-toc: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M7 5h14v2H7zm0 8v-2h14v2zM4 4.5A1.5 1.5 0 0 1 5.5 6 1.5 1.5 0 0 1 4 7.5 1.5 1.5 0 0 1 2.5 6 1.5 1.5 0 0 1 4 4.5m0 6A1.5 1.5 0 0 1 5.5 12 1.5 1.5 0 0 1 4 13.5 1.5 1.5 0 0 1 2.5 12 1.5 1.5 0 0 1 4 10.5M7 19v-2h14v2zm-3-2.5A1.5 1.5 0 0 1 5.5 18 1.5 1.5 0 0 1 4 19.5 1.5 1.5 0 0 1 2.5 18 1.5 1.5 0 0 1 4 16.5' class='jp-icon3 jp-icon-selectable'/%3e %3c/svg%3e");
    --jp-icon-tree-view: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-trusted: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' fill='none' viewBox='0 0 24 25'%3e %3cpath stroke='%23333' stroke-width='2' d='M3.86 14.44c-1.034-2.67-.996-5.382-.61-7.24 1.232-.267 2.83-.797 4.351-1.355a92 92 0 0 0 4.387-1.75 68 68 0 0 0 4.23 1.748c1.532.57 3.182 1.11 4.536 1.37.382 1.859.417 4.564-.615 7.228-1.109 2.862-3.472 5.743-8.139 7.494-4.667-1.75-7.03-4.632-8.14-7.494Z' class='jp-icon2'/%3e %3cpath fill='%23333' stroke='%23333' d='m10.86 14.733-2.133-1.866-.727.63L10.86 16 16 10.5l-.721-.632z' class='jp-icon2'/%3e %3c/svg%3e");
    --jp-icon-undo: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-user: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 24 24'%3e %3cpath fill='%23616161' d='M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-4 7a7 7 0 0 0-7 7h14a7 7 0 0 0-7-7' class='jp-icon3'/%3e %3c/svg%3e");
    --jp-icon-users: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' version='1.1' viewBox='0 0 36 24'%3e %3cg fill='%23616161' class='jp-icon3' transform='translate(-3.628 .1)scale(1.7327)'%3e %3cpath d='M18.279 5.265c-1.58 0-2.964.85-3.718 2.115a6.7 6.7 0 0 1 2.81 2.21h5.23a4.32 4.32 0 0 0-4.322-4.325m2.186-2.875a2.19 2.19 0 0 1-2.188 2.188 2.19 2.19 0 0 1-2.189-2.189A2.19 2.19 0 0 1 18.277.201a2.19 2.19 0 0 1 2.188 2.188M5.385 6.633a3.02 3.02 0 0 0-3.02 3.02h4.22a6.7 6.7 0 0 1 1.44-1.467 3.02 3.02 0 0 0-2.64-1.553m1.53-2.01a1.53 1.53 0 0 1-1.529 1.53 1.53 1.53 0 0 1-1.53-1.53 1.53 1.53 0 0 1 1.53-1.53 1.53 1.53 0 0 1 1.53 1.53m-.781 8.912a5.865 5.865 0 0 1 11.73 0z'/%3e %3ccircle cx='12' cy='3.768' r='2.969'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-vega: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 22 22'%3e %3cg fill='%23212121' class='jp-icon1 jp-icon-selectable'%3e %3cpath d='m10.6 5.4 2.2-3.2H2.2v7.3l4-6.6z'/%3e %3cpath d='m15.8 2.2-4.4 6.6L7 6.3l-4.8 8v5.5h17.6V2.2zm-7 15.4H5.5v-4.4h3.3zm4.4 0H9.8V9.8h3.4zm4.4 0h-3.4V6.5h3.4z'/%3e %3c/g%3e %3c/svg%3e");
    --jp-icon-word: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 20 20'%3e %3cpath fill='%23414141' d='M2 2h16v16H2z' class='jp-icon2'/%3e %3cpath fill='white' d='M4.57 8.8q.068-1.89 2.42-1.89 1.16 0 1.68.42.567.41.567 1.16v3.47q0 .462.514.462.103 0 .2-.023v.714q-.399.103-.651.103-.452 0-.693-.22-.231-.2-.284-.662-.956.872-2 .872-.903 0-1.47-.472-.525-.472-.525-1.26 0-.262.045-.472.057-.22.116-.378.068-.168.231-.304l.262-.242q.116-.091.368-.168.262-.091.4-.126.135-.045.471-.103t.504-.08l.567-.08q.556-.068.777-.22.22-.153.22-.442v-.252q0-.43-.357-.662-.336-.23-.976-.23-.662 0-.998.261-.336.252-.399.798zm1.89 3.68q.788 0 1.26-.41.504-.42.504-.903v-1.05q-.284.136-.861.231l-.987.158q-.42.068-.766.326-.336.252-.336.704t.304.704.861.252zm3.97-7.88h.945v3.15q.651-.976 1.89-.976 1.16 0 1.89.84.682.84.682 2.31t-.704 2.42q-.704.882-1.89.882-1.26 0-1.89-1.02v.766h-.85zm2.62 3.04q-.746 0-1.16.64-.452.63-.452 1.68t.452 1.68 1.16.63q.777 0 1.26-.63.494-.64.494-1.68 0-1.05-.472-1.68-.462-.64-1.26-.64zm-9.89 8.2 13.6.008c.007 0 0-2.6 0-2.6 0-.008-1.15 0-1.15 0-.007 0-.008 1.5-.008 1.5l-11.3-.001-.006-1.5c0-.008-1.17.001-1.17.001z' class='jp-icon-accent2'/%3e %3c/svg%3e");
    --jp-icon-yaml: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 22 22'%3e %3cg fill='%23D81B60' class='jp-icon-contrast2 jp-icon-selectable'%3e %3cpath d='M7.2 18.6v-5.4L3 5.6h3.3l1.4 3.1c.3.9.6 1.6 1 2.5.3-.8.6-1.6 1-2.5l1.4-3.1h3.4l-4.4 7.6v5.5z'/%3e %3ccircle cx='17.6' cy='16.5' r='2.1'/%3e %3ccircle cx='17.6' cy='11' r='2.1'/%3e %3c/g%3e %3c/svg%3e");
}

/* Icon CSS class declarations */

.jp-AddAboveIcon {
    background-image: var(--jp-icon-add-above);
}

.jp-AddBelowIcon {
    background-image: var(--jp-icon-add-below);
}

.jp-AddIcon {
    background-image: var(--jp-icon-add);
}

.jp-BellIcon {
    background-image: var(--jp-icon-bell);
}

.jp-BugDotIcon {
    background-image: var(--jp-icon-bug-dot);
}

.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-CleaningIcon {
    background-image: var(--jp-icon-cleaning);
}

.jp-ClearIcon {
    background-image: var(--jp-icon-clear);
}

.jp-CloseIcon {
    background-image: var(--jp-icon-close);
}

.jp-CodeCheckIcon {
    background-image: var(--jp-icon-code-check);
}

.jp-CodeIcon {
    background-image: var(--jp-icon-code);
}

.jp-CollapseAllIcon {
    background-image: var(--jp-icon-collapse-all);
}

.jp-CollapseIcon {
    background-image: var(--jp-icon-collapse);
}

.jp-ConsoleIcon {
    background-image: var(--jp-icon-console);
}

.jp-CopyIcon {
    background-image: var(--jp-icon-copy);
}

.jp-CopyrightIcon {
    background-image: var(--jp-icon-copyright);
}

.jp-CutIcon {
    background-image: var(--jp-icon-cut);
}

.jp-DeleteIcon {
    background-image: var(--jp-icon-delete);
}

.jp-DownloadIcon {
    background-image: var(--jp-icon-download);
}

.jp-DuplicateIcon {
    background-image: var(--jp-icon-duplicate);
}

.jp-EditIcon {
    background-image: var(--jp-icon-edit);
}

.jp-EllipsesIcon {
    background-image: var(--jp-icon-ellipses);
}

.jp-ErrorIcon {
    background-image: var(--jp-icon-error);
}

.jp-ExpandAllIcon {
    background-image: var(--jp-icon-expand-all);
}

.jp-ExpandIcon {
    background-image: var(--jp-icon-expand);
}

.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-FilterDotIcon {
    background-image: var(--jp-icon-filter-dot);
}

.jp-FilterIcon {
    background-image: var(--jp-icon-filter);
}

.jp-FilterListIcon {
    background-image: var(--jp-icon-filter-list);
}

.jp-FolderFavoriteIcon {
    background-image: var(--jp-icon-folder-favorite);
}

.jp-FolderIcon {
    background-image: var(--jp-icon-folder);
}

.jp-HistoryIcon {
    background-image: var(--jp-icon-history);
}

.jp-HomeIcon {
    background-image: var(--jp-icon-home);
}

.jp-Html5Icon {
    background-image: var(--jp-icon-html5);
}

.jp-ImageIcon {
    background-image: var(--jp-icon-image);
}

.jp-InfoIcon {
    background-image: var(--jp-icon-info);
}

.jp-InspectorIcon {
    background-image: var(--jp-icon-inspector);
}

.jp-JsonIcon {
    background-image: var(--jp-icon-json);
}

.jp-JuliaIcon {
    background-image: var(--jp-icon-julia);
}

.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-LaunchIcon {
    background-image: var(--jp-icon-launch);
}

.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-LockIcon {
    background-image: var(--jp-icon-lock);
}

.jp-MarkdownIcon {
    background-image: var(--jp-icon-markdown);
}

.jp-MermaidIcon {
    background-image: var(--jp-icon-mermaid);
}

.jp-MoveDownIcon {
    background-image: var(--jp-icon-move-down);
}

.jp-MoveUpIcon {
    background-image: var(--jp-icon-move-up);
}

.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-NumberingIcon {
    background-image: var(--jp-icon-numbering);
}

.jp-OfflineBoltIcon {
    background-image: var(--jp-icon-offline-bolt);
}

.jp-PaletteIcon {
    background-image: var(--jp-icon-palette);
}

.jp-PasteIcon {
    background-image: var(--jp-icon-paste);
}

.jp-PdfIcon {
    background-image: var(--jp-icon-pdf);
}

.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-RedoIcon {
    background-image: var(--jp-icon-redo);
}

.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-ShareIcon {
    background-image: var(--jp-icon-share);
}

.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-TableRowsIcon {
    background-image: var(--jp-icon-table-rows);
}

.jp-TagIcon {
    background-image: var(--jp-icon-tag);
}

.jp-TerminalIcon {
    background-image: var(--jp-icon-terminal);
}

.jp-TextEditorIcon {
    background-image: var(--jp-icon-text-editor);
}

.jp-TocIcon {
    background-image: var(--jp-icon-toc);
}

.jp-TreeViewIcon {
    background-image: var(--jp-icon-tree-view);
}

.jp-TrustedIcon {
    background-image: var(--jp-icon-trusted);
}

.jp-UndoIcon {
    background-image: var(--jp-icon-undo);
}

.jp-UserIcon {
    background-image: var(--jp-icon-user);
}

.jp-UsersIcon {
    background-image: var(--jp-icon-users);
}

.jp-VegaIcon {
    background-image: var(--jp-icon-vega);
}

.jp-WordIcon {
    background-image: var(--jp-icon-word);
}

.jp-YamlIcon {
    background-image: var(--jp-icon-yaml);
}

.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;
}

.lm-TabBar .lm-TabBar-addButton {
    align-items: center;
    display: flex;
    padding: 4px;
    padding-bottom: 5px;
    margin-right: 1px;
    background-color: var(--jp-layout-color2);
}

.lm-TabBar .lm-TabBar-addButton:hover {
    background-color: var(--jp-layout-color1);
}

.lm-DockPanel-tabBar .lm-TabBar-tab {
    width: var(--jp-private-horizontal-tab-width);
}

.lm-DockPanel-tabBar .lm-TabBar-content {
    flex: unset;
}

.lm-DockPanel-tabBar[data-orientation='horizontal'] {
    flex: 1 1 auto;
}


.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);
}

.jp-icon-dot[fill] {
    fill: var(--jp-warn-color0);
}

.jp-jupyter-icon-color[fill] {
    fill: var(--jp-jupyter-icon-color, var(--jp-warn-color0));
}

.jp-notebook-icon-color[fill] {
    fill: var(--jp-notebook-icon-color, var(--jp-warn-color0));
}

.jp-json-icon-color[fill] {
    fill: var(--jp-json-icon-color, var(--jp-warn-color1));
}

.jp-console-icon-color[fill] {
    fill: var(--jp-console-icon-color, white);
}

.jp-console-icon-background-color[fill] {
    fill: var(--jp-console-icon-background-color, var(--jp-brand-color1));
}

.jp-terminal-icon-color[fill] {
    fill: var(--jp-terminal-icon-color, var(--jp-layout-color2));
}

.jp-terminal-icon-background-color[fill] {
    fill: var(
            --jp-terminal-icon-background-color,
            var(--jp-inverse-layout-color2)
    );
}

.jp-text-editor-icon-color[fill] {
    fill: var(--jp-text-editor-icon-color, var(--jp-inverse-layout-color3));
}

.jp-inspector-icon-color[fill] {
    fill: var(--jp-inspector-icon-color, var(--jp-inverse-layout-color3));
}

/* 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);
}

/* stylelint-disable selector-max-class, selector-max-compound-selectors */

/**
* 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);
}

/* stylelint-enable selector-max-class, selector-max-compound-selectors */

/* 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, #f57c00);
}

/* not sure what to do with this one, used in filebrowser listing */
.jp-DragIcon {
    margin-right: 4px;
}


.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);
}


/* 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);
}


.jp-IFrame {
    width: 100%;
    height: 100%;
}

.jp-IFrame > iframe {
    border: none;
}

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;
}

.jp-HoverBox {
    position: fixed;
}

.jp-FormGroup-content fieldset {
    border: none;
    padding: 0;
    min-width: 0;
    width: 100%;
}

/* stylelint-disable selector-max-type */

.jp-FormGroup-content fieldset .jp-inputFieldWrapper > input,
.jp-FormGroup-content fieldset .jp-inputFieldWrapper > select,
.jp-FormGroup-content fieldset .jp-inputFieldWrapper > textarea {
    /*font-size: var(--jp-content-font-size2);*/
    border-color: var(--jp-input-border-color);
    border-style: solid;
    border-radius: var(--jp-border-radius);
    border-width: 1px;
    padding: 6px 8px;
    background: none;
    color: var(--jp-ui-font-color0);
    height: inherit;
}

.jp-FormGroup-content .jp-inputFieldWrapper > select > option {
    background-color: var(--jp-layout-color1);
}

.jp-FormGroup-content fieldset input[type='checkbox'] {
    position: relative;
    top: 2px;
    margin-left: 0;
}

.jp-FormGroup-content button.jp-mod-styled {
    cursor: pointer;
}

.jp-FormGroup-content .checkbox label {
    cursor: pointer;
    /*font-size: var(--jp-content-font-size1);*/
}

.jp-FormGroup-content .jp-root > fieldset > legend {
    display: none;
}

.jp-FormGroup-content .jp-root > fieldset > p {
    display: none;
}

/** copy of `input.jp-mod-styled:focus` style */
.jp-FormGroup-content fieldset input:focus,
.jp-FormGroup-content fieldset select:focus {
    -moz-outline-radius: unset;
    outline: var(--jp-border-width) solid var(--jp-input-active-border-color);
    outline-offset: -1px;
    box-shadow: var(--jp-input-box-shadow);
}

.jp-FormGroup-content fieldset input:hover:not(:focus),
.jp-FormGroup-content fieldset select:hover:not(:focus) {
    background-color: var(--jp-border-color2);
}

/* stylelint-enable selector-max-type */

.jp-FormGroup-content .checkbox .field-description {
    /* Disable default description field for checkbox:
because other widgets do not have description fields,
we add descriptions to each widget on the field level.
*/
    display: none;
}

.jp-FormGroup-content #root__description {
    display: none;
}

.jp-FormGroup-content .jp-modifiedIndicator {
    width: 5px;
    background-color: var(--jp-brand-color2);
    margin-top: 0;
    margin-left: calc(var(--jp-private-settingeditor-modifier-indent) * -1);
    flex-shrink: 0;
}

.jp-FormGroup-content .jp-modifiedIndicator.jp-errorIndicator {
    background-color: var(--jp-error-color0);
    margin-right: 0.5em;
}

/* RJSF ARRAY style */

.jp-arrayFieldWrapper legend {
    /*font-size: var(--jp-content-font-size2);*/
    color: var(--jp-ui-font-color0);
    flex-basis: 100%;
    padding: 4px 0;
    font-weight: var(--jp-content-heading-font-weight);
    border-bottom: 1px solid var(--jp-border-color2);
}

.jp-arrayFieldWrapper .field-description {
    padding: 4px 0;
    white-space: pre-wrap;
}

.jp-arrayFieldWrapper .array-item {
    width: 100%;
    border: 1px solid var(--jp-border-color2);
    border-radius: 4px;
    margin: 4px;
}

.jp-ArrayOperations {
    display: flex;
    margin-left: 8px;
}

.jp-ArrayOperationsButton {
    margin: 2px;
}

.jp-ArrayOperationsButton .jp-icon3[fill] {
    fill: var(--jp-ui-font-color0);
}

button.jp-ArrayOperationsButton.jp-mod-styled:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

/* RJSF form validation error */

.jp-FormGroup-content .validationErrors {
    color: var(--jp-error-color0);
}

/* Hide panel level error as duplicated the field level error */
.jp-FormGroup-content .panel.errors {
    display: none;
}

/* RJSF normal content (settings-editor) */

.jp-FormGroup-contentNormal {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.jp-FormGroup-contentNormal .jp-FormGroup-contentItem {
    margin-left: 7px;
    color: var(--jp-ui-font-color0);
}

.jp-FormGroup-contentNormal .jp-FormGroup-description {
    flex-basis: 100%;
    padding: 4px 7px;
}

.jp-FormGroup-contentNormal .jp-FormGroup-default {
    flex-basis: 100%;
    padding: 4px 7px;
}

.jp-FormGroup-contentNormal .jp-FormGroup-fieldLabel {
    /*font-size: var(--jp-content-font-size1);*/
    font-weight: normal;
    min-width: 120px;
}

.jp-FormGroup-contentNormal fieldset:not(:first-child) {
    margin-left: 7px;
}

.jp-FormGroup-contentNormal .field-array-of-string .array-item {
    /* Display `jp-ArrayOperations` buttons side-by-side with content except
for small screens where flex-wrap will place them one below the other.
*/
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.jp-FormGroup-contentNormal .jp-objectFieldWrapper .form-group {
    padding: 2px 8px 2px var(--jp-private-settingeditor-modifier-indent);
    margin-top: 2px;
}

/* RJSF compact content (metadata-form) */

.jp-FormGroup-content.jp-FormGroup-contentCompact {
    width: 100%;
}

.jp-FormGroup-contentCompact .form-group {
    display: flex;
    padding: 0.5em 0.2em 0.5em 0;
}

.jp-FormGroup-contentCompact
.jp-FormGroup-compactTitle
.jp-FormGroup-description {
    /*font-size: var(--jp-ui-font-size1);*/
    color: var(--jp-ui-font-color2);
}

.jp-FormGroup-contentCompact .jp-FormGroup-fieldLabel {
    padding-bottom: 0.3em;
}

.jp-FormGroup-contentCompact .jp-inputFieldWrapper .form-control {
    width: 100%;
    box-sizing: border-box;
}

.jp-FormGroup-contentCompact .jp-arrayFieldWrapper .jp-FormGroup-compactTitle {
    padding-bottom: 7px;
}

.jp-FormGroup-contentCompact
.jp-objectFieldWrapper
.jp-objectFieldWrapper
.form-group {
    padding: 2px 8px 2px var(--jp-private-settingeditor-modifier-indent);
    margin-top: 2px;
}

.jp-FormGroup-contentCompact ul.error-detail {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    padding-inline-start: 1em;
}

.jp-SidePanel {
    display: flex;
    flex-direction: column;
    min-width: var(--jp-sidebar-min-width);
    color: var(--jp-ui-font-color1);
    background: var(--jp-layout-color1);
    /*font-size: var(--jp-ui-font-size1);*/
}

.jp-SidePanel-header {
    flex: 0 0 auto;
    display: flex;
    border-bottom: var(--jp-border-width) solid var(--jp-border-color2);
    /*font-size: var(--jp-ui-font-size0);*/
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    padding: 2px;
    text-transform: uppercase;
}

.jp-SidePanel-toolbar {
    flex: 0 0 auto;
}

.jp-SidePanel-content {
    flex: 1 1 auto;
}

.jp-SidePanel-toolbar,
.jp-AccordionPanel-toolbar {
    height: var(--jp-private-toolbar-height);
}

.jp-SidePanel-toolbar.jp-Toolbar-micro {
    display: none;
}

.lm-AccordionPanel .jp-AccordionPanel-title {
    box-sizing: border-box;
    line-height: 25px;
    margin: 0;

    /* padding to allow for focus outline */
    padding: 2px;
    display: flex;
    align-items: center;
    background: var(--jp-layout-color1);
    color: var(--jp-ui-font-color1);
    border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
    box-shadow: var(--jp-toolbar-box-shadow);
    /*font-size: var(--jp-ui-font-size0);*/
}

.lm-AccordionPanel .jp-AccordionPanel-title:focus-visible {
    /* --accent-fill-focus is computed by the jp toolkit to ensure accessibility */
    outline: 2px solid var(--accent-fill-focus, var(--jp-brand-color1));
    outline-offset: -2px;
}

.jp-AccordionPanel-title {
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    text-transform: uppercase;
}

.lm-AccordionPanel[data-orientation='horizontal'] > .jp-AccordionPanel-title {
    /* Title is rotated for horizontal accordion panel using CSS */
    display: block;
    transform-origin: top left;
    transform: rotate(-90deg) translate(-100%);
}

.jp-AccordionPanel-title .lm-AccordionPanel-titleLabel {
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.jp-AccordionPanel-title .lm-AccordionPanel-titleCollapser {
    transform: rotate(-90deg);
    margin: auto 0;
    height: 16px;
}

.jp-AccordionPanel-title.lm-mod-expanded .lm-AccordionPanel-titleCollapser {
    transform: rotate(0deg);
}

.lm-AccordionPanel .jp-AccordionPanel-toolbar {
    background: none;
    box-shadow: none;
    border: none;
    margin-left: auto;
}

.lm-AccordionPanel .lm-SplitPanel-handle:hover {
    background: var(--jp-layout-color3);
}

.jp-text-truncated {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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;
    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);
    }
}


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: 0 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);
    border-radius: var(--jp-border-radius);
    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[type='checkbox'].jp-mod-styled {
    appearance: checkbox;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    height: auto;
}

input.jp-mod-styled:focus {
    border: var(--jp-border-width) solid var(--jp-input-active-border-color);
    box-shadow: var(--jp-input-box-shadow);
}

input[type='checkbox'].jp-mod-styled:focus-visible {
    outline: var(--jp-border-width) solid var(--jp-input-active-border-color);
    outline-offset: 1px;
}

.jp-select-wrapper {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 1px;
    background-color: var(--jp-layout-color1);
    box-sizing: border-box;
    margin-bottom: 12px;
}

.jp-select-wrapper:not(.multiple) {
    height: 28px;
}

.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 {
    cursor: pointer;
    color: var(--jp-ui-font-color0);
    background-color: var(--jp-input-hover-background);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}

select.jp-mod-styled {
    flex: 1 1 auto;
    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: var(--jp-border-radius);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.jp-mod-styled:not([multiple]) {
    height: 32px;
}

select.jp-mod-styled[multiple] {
    max-height: 200px;
    overflow-y: auto;
}


.jp-switch {
    display: flex;
    align-items: center;
    padding-left: 4px;
    padding-right: 4px;
    /*font-size: var(--jp-ui-font-size1);*/
    background-color: transparent;
    color: var(--jp-ui-font-color1);
    border: none;
    height: 20px;
}

.jp-switch:hover {
    background-color: var(--jp-layout-color2);
}

.jp-switch-label {
    margin-right: 5px;
    font-family: var(--jp-ui-font-family);
}

.jp-switch-track {
    cursor: pointer;
    background-color: var(--jp-switch-color, var(--jp-border-color1));
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px;
    height: 16px;
    width: 35px;
    position: relative;
}

.jp-switch-track::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    margin: 3px;
    left: 0;
    background-color: var(--jp-ui-inverse-font-color1);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
}

.jp-switch[aria-checked='true'] .jp-switch-track {
    background-color: var(--jp-switch-true-position-color, var(--jp-warn-color0));
}

.jp-switch[aria-checked='true'] .jp-switch-track::before {
    /* track width (35) - margins (3 + 3) - thumb width (10) */
    left: 19px;
}


.jp-sortable-table {
    color: var(--jp-ui-font-color1);
    background: var(--jp-layout-color1);
    /*font-size: var(--jp-ui-font-size1);*/
    border-spacing: 0;

    /* required to preserve borders of `<th>` when using position:sticky */
    border-collapse: separate;
    width: 100%;
    overflow-wrap: break-word;
}

.jp-sortable-table > thead {
    box-shadow: var(--jp-toolbar-box-shadow);

    /* move to a new stacking context to exclude from `mix-blend-mode` */
    z-index: 1;
}

.jp-sortable-table > tbody {
    overflow-y: auto;
    overflow-x: hidden;
}

.jp-sortable-table-tr > th,
.jp-sortable-table-tr > td {
    position: relative;
    padding: 4px 12px 2px;
    height: 18px;
}

.jp-sortable-table-tr > td::before,
.jp-sortable-table-tr > th::before {
    border-left: var(--jp-border-width) solid var(--jp-border-color3);

    /* border is implemented via pseudo-element to enable selective blending */
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    /* this serves to boost border color when background changes on hover */
    mix-blend-mode: multiply;
}

.jp-sortable-table-tr > th {
    font-weight: 500;
    text-align: left;
    border-width: var(--jp-border-width) 0;
    margin-top: calc(var(--jp-border-width) * -1);
    border-style: solid;
    border-color: var(--jp-border-color1);
    background: var(--jp-layout-color1);
    position: sticky;
    top: 0;
    z-index: 2;
    white-space: nowrap;
    user-select: none;
}

.jp-sortable-table-tr > th:not(:first-child) {
    border-left-color: var(--jp-border-color2);
}

.jp-sortable-table-tr > th:hover {
    background: var(--jp-layout-color2);
}

.jp-sortable-table-tr:hover {
    background: var(--jp-layout-color2);
}

.jp-sortable-table-th-wrapper {
    flex-direction: row;
    display: flex;
}

.jp-sortable-table-th-wrapper > label {
    flex: 1;
    text-overflow: ellipsis;
}

.jp-sort-icon {
    flex: 0;
    height: var(--jp-ui-font-size1);
    width: var(--jp-ui-font-size1);
}

.jp-sort-icon > svg {
    display: inline;
    height: auto;
}

.jp-sortable-table-tr > th:not(.jp-sorted-header) .jp-sort-icon {
    opacity: 0;
}

.jp-sortable-table-tr > th:not(.jp-sorted-header):hover .jp-sort-icon {
    opacity: 0.5;
}


:root {
    --jp-private-toolbar-height: calc(
            31px + var(--jp-border-width)
    ); /* leave 28px for content */
}

.jp-MainAreaWidget > .jp-Toolbar {
    border-radius: 0;
}

.jp-Toolbar {
    /* Increase density for toolbar */
    --design-unit: 3.5;
    --toolbar-item-gap: 0;

    color: var(--jp-ui-font-color1);
    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: 0 2px;
    z-index: 8;
}

/* Toolbar items */

.jp-Toolbar > .jp-Toolbar-item {
    /* Center the items in toolbar */
    height: 100%;
    display: flex;
    align-items: center;
}

.jp-Toolbar::part(positioning-region) {
    align-items: center;
}

.jp-ToolbarLabelComponent {
    background: var(--jp-layout-color1);
    background-color: var(--jp-brand-color1);
    color: var(--jp-ui-inverse-font-color1);
    border: none;
    box-sizing: border-box;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 6px;
    margin: 0;
    height: 24px;
    border-radius: var(--jp-border-radius);
    display: flex;
    align-items: center;
    text-align: center;
    /*font-size: var(--jp-ui-font-size0);*/
    min-width: unset;
    min-height: unset;
    user-select: none;
}

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);
    font-family: var(--jp-ui-font-family);
}

.jp-Toolbar .jp-ToolbarButtonComponent {
    color: var(--jp-ui-font-color1);
}

.jp-ToolbarButtonComponent::part(content) {
    display: flex;
    align-items: center;
}

.jp-Toolbar > .jp-Toolbar-item.jp-Toolbar-spacer {
    flex-grow: 1;
    flex-shrink: 1;
}

.jp-Toolbar-responsive-popup.jp-ThemedContainer {
    position: absolute;
    height: fit-content;
    border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
    box-shadow: var(--jp-toolbar-box-shadow);
    background: var(--jp-toolbar-background);
    z-index: 1;
    right: 0;
    top: 0;
}

#jp-main-dock-panel[data-mode='single-document']
.jp-MainAreaWidget
> .jp-Toolbar.jp-Toolbar-micro {
    padding: 0;
    min-height: 0;
}

#jp-main-dock-panel[data-mode='single-document']
.jp-MainAreaWidget
> .jp-Toolbar {
    border: none;
    box-shadow: none;
}

/* @deprecated dead code to be removed in JupyterLab 5
Button in toolbar should use the ui-toolkit
https://github.com/jupyterlab-contrib/jupyter-ui-toolkit.
*/
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: 0 6px;
    margin: 0;
    height: 24px;
    border-radius: var(--jp-border-radius);
    display: flex;
    align-items: center;
    text-align: center;
    /*font-size: var(--jp-ui-font-size0);*/
    min-width: unset;
    min-height: unset;
}

button.jp-ToolbarButtonComponent:disabled {
    opacity: 0.4;
}

button.jp-ToolbarButtonComponent > span {
    padding: 0;
    flex: 0 0 auto;
}


.jp-ThemedContainer {
    /* Decrease default density for Jupyter toolkit components */
    --density: -4;
}

/* Styles for tree view */
.jp-TreeView {
    min-width: auto;
}

.jp-TreeView.jp-mod-flat > .jp-TreeItem::part(content-region) {
    margin-inline-start: calc(var(--design-unit) * 2px);
}

/* Styles for tree item */
.jp-TreeItem::part(expand-collapse-button) {
    color: var(--jp-inverse-layout-color3);
}

/* Tune hover for stealth buttons otherwise they won't stand out */
.jp-TreeItem jp-button[appearance='stealth']:hover {
    background: var(--tree-item-expand-collapse-hover);
}

.jp-TreeItem[selected] jp-button[appearance='stealth']:hover {
    background: var(--tree-item-expand-collapse-selected-hover);
}

.jp-WindowedPanel-outer {
    height: 100%;
    position: relative;
    overflow: auto;
}

.jp-WindowedPanel-inner {
    position: relative;
}

.jp-WindowedPanel-viewport {
    position: absolute;
    left: 0;
    right: 0;
    overflow: visible;
}

.jp-WindowedPanel-scrollbar {
    display: none;
    position: relative;
}

.jp-WindowedPanel.jp-mod-virtual-scrollbar > .jp-WindowedPanel-scrollbar {
    background-color: inherit;
    border-left: 1px solid var(--jp-layout-color3);
    display: block;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 35px;
    z-index: 1;
}

.jp-WindowedPanel-scrollbar-content {
    background-color: transparent;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 3;
}

.jp-WindowedPanel-scrollbar-content > .jp-WindowedPanel-scrollbar-item {
    border-bottom: 1px solid var(--jp-layout-color3);
    background-color: rgb(from var(--jp-layout-color1) r g b / 50%);
    padding: 2px;
    text-align: left;
    margin: 0 2px;
}

.jp-WindowedPanel-scrollbar-content > .jp-WindowedPanel-scrollbar-item:hover {
    cursor: pointer;
    background-color: var(--jp-layout-color3);
}

.jp-WindowedPanel-scrollbar-viewportIndicator {
    position: absolute;
    background: var(--jp-layout-color2);
    border: 1px solid var(--jp-layout-color4);
    width: 100%;
    z-index: 2;
    border-radius: 2px;
    box-sizing: border-box;
}


.jp-ThemedContainer {
    color: var(--jp-ui-font-color1);
    /*font-size: var(--jp-ui-font-size1);*/
}

/* Disable native link decoration styles everywhere outside of dialog boxes */
.jp-ThemedContainer a {
    text-decoration: unset;
    color: unset;
}

.jp-ThemedContainer a:hover {
    text-decoration: unset;
    color: unset;
}

/* Accessibility for links inside dialog box text */
.jp-Dialog-content a {
    text-decoration: revert;
    color: var(--jp-content-link-color);
}

.jp-Dialog-content a:hover {
    text-decoration: revert;
}

/* Styles for ui-components */
.jp-FilterBox {
    --design-unit: 3;
    --density: 0;
}

.jp-Button {
    color: var(--jp-ui-font-color2);
    border-radius: var(--jp-border-radius);
    padding: 0 12px;
    /*font-size: var(--jp-ui-font-size1);*/

    /* Copy from blueprint 3 */
    display: inline-flex;
    flex-direction: row;
    border: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-align: left;
    vertical-align: middle;
    min-height: 30px;
    min-width: 30px;
}

.jp-Button:disabled {
    cursor: not-allowed;
}

.jp-Button:empty {
    padding: 0 !important;
}

.jp-Button.jp-mod-small {
    min-height: 24px;
    min-width: 24px;
    font-size: 12px;
    padding: 0 7px;
}

/* Use our own theme for hover styles */
.jp-Button.jp-mod-minimal:hover {
    background-color: var(--jp-layout-color2);
}

.jp-Button.jp-mod-minimal {
    background: none;
}

.jp-InputGroup {
    display: block;
    position: relative;
}

.jp-InputGroup input {
    box-sizing: border-box;
    border: none;
    border-radius: var(--jp-border-radius);
    background-color: transparent;
    color: var(--jp-ui-font-color0);
    box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 28px;
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*font-size: 14px;*/
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    outline: none;
    vertical-align: middle;
}

.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:disabled {
    cursor: not-allowed;
    resize: block;
    background-color: var(--jp-layout-color2);
    color: var(--jp-ui-font-color2);
}

.jp-InputGroup input:disabled ~ span {
    cursor: not-allowed;
    color: var(--jp-ui-font-color2);
}

.jp-InputGroup input::placeholder,
.jp-ThemedContainer input::placeholder {
    color: var(--jp-ui-font-color2);
}

.jp-InputGroupAction {
    position: absolute;
    bottom: 1px;
    right: 0;
    padding: 6px;
}

.jp-HTMLSelect.jp-DefaultStyle {
    /* Leave space for the focus outline */
    padding: 0 2px;
}

.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);*/
    font-family: var(--jp-ui-font-family);
    height: 24px;
    line-height: 14px;
    padding: 0 25px 0 10px;
    text-align: left;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.jp-HTMLSelect.jp-DefaultStyle select:disabled {
    background-color: var(--jp-layout-color2);
    color: var(--jp-ui-font-color2);
    cursor: not-allowed;
    resize: block;
}

.jp-HTMLSelect.jp-DefaultStyle select:disabled ~ span {
    cursor: not-allowed;
}

.jp-HTMLSelect.jp-DefaultStyle select:focus-visible {
    outline: 2px solid var(--accent-fill-focus, var(--jp-brand-color1));
}

/* Use our own theme for hover and option styles */
/* stylelint-disable-next-line selector-max-type */
.jp-HTMLSelect.jp-DefaultStyle select:hover,
.jp-HTMLSelect.jp-DefaultStyle select > option {
    background-color: var(--jp-layout-color2);
    color: var(--jp-ui-font-color0);
}

.jp-ThemedContainer select {
    box-sizing: border-box;
}


.jp-StatusBar-Widget {
    display: flex;
    align-items: center;
    background: var(--jp-layout-color2);
    min-height: var(--jp-statusbar-height);
    justify-content: space-between;
    padding: 0 10px;
}

.jp-StatusBar-Left {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.jp-StatusBar-Middle {
    display: flex;
    align-items: center;
}

.jp-StatusBar-Right {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.jp-StatusBar-Item {
    max-height: var(--jp-statusbar-height);
    margin: 0 2px;
    height: var(--jp-statusbar-height);
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--jp-ui-font-color1);
    padding: 0 6px;
}

.jp-mod-highlighted:hover {
    background-color: var(--jp-layout-color3);
}

.jp-mod-clicked {
    background-color: var(--jp-brand-color1);
}

.jp-mod-clicked:hover {
    background-color: var(--jp-brand-color0);
}

.jp-mod-clicked .jp-StatusBar-TextItem {
    color: var(--jp-ui-inverse-font-color1);
}

.jp-StatusBar-HoverItem {
    border: var(--jp-border-width) solid var(--jp-border-color1);
    border-radius: var(--jp-border-radius);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.jp-StatusBar-TextItem {
    /*font-size: var(--jp-ui-font-size1);*/
    font-family: var(--jp-ui-font-family);
    line-height: 24px;
    color: var(--jp-ui-font-color1);
}

.jp-StatusBar-GroupItem {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.jp-Statusbar-ProgressCircle > svg {
    display: block;
    margin: 0 auto;
    width: 16px;
    align-self: normal;
}

.jp-Statusbar-ProgressCircle .jp-Statusbar-ProgressCirclePath {
    fill: var(--jp-inverse-layout-color3);
}

.jp-Statusbar-ProgressBar-progress-bar {
    height: 10px;
    width: 100px;
    border: solid 0.25px var(--jp-brand-color2);
    border-radius: 3px;
    overflow: hidden;
    align-self: center;
}

.jp-Statusbar-ProgressBar-progress-bar > div {
    background-color: var(--jp-brand-color2);
    background-image: 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%,
            transparent
    );
    background-size: 40px 40px;
    float: left;
    width: 0%;
    height: 100%;
    /*font-size: 12px;*/
    line-height: 14px;
    color: #fff;
    text-align: center;
    animation: jp-Statusbar-ExecutionTime-progress-bar 2s linear infinite;
}

.jp-Statusbar-ProgressBar-progress-bar p {
    color: var(--jp-ui-font-color1);
    font-family: var(--jp-ui-font-family);
    /*font-size: var(--jp-ui-font-size1);*/
    line-height: 10px;
    width: 100px;
}

@keyframes jp-Statusbar-ExecutionTime-progress-bar {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 40px 40px;
    }
}


/*-------------------------------------------------------------------------------------------------------------------*/


:root {
    /* This is the padding value to fill the gaps between lines containing spans with background color. */
    --jp-private-code-span-padding: calc(
            (var(--jp-code-line-height) - 1) * var(--jp-code-font-size) / 2
    );
}

.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-ThemedContainer .jp-RenderedText pre,
.jp-ThemedContainer .jp-RenderedJavaScript pre,
.jp-ThemedContainer .jp-RenderedHTMLCommon pre {
    color: var(--jp-content-font-color1);
    /*font-size: var(--jp-code-font-size);*/
    border: none;
    margin: 0;
    padding: 0;
}

.jp-RenderedText pre a[href]:link {
    text-decoration: none;
    color: var(--jp-content-link-color);
}

.jp-RenderedText pre a[href]:hover {
    text-decoration: underline;
    color: var(--jp-content-link-hover-color, var(--jp-content-link-color));
}

.jp-RenderedText pre a[href]:visited {
    text-decoration: none;
    color: var(--jp-content-link-visited-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;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-red-bg {
    background-color: #e75c58;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-green-bg {
    background-color: #00a250;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-yellow-bg {
    background-color: #ddb62b;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-blue-bg {
    background-color: #208ffb;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-magenta-bg {
    background-color: #d160c4;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-cyan-bg {
    background-color: #60c6c8;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-white-bg {
    background-color: #c5c1b4;
    padding: var(--jp-private-code-span-padding) 0;
}

.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;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-red-intense-bg {
    background-color: #b22b31;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-green-intense-bg {
    background-color: #007427;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-yellow-intense-bg {
    background-color: #b27d12;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-blue-intense-bg {
    background-color: #0065ca;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-magenta-intense-bg {
    background-color: #a03196;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-cyan-intense-bg {
    background-color: #258f8f;
    padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-white-intense-bg {
    background-color: #a1a6b2;
    padding: var(--jp-private-code-span-padding) 0;
}

.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);
    padding: var(--jp-private-code-span-padding) 0;
}

.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-hover-color, var(--jp-content-link-color));
}

.jp-RenderedHTMLCommon a:visited {
    text-decoration: none;
    color: var(--jp-content-link-visited-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;
    scroll-margin-top: var(--jp-content-heading-margin-top);
}

.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));
    scroll-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);*/
    font-size: 1.55em;
}

.jp-RenderedHTMLCommon h2 {
    /*font-size: var(--jp-content-font-size4);*/
    font-size: 1.35em;
}

.jp-RenderedHTMLCommon h3 {
    /*font-size: var(--jp-content-font-size3);*/
    font-size: 1.3em;
}

.jp-RenderedHTMLCommon h4 {
    /*font-size: var(--jp-content-font-size2);*/
    font-size: 1.25em;
}

.jp-RenderedHTMLCommon h5 {
    /*font-size: var(--jp-content-font-size1);*/
}

.jp-RenderedHTMLCommon h6 {
    /*font-size: var(--jp-content-font-size0);*/
}

/* Lists */

/* stylelint-disable selector-max-type, selector-max-compound-selectors */

.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: 0;
}

/* stylelint-enable selector-max-type, selector-max-compound-selectors */

.jp-RenderedHTMLCommon hr {
    color: var(--jp-border-color2);
    background-color: var(--jp-border-color1);
    margin-top: 1em;
    margin-bottom: 1em;
}

.jp-ThemedContainer .jp-RenderedHTMLCommon > pre {
    margin: 1.5em 2em;
}

.jp-ThemedContainer .jp-RenderedHTMLCommon pre,
.jp-ThemedContainer .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-ThemedContainer .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: var(--jp-ui-font-size1);*/
    table-layout: fixed;
    margin-left: auto;
    margin-bottom: 1em;
    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;
    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 p {
    text-align: left;
    margin: 0;
    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);
}

.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, #1565c0);
}

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-ThemedContainer .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: var(--jp-ui-font-size0);*/
    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;
}


.jp-OutputArea {
    overflow-y: auto;
}

.jp-OutputArea-child {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
}

.jp-OutputPrompt {
    /*width: var(--jp-cell-prompt-width);*/
    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;
    position: absolute;
    /*left: 4rem;*/
    left: -5.5rem;
    /*right:86%;*/
}

.jp-OutputArea-output {
    width: 100%;
    height: auto;
    overflow: auto;
    user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    padding: 10px;
}

.jp-OutputArea .jp-RenderedText {
    padding-left: 1ch;
}

/**
* Prompt overlay.
*/

.jp-OutputArea-promptOverlay {
    position: absolute;
    top: 0;
    /*width: var(--jp-cell-prompt-width);*/
    height: 100%;
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jp-OutputArea-promptOverlay .jp-icon-output {
    display: none;
}

.jp-OutputArea-promptOverlay:hover .jp-icon-output {
    display: initial;
}

.jp-OutputArea-promptOverlay:hover {
    background: var(--jp-layout-color2);
    box-shadow: inset 0 0 1px var(--jp-inverse-layout-color0);
}

.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, `lm-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: 0;
    padding: 0;
    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;
}

.jp-ThemedContainer .jp-TrimmedOutputs pre {
    background: var(--jp-layout-color3);
    /*font-size: calc(var(--jp-code-font-size) * 1.4);*/
    text-align: center;
    text-transform: uppercase;
}

/* 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;
}

/* Hide empty lines in the output area, for instance due to cleared widgets */
.jp-OutputArea-prompt:empty {
    padding: 0;
    border: 0;
}

/*-----------------------------------------------------------------------------
| 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: 0;
    width: 100%;
    flex: 1 1 auto;
}

/* 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: 1rem;*/
    /*padding-bottom: 1rem;*/
    /*padding-top: var(--jp-code-padding);*/
    border-top: var(--jp-border-width) solid transparent;
}

/*-----------------------------------------------------------------------------
| The Stdin output
|----------------------------------------------------------------------------*/

.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: 0 0.25em;
    margin: 0 0.25em;
    flex: 0 0 70%;
}

.jp-Stdin-input::placeholder {
    opacity: 0;
}

.jp-Stdin-input:focus {
    box-shadow: none;
}

.jp-Stdin-input:focus::placeholder {
    opacity: 1;
}

.jp-OutputArea-stdin-hiding {
    /* soft-hide the output, preserving focus */
    opacity: 0;
    height: 0;
}

/*-----------------------------------------------------------------------------
| Output Area View
|----------------------------------------------------------------------------*/

.jp-LinkedOutputView .jp-OutputArea {
    height: 100%;
    display: block;
}

.jp-LinkedOutputView .jp-OutputArea-output:only-child {
    height: 100%;
}

/*-----------------------------------------------------------------------------
| Printing
|----------------------------------------------------------------------------*/

@media print {
    .jp-OutputArea-child {
        display: table;
        table-layout: fixed;
        break-inside: avoid-page;
    }

    .jp-OutputArea-prompt {
        display: table-cell;
        vertical-align: top;
    }

    .jp-OutputArea-output {
        display: table-cell;
    }
}

/*-----------------------------------------------------------------------------
| Input/prompt cell
|----------------------------------------------------------------------------*/

.jp-CodeConsole-input {
    max-height: 80%;
    flex: 0 0 auto;
    overflow: auto;
    border-top: var(--jp-border-width) solid var(--jp-toolbar-border-color);
    padding: var(--jp-cell-padding) var(--jp-console-padding);

    /* This matches the box shadow on the notebook toolbar, eventually we should create
* CSS variables for this */
    box-shadow: 0 0.4px 6px 0 rgba(0, 0, 0, 0.1);
    background: var(--jp-layout-color1);
}

.jp-CodeConsole-input .jp-CodeConsole-prompt .jp-InputArea {
    height: 100%;
    min-height: 100%;
}

.jp-CodeConsole-promptCell .jp-InputArea-editor.jp-mod-focused {
    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);
}


.jp-cell-button .jp-icon3[fill] {
    fill: var(--jp-inverse-layout-color4);
}

.jp-cell-button:hover .jp-icon3[fill] {
    fill: var(--jp-inverse-layout-color2);
}

.jp-toolbar-overlap .jp-cell-toolbar {
    display: none;
}

.jp-cell-toolbar {
    display: flex;
    flex-direction: row;
    padding: 0;
    min-height: 25px;
    z-index: 6;
    position: absolute;
    right: 3px;

    /* Override .jp-Toolbar */
    background-color: transparent;
    border-bottom: inherit;
    box-shadow: none;
}

/* Overrides for mobile view hiding cell toolbar */
@media only screen and (width <= 760px

) {
    .jp-cell-toolbar {
        display: none;
    }
}

.jp-cell-toolbar button.jp-ToolbarButtonComponent {
    cursor: pointer;
}

.jp-cell-toolbar .jp-ToolbarButton button {
    display: none;
}

.jp-cell-toolbar .jp-ToolbarButton .jp-cell-all,
.jp-CodeCell .jp-ToolbarButton .jp-cell-code,
.jp-MarkdownCell .jp-ToolbarButton .jp-cell-markdown,
.jp-RawCell .jp-ToolbarButton .jp-cell-raw {
    display: block;
}

.jp-cell-toolbar .jp-Toolbar-spacer {
    flex: 1 1 auto;
}

.jp-cell-mod-click {
    cursor: pointer;
}

/* Custom styling for rendered markdown cells so that cell toolbar is visible */
.jp-MarkdownOutput {
    border-width: var(--jp-border-width);
    border-color: transparent;
    border-style: solid;
}

.jp-mod-active .jp-MarkdownOutput {
    border-color: var(--jp-cell-editor-border-color);
}

<
/
style >
< style > /*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */
:root {
    --jp-add-tag-extra-width: 8px;
}

.jp-CellTags-Tag {
    height: 20px;
    border-radius: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 0 8px;
    /*font-size: var(--jp-ui-font-size1);*/
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: calc(100% - 25px);
    border: 1px solid var(--jp-border-color1);
    color: var(--jp-ui-font-color1);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jp-CellTags-Unapplied {
    background-color: var(--jp-layout-color2);
}

.jp-CellTags-Applied {
    background-color: var(--jp-layout-color3);
}

.jp-CellTags-Add {
    white-space: nowrap;
    overflow: hidden;
    border: none;
    outline: none;
    resize: horizontal;
    /*font-size: var(--jp-ui-font-size1);*/
    color: var(--jp-ui-font-color1);
    background: var(--jp-layout-color2);
}

.jp-CellTags-Holder {
    display: flex;
    justify-content: center;
    align-items: center;
}

.jp-CellTags-Empty {
    width: 4em;
}

<
/
style >
< style > /*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/
:root {
    --jp-private-completer-item-height: 24px;

    /* Shift the baseline of the type character to align with the match text */
    --jp-private-completer-type-offset: 2px;
}

.jp-Completer {
    box-shadow: var(--jp-elevation-z6);
    background: var(--jp-layout-color1);
    color: var(--jp-content-font-color1);
    border: var(--jp-border-width) solid var(--jp-border-color1);
    padding: 0;
    display: flex;
    flex-direction: row;

    /* Needed to avoid scrollbar issues when using cached width. */
    box-sizing: content-box;

    /* Position the completer relative to the text editor, align the '.' */
    margin: 4px 0 0 -30px;
    z-index: 10001;
}

.jp-Completer-docpanel {
    border-left: var(--jp-border-width) solid var(--jp-border-color1);
    width: 400px;
    flex-shrink: 0;
    overflow-y: scroll;
    overflow-x: auto;
    padding: 8px;
    max-height: calc((10 * var(--jp-private-completer-item-height)) - 16px);
}

.jp-Completer-docpanel pre {
    border: none;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
}

.jp-Completer-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc((10 * var(--jp-private-completer-item-height)));
    min-height: calc(var(--jp-private-completer-item-height));
    width: 100%;
}

.jp-Completer-item {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: var(--jp-private-completer-item-height);
    min-width: 150px;
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    position: relative;
}

.jp-Completer-item .jp-Completer-match {
    box-sizing: border-box;
    margin: 0;
    padding: 0 8px 0 6px;
    height: var(--jp-private-completer-item-height);
    font-family: var(--jp-code-font-family);
    /*font-size: var(--jp-code-font-size);*/
    line-height: var(--jp-private-completer-item-height);
    white-space: nowrap;
}

.jp-Completer-deprecated .jp-Completer-match {
    text-decoration: line-through;
    color: var(--jp-content-font-color2);
}

.jp-Completer-item .jp-Completer-type {
    box-sizing: border-box;
    height: var(--jp-private-completer-item-height);
    background: transparent;
    width: var(--jp-private-completer-item-height);
}

.jp-Completer-item .jp-Completer-icon {
    /* Normal element size from LabIconStyle.ISheetOptions */
    height: 16px;
    width: 16px;
}

.jp-Completer-item .jp-Completer-monogram {
    text-align: center;
    color: white;
    width: var(--jp-private-completer-item-height);
    font-family: var(--jp-ui-font-family);
    /*font-size: var(--jp-ui-font-size1);*/
    line-height: calc(
            var(--jp-private-completer-item-height) -
            var(--jp-private-completer-type-offset)
    );
    padding-bottom: var(--jp-private-completer-type-offset);
}

.jp-Completer-item .jp-Completer-typeExtended {
    box-sizing: border-box;
    height: var(--jp-private-completer-item-height);
    text-align: right;
    background: transparent;
    color: var(--jp-ui-font-color2);
    font-family: var(--jp-code-font-family);
    /*font-size: var(--jp-code-font-size);*/
    line-height: var(--jp-private-completer-item-height);
    padding-right: 8px;
}

.jp-Completer-item:hover {
    background: var(--jp-layout-color2);
    opacity: 0.8;
}

.jp-Completer-item.jp-mod-active {
    background: var(--jp-brand-color1);
    color: white;
}

.jp-Completer-item .jp-Completer-match mark {
    font-weight: bold;
    background: inherit;
    color: inherit;
}

.jp-Completer-type[data-color-index='0'] {
    background: var(--jp-completer-type-background0, transparent);
}

.jp-Completer-type[data-color-index='1'] {
    background: var(--jp-completer-type-background1, #1f77b4);
}

.jp-Completer-type[data-color-index='2'] {
    background: var(--jp-completer-type-background2, #ff7f0e);
}

.jp-Completer-type[data-color-index='3'] {
    background: var(--jp-completer-type-background3, #2ca02c);
}

.jp-Completer-type[data-color-index='4'] {
    background: var(--jp-completer-type-background4, #d62728);
}

.jp-Completer-type[data-color-index='5'] {
    background: var(--jp-completer-type-background5, #9467bd);
}

.jp-Completer-type[data-color-index='6'] {
    background: var(--jp-completer-type-background6, #8c564b);
}

.jp-Completer-type[data-color-index='7'] {
    background: var(--jp-completer-type-background7, #e377c2);
}

.jp-Completer-type[data-color-index='8'] {
    background: var(--jp-completer-type-background8, #7f7f7f);
}

.jp-Completer-type[data-color-index='9'] {
    background: var(--jp-completer-type-background9, #bcbd22);
}

.jp-Completer-type[data-color-index='10'] {
    background: var(--jp-completer-type-background10, #17becf);
}

.jp-Completer-loading-bar-container {
    height: 2px;
    width: calc(100% - var(--jp-private-completer-item-height));
    left: var(--jp-private-completer-item-height);
    position: absolute;
    overflow: hidden;
    top: 0;
}

.jp-Completer-loading-bar {
    height: 100%;
    width: 50%;
    background-color: var(--jp-accent-color2);
    position: absolute;
    left: -50%;
    animation: jp-Completer-loading 2s ease-in 0.5s infinite;
}

@keyframes jp-Completer-loading {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(400%);
    }
}

.jp-GhostText {
    color: var(--jp-ui-font-color3);
    white-space: pre-wrap;
}

.jp-GhostText-lineSpacer,
.jp-GhostText-letterSpacer {
    opacity: 0;
    display: inline-block;
    vertical-align: top;
    /* stylelint-disable-next-line csstree/validator */
    text-wrap: none;
}

.jp-GhostText-letterSpacer {
    max-width: 0;
}

.jp-GhostText-lineSpacer {
    /* duration and delay are overwritten by inline styles */
    animation: jp-GhostText-hide 300ms 700ms ease-out forwards;
}

@keyframes jp-GhostText-hide {
    0% {
        font-size: unset;
    }

    100% {
        font-size: 0;
    }
}

.jp-GhostText-expandHidden {
    border: 1px solid var(--jp-border-color0);
    border-radius: var(--jp-border-radius);
    background: var(--jp-layout-color0);
    color: var(--jp-content-font-color3);
    padding: 0 4px;
    margin: 0 4px;
    cursor: default;
}

.jp-GhostText-hiddenWrapper:hover > .jp-GhostText-hiddenLines {
    display: inline;
}

.jp-GhostText-hiddenLines {
    display: none;
}

.jp-GhostText[data-animation='uncover'] {
    position: relative;
}

.jp-GhostText-streamedToken {
    white-space: pre;
}

.jp-GhostText[data-animation='uncover'] > .jp-GhostText-streamedToken {
    animation: jp-GhostText-typing 2s forwards;
    display: inline-flex;
    overflow: hidden;
}

@keyframes jp-GhostText-typing {
    from {
        max-width: 0;
    }

    to {
        max-width: 100%;
    }
}

.jp-GhostText-streamingIndicator::after {
    animation: jp-GhostText-streaming 2s infinite;
    animation-delay: 400ms;
    content: ' ';
    background: var(--jp-layout-color4);
    opacity: 0.2;
}

@keyframes jp-GhostText-streaming {
    0% {
        opacity: 0.2;
    }

    20% {
        opacity: 0.4;
    }

    40% {
        opacity: 0.2;
    }
}

.jp-GhostText-errorIndicator::after {
    animation: jp-GhostText-error 500ms 1;
    animation-delay: 3500ms;
    color: var(--jp-error-color1);
    font-size: 150%;
    line-height: 10px;
    margin-left: 2px;
    padding: 0 4px;
    content: '⚠';
    cursor: help;
    position: relative;
    top: 2px;
}

@keyframes jp-GhostText-error {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.jp-InlineCompleter {
    box-shadow: var(--jp-elevation-z2);
    background: var(--jp-layout-color1);
    color: var(--jp-content-font-color1);
    border: var(--jp-border-width) solid var(--jp-border-color1);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 8px;
}

.jp-InlineCompleter-progressBar {
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--jp-accent-color2);
}

.jp-InlineCompleter[data-display='onHover'] {
    opacity: 0;
    transition: visibility 0s linear 0.1s,
    opacity 0.1s linear;
    visibility: hidden;
}

.jp-InlineCompleter[data-display='onHover']:hover,
.jp-InlineCompleter-hover[data-display='onHover'] {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.jp-InlineCompleter[data-display='never'] {
    display: none;
}

.jp-InlineCompleter > .jp-Toolbar {
    box-shadow: none;
    border-bottom: none;
    background: none;
}

.jp-InlineCompleter[data-show-shortcuts='false']
.jp-ToolbarButtonComponent-label {
    display: none;
}

.jp-InlineCompleter [data-command='inline-completer:next'] > svg,
.jp-InlineCompleter [data-command='inline-completer:previous'] > svg {
    scale: 1.5;
}


.jp-ConsolePanel {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin-top: -1px;
    min-width: 240px;
    min-height: 120px;
}

.jp-CodeConsole {
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.jp-CodeConsole .jp-Cell {
    padding: var(--jp-cell-padding);
}

/*-----------------------------------------------------------------------------
| Content (already run cells)
|----------------------------------------------------------------------------*/

.jp-CodeConsole-content {
    background: var(--jp-layout-color0);
    flex: 1 1 auto;
    overflow: auto;
    padding: var(--jp-console-padding);
}

.jp-CodeConsole-content .jp-Cell:not(.jp-mod-active) .jp-InputPrompt {
    opacity: var(--jp-cell-prompt-not-active-opacity);
    color: var(--jp-cell-inprompt-font-color);
    cursor: move;
}

.jp-CodeConsole-content .jp-Cell:not(.jp-mod-active) .jp-OutputPrompt {
    opacity: var(--jp-cell-prompt-not-active-opacity);
    color: var(--jp-cell-outprompt-font-color);
}

/* This rule is for styling cell run by another activity in this console */

/* .jp-CodeConsole-content .jp-Cell.jp-CodeConsole-foreignCell {
} */

.jp-CodeConsole-content .jp-InputArea-editor.jp-InputArea-editor {
    background: transparent;
    border: 1px solid transparent;
}

.jp-CodeConsole-content .jp-CodeConsole-banner .jp-InputPrompt {
    display: none;
}

/* collapser is hovered */
.jp-CodeConsole-content .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);
}

/*-----------------------------------------------------------------------------
| Input/prompt cell
|----------------------------------------------------------------------------*/

.jp-CodeConsole-input {
    max-height: 80%;
    flex: 0 0 auto;
    overflow: auto;
    border-top: var(--jp-border-width) solid var(--jp-toolbar-border-color);
    padding: var(--jp-cell-padding) var(--jp-console-padding);

    /* This matches the box shadow on the notebook toolbar, eventually we should create
* CSS variables for this */
    box-shadow: 0 0.4px 6px 0 rgba(0, 0, 0, 0.1);
    background: var(--jp-layout-color1);
}

.jp-CodeConsole-input .jp-CodeConsole-prompt .jp-InputArea {
    height: 100%;
    min-height: 100%;
}

.jp-CodeConsole-promptCell .jp-InputArea-editor.jp-mod-focused {
    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);
}

/*-----------------------------------------------------------------------------
| Presentation Mode (.jp-mod-presentationMode)
|----------------------------------------------------------------------------*/

.jp-mod-presentationMode .jp-CodeConsole {
    --jp-content-font-size1: var(--jp-content-presentation-font-size1);
    --jp-code-font-size: var(--jp-code-presentation-font-size);
}

.jp-mod-presentationMode .jp-CodeConsole .jp-Cell .jp-InputPrompt,
.jp-mod-presentationMode .jp-CodeConsole .jp-Cell .jp-OutputPrompt {
    flex: 0 0 110px;
}

.cm-editor {
    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 */
}

/* Suppress automatic focus indicator outline */
.cm-editor.cm-focused {
    outline: unset;
}

.cm-editor pre {
    padding: 0 var(--jp-code-padding);
}

.jp-CodeMirrorEditor[data-type='inline'] .cm-dialog {
    background-color: var(--jp-layout-color0);
    color: var(--jp-content-font-color1);
}

.jp-CodeMirrorEditor {
    cursor: text;
}

/* When zoomed out 67% and 33% on a screen of 1440 width x 900 height */
@media screen and (width >

= 2138px

) and

(width <

= 4319px

) {
    .jp-CodeMirrorEditor[data-type='inline'] .cm-cursor {
        border-left: var(--jp-code-cursor-width1) solid var(--jp-editor-cursor-color);
    }
}

/* When zoomed out less than 33% */
@media screen and (width >

= 4320px

) {
    .jp-CodeMirrorEditor[data-type='inline'] .cm-cursor {
        border-left: var(--jp-code-cursor-width2) solid var(--jp-editor-cursor-color);
    }
}

/* stylelint-disable selector-max-class */

/* We need all this classes for higher specificity to override CodeMirror's rule */
.cm-editor.jp-mod-readOnly > .cm-scroller > .cm-cursorLayer .cm-cursor {
    display: none;
}

/* stylelint-enable selector-max-class */

.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;
}

.cm-searching,
.cm-searching span {
    /* `.cm-searching span`: we need to override syntax highlighting */
    background-color: var(--jp-search-unselected-match-background-color);
    color: var(--jp-search-unselected-match-color);
}

.cm-searching::selection,
.cm-searching span::selection {
    background-color: var(--jp-search-unselected-match-background-color);
    color: var(--jp-search-unselected-match-color);
}

.jp-current-match > .cm-searching,
.jp-current-match > .cm-searching span,
.cm-searching > .jp-current-match,
.cm-searching > .jp-current-match span {
    background-color: var(--jp-search-selected-match-background-color);
    color: var(--jp-search-selected-match-color);
}

.jp-current-match > .cm-searching::selection,
.jp-current-match > .cm-searching span::selection,
.cm-searching > .jp-current-match::selection,
.cm-searching > .jp-current-match span::selection {
    background-color: var(--jp-search-selected-match-background-color);
    color: var(--jp-search-selected-match-color);
}

.cm-trailingspace {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAsElEQVQIHQGlAFr/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA7+r3zKmT0/+pk9P/7+r3zAAAAAAAAAAABAAAAAAAAAAA6OPzM+/q9wAAAAAA6OPzMwAAAAAAAAAAAgAAAAAAAAAAGR8NiRQaCgAZIA0AGR8NiQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQyoYJ/SY80UAAAAASUVORK5CYII=);
    background-position: center left;
    background-repeat: repeat-x;
}

.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);
}

/* Styles for shared cursors (remote cursor locations and selected ranges) */
.jp-CodeMirrorEditor .cm-ySelectionCaret {
    position: relative;
    border-left: 1px solid black;
    margin-left: -1px;
    margin-right: -1px;
    box-sizing: border-box;
}

.jp-CodeMirrorEditor .cm-ySelectionCaret > .cm-ySelectionInfo {
    white-space: nowrap;
    position: absolute;
    top: -1.15em;
    padding-bottom: 0.05em;
    left: -1px;
    font-size: 0.95em;
    font-family: var(--jp-ui-font-family);
    font-weight: bold;
    line-height: normal;
    user-select: none;
    color: white;
    padding-left: 2px;
    padding-right: 2px;
    z-index: 101;
    transition: opacity 0.3s ease-in-out;
}

.jp-CodeMirrorEditor .cm-ySelectionInfo {
    transition-delay: 0.7s;
    opacity: 0;
}

.jp-CodeMirrorEditor .cm-ySelectionCaret:hover > .cm-ySelectionInfo {
    opacity: 1;
    transition-delay: 0s;
}


.jp-DebuggerSources {
    min-height: 50px;
    margin-top: 3px;
}

[data-jp-debugger='true'].jp-Editor .jp-mod-readOnly {
    background: var(--jp-layout-color2);
    height: 100%;
}

.jp-DebuggerSources-body [data-jp-debugger='true'].jp-Editor {
    height: 100%;
}

.jp-DebuggerSources-body {
    height: 100%;
}

.jp-DebuggerSources-header-path {
    overflow: hidden;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*font-size: var(--jp-ui-font-size0);*/
    color: var(--jp-ui-font-color1);
    user-select: text;
}

/* All input areas */
.jp-InputArea {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
}

.jp-InputArea-editor {
    flex: 1 1 auto;
    overflow: hidden;

    /* This is the non-active, default styling */
    /*border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);*/
    /*border-radius: 0;*/
    /*background: var(--jp-cell-editor-background);*/


    box-shadow: 1px 1px 2px #a7a8ad;
    border: 1px solid #d5d5d500;
    border-radius: 5px;
    padding: 10px;

    background-color: #F5EFE7;
}

.jp-InputPrompt {
    flex: 0 0 var(--jp-cell-prompt-width);
    /*width: 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;*/

    /* 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;

    position: absolute;
    /*left: 4rem;*/
    left: -5.5rem;
    /*right:86%;*/
}

/*-----------------------------------------------------------------------------
| Print
|----------------------------------------------------------------------------*/
@media print {
    .jp-InputArea {
        display: table;
        table-layout: fixed;
    }

    .jp-InputArea-editor {
        display: table-cell;
        vertical-align: top;
    }

    .jp-InputPrompt {
        display: table-cell;
        vertical-align: top;
    }
}


.highlight .hll {
    background-color: var(--jp-cell-editor-active-background)
}

.highlight {
    /*background: var(--jp-cell-editor-background);*/
    color: var(--jp-mirror-editor-variable-color)
}

.highlight .c {
    color: var(--jp-mirror-editor-comment-color);
    font-style: italic
}

/* Comment */
.highlight .err {
    color: var(--jp-mirror-editor-error-color)
}

/* Error */
.highlight .k {
    color: var(--jp-mirror-editor-keyword-color);
    font-weight: bold
}

/* Keyword */
.highlight .o {
    color: var(--jp-mirror-editor-operator-color);
    font-weight: bold
}

/* Operator */
.highlight .p {
    color: var(--jp-mirror-editor-punctuation-color)
}

/* Punctuation */
.highlight .ch {
    color: var(--jp-mirror-editor-comment-color);
    font-style: italic
}

/* Comment.Hashbang */
.highlight .cm {
    color: var(--jp-mirror-editor-comment-color);
    font-style: italic
}

/* Comment.Multiline */
.highlight .cp {
    color: var(--jp-mirror-editor-comment-color);
    font-style: italic
}

/* Comment.Preproc */
.highlight .cpf {
    color: var(--jp-mirror-editor-comment-color);
    font-style: italic
}

/* Comment.PreprocFile */
.highlight .c1 {
    color: var(--jp-mirror-editor-comment-color);
    font-style: italic
}

/* Comment.Single */
.highlight .cs {
    color: var(--jp-mirror-editor-comment-color);
    font-style: italic
}

/* Comment.Special */
.highlight .kc {
    color: var(--jp-mirror-editor-keyword-color);
    font-weight: bold
}

/* Keyword.Constant */
.highlight .kd {
    color: var(--jp-mirror-editor-keyword-color);
    font-weight: bold
}

/* Keyword.Declaration */
.highlight .kn {
    color: var(--jp-mirror-editor-keyword-color);
    font-weight: bold
}

/* Keyword.Namespace */
.highlight .kp {
    color: var(--jp-mirror-editor-keyword-color);
    font-weight: bold
}

/* Keyword.Pseudo */
.highlight .kr {
    color: var(--jp-mirror-editor-keyword-color);
    font-weight: bold
}

/* Keyword.Reserved */
.highlight .kt {
    color: var(--jp-mirror-editor-keyword-color);
    font-weight: bold
}

/* Keyword.Type */
.highlight .m {
    color: var(--jp-mirror-editor-number-color)
}

/* Literal.Number */
.highlight .s {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String */
.highlight .ow {
    color: var(--jp-mirror-editor-operator-color);
    font-weight: bold
}

/* Operator.Word */
.highlight .pm {
    color: var(--jp-mirror-editor-punctuation-color)
}

/* Punctuation.Marker */
.highlight .w {
    color: var(--jp-mirror-editor-variable-color)
}

/* Text.Whitespace */
.highlight .mb {
    color: var(--jp-mirror-editor-number-color)
}

/* Literal.Number.Bin */
.highlight .mf {
    color: var(--jp-mirror-editor-number-color)
}

/* Literal.Number.Float */
.highlight .mh {
    color: var(--jp-mirror-editor-number-color)
}

/* Literal.Number.Hex */
.highlight .mi {
    color: var(--jp-mirror-editor-number-color)
}

/* Literal.Number.Integer */
.highlight .mo {
    color: var(--jp-mirror-editor-number-color)
}

/* Literal.Number.Oct */
.highlight .sa {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Affix */
.highlight .sb {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Backtick */
.highlight .sc {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Char */
.highlight .dl {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Delimiter */
.highlight .sd {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Doc */
.highlight .s2 {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Double */
.highlight .se {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Escape */
.highlight .sh {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Heredoc */
.highlight .si {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Interpol */
.highlight .sx {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Other */
.highlight .sr {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Regex */
.highlight .s1 {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Single */
.highlight .ss {
    color: var(--jp-mirror-editor-string-color)
}

/* Literal.String.Symbol */
.highlight .il {
    color: var(--jp-mirror-editor-number-color)
}


/*-----------------------------------------------------------------------------
| Mobile
|----------------------------------------------------------------------------*/
@media only screen and (width <= 760px

) {
    .jp-InputArea {
        flex-direction: column;
    }

    .jp-InputArea-editor {
        margin-left: var(--jp-code-padding);
    }

    .jp-InputPrompt {
        flex: 0 0 auto;
        text-align: left;
    }
}


.jp-RenderedHTMLCommon h2 {
    font-weight: bold;
}

.jp-InputArea-editor pre{
    margin:0
}